JavaScript

FastClick 原理解析

Patience and perseverance will get paid.这段时间开始实习了,在公司做hybrid,专职写js,学习到了不少东西。一直好奇fastclick是如何工作,于是花了几天空余的时间一步步调试代码,学习fastclick。这篇文章可以结合者代码看,希望可以给予需要学习fastclick的人一点思路。有错误的地方希望指正,thk~主流程FastC

URLSearchParams 接口

URLSearchParams 接口定义了很多个用来处理 URL 参数串的方法。基本使用方法如下var paramsString = "q=URLUtils.searchParams&topic=api" // location.search.slice(1)var searchParams = new URLSearchParams(paramsString);sear

20160627~0701学习笔记

JavaScript单线程与浏览器多线程Javascript是单线程的:因为JS运行在浏览器中,是单线程的,每个window一个JS线程。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。若以多线程的方式操作这些DOM,则可能出现操作的冲突。假设有两个线程同时操作一个DOM元素,线程1要求浏览器删除DOM,而线程2却要求修改DOM样式,这时浏览

JavaScript 面向对象开发知识总结基础篇

引子:1.JavaScript 中的变量类型和类型检测1.1原始类型1.2引用类型1.3內建类型的实例化1.4函数的字面形式1.5正则表达式的字面形式1.6类型检测1.6.1原始类型的检测1.6.2鉴别引用类型1.6.3鉴别数组1.6.4原始封装类型2.JavaScript 中的函数2.1定义函数的两种方式2.1.1函数声明2.1.2函数表达式2.2JavaScript函数

常用js设计模式整理

在做canvas、webGL游戏时,很深切的感觉到,游戏编程玩的都是设计模式。架构没预先设计好,强耦合性代码在后期维护简直灾难。大型单页应用里,复杂度上升到一定程度时,没有适当的设计模式进行降耦,后续的开发也难以下手。而设计模式正是为了降耦而存在。参考《javascript设计模式》——曾探函数节流var throttle = function(fn, interval){

js对象属性

js对象属性有两种访问方式,代码如下:var test={name:'wzh',sex:'man'}var n='name';console.log(test[n]);//第一种:可以动态访问对象属性console.log(test.name);//第二种:不能动态访问对象属性关键字:JavaScript, html5, css, 属性

打造性感好用的Atom编辑器

虽说之前网上对Atom编辑器的贬多余褒,大多因为它的启动速度缓慢,但是最近体验了一下,感觉已经好多了啊!加上SSD的原因,使用起来还是不错的,之前就一直喜欢它的设置,简洁明了,颜值很高!做一点小的总结笔记吧!推荐的扩展autocomplete-paths这个插件会根据项目中的目录和文件提供补全建议autocomplete-python自动补全pythonfile-icons

React 移动 web 极致优化

本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/579083d1c9da73584b02587d最近一个季度,我们都在为手Q家校群做重构优化,将原有那套问题不断的框架换掉。经过一些斟酌,决定使用react 进行重构。选择react,其实也主要是因为它具有下面的三大特性。React的特性1.Learn on

图片延迟加载库echo.js

给手机端写接口时,发现返回的html内容中图片越多,滑动越卡,所以想用延迟加载的方式,在网上搜了很多资料,ios的开发一直在纠结safari不支持jquery,我也不清楚safari到底支不支持jquery。但是jquery很大,确实不建议使用。 然后看到有使用echo.js的,我试了一下,pc端,ios,andriod的浏览器都可以用Echo.init({offset:

移动web端模拟hover效果

hover在PC端的用户体验中扮演着很重要的角色,那么移动web端我们又该如何增强这方面的用户体验呢?下面我简单的在移动web端模拟了下hover的效果。效果预览请在移动端打开 源码核心代码//按钮点击效果$(document).on("touchstart", ".action-btn:not(.disable)", function (e) { var $this