前端 whistle -- mac上代替fiddler最好的工具 Fiddler工具对前端同学来说应该是很熟悉的，他的文件替换功能是大家经常用到的，调式线上问题，线下开发，预览线上效果，都可以使用他的...
前端 异步与同步，阻塞与非阻塞 异步指的是调用在发出后就立即返回了，也就是调用立即结束了，调用的结果通过信号等机制通知调用者，调用者可以在调用返回结果之前执行其他的操作，常用的处理方式是回调，这种场景大量存在于前端的ajax请求，nodejs的文件调用，网络...
前端 前端模块化打包构建中的一些常用工具 RequireJS 是一个JavaScript模块加载器，采用AMD的模块化规范。它非常适合在浏览器中使用，使用RequireJS加载模块化脚本将提高代码的加载速度和...
前端 vuejs组件库 推荐使用百度的NoahV框架搭建vuejs项目： https://github.com/baidu/NoahV 主要包含如下特性： 1.上手简单，提供常用的各类组件，快速开始前端开发 2.导航栏、页面布局JSON配置，无需代码逻辑开发 3.API数据模拟和API数据代理，让前后端不再耦合，联调更简单，效率更高 4.数据仪表盘功能，满足常见的数据可视化需求，助力数据分析场景 5.实用的脚手架功能，项目初始化、模板复用、模拟数据创建、调试server启动、框架升级一行命令通通搞定 vuejs：一个数据驱动的组件，
前端 雅虎团队经验：网站性能优化的35个法则 Make Fewer HTTP Requests Use a Content Delivery Network (CDN) Add Expires or Cache-Control Header Gzip Components Put Stylesheets at Top Put Scripts at Bottom Avoid CSS Expressions Make JavaScript and CSS External
前端 webapp 常用标签含义及作用 viewport viewport主要标签用来定义页面的显示，缩放等信息，常用的属性值如下： <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"> 其中width定义展示区域的宽度，一般写成device-width代表占满设备的横向屏幕；minimum-scale、maximum-scale定义最小和最大的放大倍数；user-scalable定义是否运行用户缩放。 format-detection format-detection主要定义一些格式识别，其中有：电话号码、
前端 js判断客户端网络状态 使用Navigator对象 打印出window.navigator对象，可以发现一个字段onLine,官方对这个字段的解释是‘返回指明系统是否处于脱机模式的布尔值’。实测在chrome,firfox,IE9,safari中该字段能真实反应网络的连接状态,具体的兼容情况可以参考http://caniuse.com/#search=online
前端 sessionStorage和localStorage 首先说下，session Storage和localStorage都是HTML提供的本地存储，但是又有一些区别 session Storage 用法 存储：sessionStorage.setItem(name,value); 获取：sessionStorage.getItem(name); local Storage 用法 存储：localStorage.setItem(name,value); 获取：localStorage.getItem(name); 区别 localStorage存储的内容不会随着网页的关闭而销毁 sessionStorage只在当前打开的网页有效
前端 JavaScript和ECMAScript的关系 很多都不清楚JavaScript和ECMAScript的关系到底有什么关系，现在ECMAScript6出来之后，ECMAScript这个词渐渐的出现在大家的视野中。 其实JavaScript和ECMAScript是包含关系，ECMAScript是JavaScript的一部分，一个完整的JavaScript应该有下列三个不同的部分组成: 核心(ECMAScript) 文档对象模型(DOM) 浏览器对象模型(BOM) 从上面的结构应该不难看出，我们平常写js代码的时候基础的语法、类型、语句、关键字、操作符、对象等内容是属于我们的核心部分ECMAScript。
前端 推荐几个精致的前端web UI框架 weUI 是一套同微信原生视觉体验一致的基础样式库，由微信官方设计团队为微信 Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
前端 addEventListener和removeEventListener 最近遇到一个问题，在特定情况下希望禁用掉鼠标事件，或是手机端的touch事件，这种情况下可以使用addEventListener监听需要禁止的事...
前端 html5寻找不同颜色的色块游戏 本游戏采用Html5的canvas标签绘制图型，采用easeljs类库进行事务处理。 游戏链接：http://t2yp.sinaapp.com/test/index.html 二维码：
前端 CSS样式优先级汇总 CSS引入方式的优先级 我们知道CSS有三种引入方式，分别是通过link标签引入的外部样式、通过style标签引入的内部样式、以及直接在元素上写的内联样式。 按官方说法以上3种的引入方式的优先级是： 内联样式 > 内部样式 > 外部样式 但是有特殊情况： 经测试外部样式和内部样式的优先级是由引入顺序决定的。 测试代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&
前端 highcharts趋势图上的点实现点击执行事件 我们经常会用hightcharts的趋势图来显示随着时间推移某个参数的变化情况，如果做环境监控，可能是温度、湿度、光强等数据，如果是做网络监控，那这个...
前端 移动H5前端性能优化指南 1. PC优化手段在Mobile侧同样适用 2. 在Mobile侧我们提出三秒种渲染完成首屏指标 3. 基于第二点，首屏加载3秒完成或使用Loading 4. 基于联通3G网络平均338KB/s(2.71Mb/s)，所以首屏资源不应超过1014KB 5. Mobile侧...
