自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Fair_feng的博客

天地不仁以万物为刍狗

  • 博客(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 1145

转载 那一年岳云鹏14岁,郭德纲26岁

作者:拾遗来源:拾遗(ID:shiyi201633)20年前的1999年,像极了今天的2019年。中国驻南联盟使馆被炸,整个中国激荡着愤怒的声浪;金融行业一片风声鹤唳,纷纷忙着抓捕那只“千年虫”;末日预言像病毒般席卷世界,全球弥漫着一种难以言说的恐慌。经济也软趴趴地低迷着,民众心里充满了不安、焦虑和烦躁……这就是1999年,一切看起来似乎都糟透了...

2019-02-18 11:57:38 2423

转载 PC端、移动端(手机端)图片懒加载方法整理

1、PC端图片懒加载:jquery.lazyload是一个实现图片延迟加载的jQuery 插件,它可以延迟加载长页面中的图片。在浏览器可视区域外的图片在初始状态下不会被载入,直到用户将页面滚动到它们所在的位置。1.引入js文件<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">&lt...

2018-10-30 09:49:31 4260 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 4585

原创 使用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 1892

转载 总结 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 497

原创 Ant Design --配置(1)

Ant Design 官方介绍: “在中台产品的研发过程中,会出现不同的设计规范和实现方式,但其中往往存在很多类似的页面和组件,

2017-06-07 22:23:37 6227

原创 小程序----应用(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 419

原创 小程序----路由(2)

路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程。介绍 路由,在小程序中可以理解为就是从一个页面跳转到一个页面的一种规则。框架以栈的形式维护了当前的所有页面。 当发生路由切换的时候,页面栈的表现如下: 路由方式 页面栈表现 初始化 新页面入栈 打开新页面 新页面入栈 页面重定向 当前页面出栈,新页面入栈 页面返回 页面不断出栈

2017-05-22 21:55:33 1351

原创 小程序----简单介绍(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 895

原创 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

原创 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

转载 用 document.readyState == "complete" 判断页面是否加载完成

说 明这个属性是只读的,传回值有以下的可能:0-UNINITIALIZED:XML 对象被产生,但没有任何文件被加载。1-LOADING:加载程序进行中,但文件尚未开始解析。2-LOADED:部分的文件已经加载且进行解析,但对象模型尚未生效。3-INTERACTIVE:仅对已加载的部分文件有效,在此情况下,对象模型是有效但只读的。4-COMPLETED:文件已完全加载,代表加...

2017-04-14 14:04:01 1191

原创 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

原创 CSS预处理语言--Less

CSS预处理语言–Less#

2017-04-07 11:23:03 625

原创 解决ie8及一下不支持document.getElementsByClassName

ie8及以下不支持document。getElementsByClassName

2017-03-29 17:21:16 729

原创 第一篇文章

千里之行,始于足下

2017-02-05 21:16:46 341

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除