前端 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侧...