![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 87
Fair_feng
特立独行的猪
展开
-
解决ie8及一下不支持document.getElementsByClassName
ie8及以下不支持document。getElementsByClassName原创 2017-03-29 17:21:16 · 729 阅读 · 0 评论 -
使用babel转换 es6-- 其中一坑
使用babel如果是线上,直接放到项目中使用即可,刚学习时踩到一个坑。 本地使用: 1、首先安装babel-cli(用于在终端使用babel) npm install -g babel-cli 2、然后安装babel-preset-es2015插件 npm install --save babel-preset-es2015 当安装过第一步时 很多人只是执行了第一步,...原创 2017-09-27 15:01:05 · 1892 阅读 · 0 评论 -
jQuery源码解析(架构与依赖模块)一、理解架构
一、设计原理 轻量级的js库,兼容CSS3,兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+),Jquery2.0及后续潘奔不在支持IE6/7/8浏览器。jQuery一个比较大的优势是,它的文档说明很全,并且各种应用很详细,同时还有许多成熟的插件提供。核心:The Write Less,Do More(写更少,做更多)。简洁的API、优雅的链式、强大的查询与便...原创 2017-04-14 17:38:53 · 1066 阅读 · 0 评论 -
mootools(1)-基础
很多人听过jQuery,可能很少用到mootools.js这个类库,mootools符合oo的思想,代码强健,灵活的模块化框架,多数用在大型的电商网站中,比如:shopEx模板,ecstore,今天来开始学习js中的另一款优秀的js类库。 当jq和mootools冲突时,使用jq自带的方法:var jq = jQuery.noConflict(); api地址:http://shouce.qdfu原创 2017-04-13 11:27:02 · 437 阅读 · 0 评论 -
用 document.readyState == "complete" 判断页面是否加载完成
说 明这个属性是只读的,传回值有以下的可能:0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。1-LOADING:加载程序进行中,但文件尚未开始解析。2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效。3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有效但只读的。 4-COMPLETED:文件已完全加载,代表加...转载 2017-04-14 14:04:01 · 1191 阅读 · 0 评论 -
es6 部分 在ios 6plus 9.3.5 微信浏览器不被支持
项目中出现背景图没有铺全的问题,客户在IOS6plus出现问题,查找后发现在ios6plus 不兼容let关键词.在网上整合方法后进行整理。 1、使用转换工具babel安装:安装babel: npm install -g babel 卸载: npm uninstall -g babel此处安装babel的原因是需要用到babel的浏览器版本browswer.js,但是从Babel6.0之后 不在提供原创 2017-11-27 16:27:11 · 4584 阅读 · 0 评论 -
PC端、移动端(手机端)图片懒加载方法整理
1、PC端图片懒加载: jquery.lazyload是一个实现图片延迟加载的jQuery 插件,它可以延迟加载长页面中的图片。在浏览器可视区域外的图片在初始状态下不会被载入,直到用户将页面滚动到它们所在的位置。 1.引入js文件 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"><...转载 2018-10-30 09:49:31 · 4255 阅读 · 1 评论 -
总结 React 组件的三种写法 及最佳实践 [涨经验]
React 专注于 view 层,组件化则是 React 的基础,也是其核心理念之一,一个完整的应用将由一个个独立的组件拼装而成。截至目前 React 已经更新到 v15.4.2,由于 ES6 的普及和不同业务场景的影响,我们会发现目前主要有三种创建 React 组件的写法:1. ES5写法React.createClass,2. ES6写法React.Component,3. 无状态的函数式写法(转载 2017-06-20 11:17:20 · 496 阅读 · 0 评论 -
document.documentElement.scrollTop与document.body.scrollTop
问题针对document.documentElement.scrollTop和document.body.scrollTop. 1、在IE Firefox Opera 现代浏览器的标准模式下,使用document.documentElement.scrollTop获取高度,混杂模式下,也就是没有DTD文档声明,则使用document.body.scrollTop. 2、Chrome Safari原创 2017-04-28 11:03:55 · 1611 阅读 · 0 评论 -
js之 matches (JQ delegate closest方法)
在SELECTORS API Level 2规范中,为DOM节点添加了一个方法,主要是用来判断当前DOM节点不否能完全匹配对应的CSS选择器规则;如果匹配成功,返回true,反之则返回false。语法如下: element.matches(String selector); 第一部分 这个方法在我们做事件委托时就显得非常有用,示例代码如下: document.querySelector(...原创 2019-06-03 14:43:44 · 1145 阅读 · 0 评论