2017年10月1日

navigator对象的主要属性介绍

摘要: 之前整理过一篇文章,传送门,介绍了navigator对象的属性,但是介绍的比较少,感觉不是太实用,特今天整理一下在项目中实际用到的东西。navigator.appCodeName(不准确):属性是一个只读字符串,声明了浏览器的代码名。 在所有以 Netscape 代码为基础的浏览器中,它的值是 "M 阅读全文

posted @ 2017-10-01 11:42 undefined==null 阅读(1598) 评论(0) 推荐(0) 编辑

2017年9月28日

canvas的toDataURL方法

摘要: 前一阵七夕前夕搞了一个微信活动,共享男女友,时间紧任务重,记得当时是周三提的需求,那就抓紧搞起来,后来会有一个生成图片的功能,遇到了一些坎,下面分析下技术点,用到的就是canvas的toDataURL()方法,可是生成图片的时候,需要取微信授权后的用户头像和昵称,调试了一番头像的图片总是概率性的不显 阅读全文

posted @ 2017-09-28 09:43 undefined==null 阅读(723) 评论(1) 推荐(0) 编辑

iphone x 刘海 css3实现 shape属性

摘要: 最近苹果11出来后,被吐槽的不行,尤其号称全面屏,上面还留了一个小齐刘海,作为前端开发,对于这块的网页兼容性需要提前考虑一下。 大家知道制作长方形、正方形、圆形这些都好弄,但是对于不规则形状的多边形处理起来有些同学毫无思路,不过css很早就有这方面的考虑,下面就介绍下CSS Shapes这个属性。 阅读全文

posted @ 2017-09-28 09:38 undefined==null 阅读(205) 评论(0) 推荐(0) 编辑

2017年3月29日

图片延迟加载开源方案-lazysizes

摘要: 特性:原生js,不依赖于jquery/zepto自动监测可能发生变化的lazyload节点,不需要额外初始化支持响应式图片srcset(特别需要注明,支持响应式图片srcset)性能高,改善SEO 使用方法:请访问此地址 阅读全文

posted @ 2017-03-29 14:17 undefined==null 阅读(712) 评论(0) 推荐(0) 编辑

2017年3月27日

如何使用CSS3实现流畅的动画

摘要: 什么是浏览器渲染,详解浏览器渲染页面过程 1.解析HTML文件,创建DOM树自上而下,遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)。2.解析CSS优先级:浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式;特定级:id数 阅读全文

posted @ 2017-03-27 10:23 undefined==null 阅读(726) 评论(0) 推荐(0) 编辑

2017年2月16日

JavaScript函数节流和函数防抖之间的区别

摘要: 一、概念解释 函数节流和函数防抖,两者都是优化高频率执行js代码的一种手段。大家大概都知道旧款电视机的工作原理,就是一行行得扫描出色彩到屏幕上,然后组成一张张图片。由于肉眼只能分辨出一定频率的变化,当高频率的扫描,人类是感觉不出来的。反而形成一种视觉效果,就是一张图。就像高速旋转的风扇,你看不到扇叶 阅读全文

posted @ 2017-02-16 10:38 undefined==null 阅读(723) 评论(0) 推荐(0) 编辑

2017年2月14日

Vue.js 2.0更新之增加Virtual DOM讲解

摘要: Virtual DOM是什么?在之前,React和Ember早就开始用虚拟DOM技术来提高页面更新的速度了。 若想了解它是如何工作的,就要先认清这几个概念:1.更新DOM是非常昂贵的操作当我们使用Javascript来修改我们的页面,浏览器已经做了一些工作,以找到DOM节点进行更改,例如: 在现代的 阅读全文

posted @ 2017-02-14 14:32 undefined==null 阅读(881) 评论(0) 推荐(0) 编辑

2017年2月9日

Json串的单引号和双引号引发的问题解析

摘要: 昨天解析一个带链接的JSON字符串的时候,用JSON.parse处理,总是提示错误,报错"Uncaught SyntaxError: Unexpected token j in JSON at position",查找各种问题,最后终于找到了解决方法,分享出来供大家参考。json就是一段有格式的字符 阅读全文

posted @ 2017-02-09 16:00 undefined==null 阅读(3093) 评论(0) 推荐(0) 编辑

2017年2月7日

理解javascript中的Function.prototype.bind的方法

摘要: 在初学Javascript时,我们也许不需要担心函数绑定的问题,但是当我们需要在另一个函数中保持上下文对象this时,就会遇到相应的问题了,我见过很多人处理这种问题都是先将this赋值给一个变量(比如self、_this、that等),尤其是var that = this是我见的最多的,这样当你改变 阅读全文

posted @ 2017-02-07 09:00 undefined==null 阅读(274) 评论(0) 推荐(0) 编辑

微信小程序开源项目库汇总

摘要: UI组件 weui-wxss ★1053 - 同微信原生视觉体验一致的基础样式库 wx-charts ★154 - 微信小程序图表工具 Wa-UI ★134 - 针对微信小程序整合的一套UI库 wemark ★93 - 微信小程序Markdown渲染库 wx-scrollable-tab-view  阅读全文

posted @ 2017-02-07 08:53 undefined==null 阅读(458) 评论(0) 推荐(0) 编辑

导航