- 博客(17)
- 收藏
- 关注
原创 js之 matches (JQ delegate closest方法)
在SELECTORS API Level2规范中,为DOM节点添加了一个方法,主要是用来判断当前DOM节点不否能完全匹配对应的CSS选择器规则;如果匹配成功,返回true,反之则返回false。语法如下: element.matches(String selector);第一部分这个方法在我们做事件委托时就显得非常有用,示例代码如下:document.querySelector(...
2019-06-03 14:43:44
1224
转载 那一年岳云鹏14岁,郭德纲26岁
作者:拾遗来源:拾遗(ID:shiyi201633)20年前的1999年,像极了今天的2019年。中国驻南联盟使馆被炸,整个中国激荡着愤怒的声浪;金融行业一片风声鹤唳,纷纷忙着抓捕那只“千年虫”;末日预言像病毒般席卷世界,全球弥漫着一种难以言说的恐慌。经济也软趴趴地低迷着,民众心里充满了不安、焦虑和烦躁……这就是1999年,一切看起来似乎都糟透了...
2019-02-18 11:57:38
2489
转载 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
4390
1
原创 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
4668
原创 使用babel转换 es6-- 其中一坑
使用babel如果是线上,直接放到项目中使用即可,刚学习时踩到一个坑。本地使用:1、首先安装babel-cli(用于在终端使用babel) npm install -g babel-cli2、然后安装babel-preset-es2015插件 npm install --save babel-preset-es2015当安装过第一步时 很多人只是执行了第一步,...
2017-09-27 15:01:05
1950
转载 总结 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
573
原创 Ant Design --配置(1)
Ant Design 官方介绍: “在中台产品的研发过程中,会出现不同的设计规范和实现方式,但其中往往存在很多类似的页面和组件,
2017-06-07 22:23:37
6355
原创 小程序----应用(3)
WXML 视图层1、数据绑定<!--wxml--><view>{{ message }}</view>组建属性 用{{}} 包含// page.jsPage({ data: { message: 'Hello MINA!' }})2、列表渲染<!--wxml--><view wx:for="{{array}}"> {{item}} </view>// page.jsPag
2017-05-25 11:17:36
473
原创 小程序----路由(2)
路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程。介绍 路由,在小程序中可以理解为就是从一个页面跳转到一个页面的一种规则。框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候,页面栈的表现如下: 路由方式 页面栈表现 初始化 新页面入栈 打开新页面 新页面入栈 页面重定向 当前页面出栈,新页面入栈 页面返回 页面不断出栈
2017-05-22 21:55:33
1416
原创 小程序----简单介绍(1)
使用前: 1、下载node,微信部分接口需要node平台。 2、在微信公众平台下载微信web开发者工具 3、第一次使用需注册小程序。 4、成为小程序开发者。 5、创建空的文件夹,选择自动生成启动配置文件。 文件: 核心文件,app.js、app.json、app.wxss,为全局配置 app.js:程序初始化时执行的内容,登录接口,全局的方法、属性,必要文件,逻辑层 app.jso
2017-05-22 10:53:08
943
原创 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
1720
原创 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
1140
转载 用 document.readyState == "complete" 判断页面是否加载完成
说 明这个属性是只读的,传回值有以下的可能:0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。1-LOADING:加载程序进行中,但文件尚未开始解析。2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效。3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有效但只读的。4-COMPLETED:文件已完全加载,代表加...
2017-04-14 14:04:01
1258
原创 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
504
原创 解决ie8及一下不支持document.getElementsByClassName
ie8及以下不支持document。getElementsByClassName
2017-03-29 17:21:16
800
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人