首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

关于 JS 拖拽功能的冲突问题及解决方法

前言 我在之前写过关于 JS 拖拽的文章,实现方式和网上能搜到的方法大致相同,别无二致,但是在一次偶然的测试中发现,这种绑定事件的方式可能会和其它的拖拽事件产生冲突,由此产生了对于事件绑定的思考。...本文主要介绍解决这种冲突的方法,其实就是事件绑定的时机问题。...起初以为是 jQuery 事件绑定的问题,其实完全不相关,使用原生 JS 同样会遇到这种问题。...再看一下拖拽的事件绑定,很明显,在 document 上绑定的事件和 input range 的拖拽事件冲突了。...其实,document 作为最上层的节点,它上面不应该绑定其它事件(事件代理除外),如果绑定,必须是临时性绑定,否则一定会造成冲突

2.3K110

如何打造一款标准JS SDK ?

岳鹰WEB前端监控,可实时监控页面性能、JS异常、资源加载异常、API成功率、自定义错误等异常情况。...JS SDK也无外于此,不过鉴于JS语言本身的特性,基于Ta封装的SDK更多常见于UI组件库、统计分析、web服务接口封装、前端稳定性和性能监控等场景。...因此,稍加分析即可得出以下结论: 前端领域,稳定性方面主要的关注点 JS异常 资源加载异常 API请求异常 白屏异常 性能方面,核心的关注点 白屏时间 可交互时间(TTI) 首屏时间 FP / FMP...requireJS引用 require.config({ paths: { "wpk": "https://g.alicdn.com/woodpeckerx/jssdk/wpkReporter.js...// webpack.config.js module.exports = { output: { filename: '[name].js', path: `${__dirname

1.2K20

前端必看!各大浏览器 CSS Hack 收集

CSS hack是通过在CSS样式中加入一些特殊的符号,让不同的浏览器识别不同的符号(什么样的浏览器识别什么样的符号是有标准的,CSS hack就是让你记住这个标准),以达到应用不同的CSS样式的目的,...由于各浏览器的内核不同,所以会造成一些误差就像JS一样,一个JS网页特效,在微软IE6、IE7、IE8浏览器有效果,但可能在火狐(Mozilla Firefox)谷歌浏览器无效,这样就叫做JS hack...3、浏览器识别字符标准对应表 从上图可以分析出以下几种情况: 1.大部分特殊字符IE浏览器支持,其他主流浏览器firefox,chrome,opera,safari不支持 (opera可识别除外)。...IE6、IE7、Firefox 4.区别IE6、IE7、Firefox(方法2) 【区别符号】:“*”、“!...」(米字号),但IE6可以辨识「_」(底线),IE7却无法辨识,透过IE7无法读取「_」的特性就能轻鬆区隔IE6和IE7之间的差异。

1.6K130

js的动态加载、缓存、更新以及复用(二)恼人的命名冲突

有的推荐第三方框架,比如 In.js、requrieJS、sea.js、lab.js等。这个开阔了眼界,以前只知道sea.js,省去了自己搜索的麻烦。...主要看的是sea.js,目前简单的理解是:一个加载js的机制 + 模块化编程(CMD规范)的理念。这个是淘宝用的,肯定很强大、很结实了。那么我是不是拿来用呢?...我的想法就是做一个js文件服务。由这个服务实现加载js、更新js、加载顺序(依赖),还有复用。   如果我们要做五个项目,每个项目都是一个独立的站点,那么对于共用的js文件是怎么处理的呢?...我们每写一个js文件,都需要考虑要引用哪些文件吗?目前我做的项目是,由js文件服务来搞定js文件的加载,然后写点处理业务逻辑的代码就ok了。   想说的还有很多,只是思路有点乱。...引用 https://github.com/seajs/seajs/issues/547 恼人的命名冲突 我们从一个简单的习惯出发。

2.1K80

JS魔法堂:浏览器模式和文档模式怎么玩?

IE6的兼容模式就两种,怪异模式(Quirks)和IE6标准模式。(IE7也只有怪异模式和IE7标准模式)  IE6默认使用怪异模式(Quirks),仅当以<!...(IE7也是这样)  注意:这时的兼容模式主要是解决显示问题,要知道那时的JS只是小配角而已。   3.3....文档兼容性模式——IE8的新宠   “文档兼容性模式”是对“兼容模式”的扩展,就IE8而言,除了提供怪异模式(Quirks)和IE8标准模式外,还提供了IE7标准模式、模拟IE7模式,而且设置的方式也丰富得多...通过在head标签内加入如的元数据标签(该例子将文档模式设置为IE7标准模式);   3. 通过<!...另外我曾参与一个项目需要运用VML来画图,客户大部分使用IE678,少部分使用IE910,其他浏览器的可忽略不计,于是就可以通过锁定文档模式为模拟IE7标准模式来启用VML支持了。

1.9K80
领券