随着web技术的飞速发展，1999年制定的HTTP 1.1已经无法满足大家对性能的要求，Google推出协议SPDY，旨在解决HTTP 1.1中广为人知的性能问题。SPDY得到了Chrome、Firefox和Opera的支持，很多大型网站（如谷歌、Twitter、Facebook、淘宝）都对兼容客户端使用SPDY。SPDY在被行业采用并证明能够大幅提升性能之后，已经具备了成为一个标准的条件。 HTTP工作组采用了SPDY v2草案作为制定HTTP 2.0标准的起点，2014年12月将HTTP/2标准提议递交至IES…
问题：avalon（版本1.5.6）在chrome新版存在双向数据绑定失效的问题。 最近做的项目测试后bug修改完，产品验收时总提出这样的问题： 明明input框中输入了内容，在验证的时候仍然提示内容为空： 对比发现产品用的谷歌浏览器版本是53版本的，自己谷歌浏览器版本 51.0.2704.106 m ，没有出现这个问题，于是升级版本，升级到最新版本54.0.2840.99 m，再次测试这个问题就暴露出来了。 经过网上查询最后定位问题是avalon在chrome新版本中中文无法同步到vm，最后在github上找到问…
AJAX的缓存产生原因： AJAX的缓存是由浏览器维持的，对于发向服务器的某个url，ajax仅在第一次请求时与服务器交互信息，之后的请求中，ajax不再向服务器提交请求，而是直接从缓存中提取数据。 我们都知道ajax能提高页面载入的速度主要的原因是通过ajax减少了重复数据的载入，也就是说在载入数据的同时将数据缓存到内存中，一旦数据被加载其中，只要我们没有刷新页面，这些数据就会一直被缓存在内存中，当我们提交 的URL与历史的URL一致时，就不需要提交给服务器，也就是不需要从服务器上面去获取数据，虽然这样降低了服务…
Webpack是什么 Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过 loader 的转换，任何形式的资源都可以视作模块，比如 CommonJs 模块、 AMD 模块、 ES6 模块、CSS、图片、 JSON、Coffeescript、 LESS等。可以说是目前前端构建领域最有竞争力的解决方案之一。 官方文档：http://webpack.github.io/…
什么是Rollup.js？ 最直接的解释就是，Rollup是前端模块化的一个打包工具，将模块文件根据命令或 者根据rollup.config.js配置文件将多个模块文件打包成一个文件，然后就可以通过 HTML的<script>标签去导入这一个结果文件即可，从而使代码最小化，并且Rollup会自动过滤掉那些没有被使用过的函数或变量。 你也可以认为Rollup是一个构建工具，可以和像Grunt和Gulp等一起配置使用。但是， 需要注意的一点是当你使用Grunt和Gulp来处理像打包JavaScript这样的…
官方文档 小程序开发文档 小程序设计指南 小程序开发者工具 新闻报道 微信正式开放内测“小程序”，不开发APP的日子真的来了？(36氪) 关于微信小程序（应用号），我能透露的几个细节(可能吧) 你的产品适不适合做微信小程序？你需要这篇产品逻辑分析(虎嗅网) 工具 微信小程序 (应用号) 微信 web 开发者工具破解版(DiyCode) 微信小程序配置及目录在线生成工具 IDE + 破解 + Demo(gavinkwoe/weapp-ide-crack) Egret Wing 3.2.x 支持微信小程序实时预览的ID…
方案一： 1.viewport设置： <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1"> 2.html根元素font-size设置（注：设计稿640px）： var deviceWidth = document.documentElement.clientWidth; if(deviceWidth > 640) deviceWidth = 640; document.documentEl…
本指南汇集React-Native各类学习资源，给大家提供便利。指南正在不断的更新，大家有好的资源欢迎Pull Requests！ 同时还有Awesome React Native系列 https://github.com/jondot/awesome-react-native 目录 教程 React Native React.js ES6 系列教程 开源APP 图书 组件 工具 资源网站 业界讨论 教程 React Native 构建 Facebook F8 2016 App / React Native 开发指…
备注：所有的o-r中间添加了- 中线，系统有屏蔽词关键词，因此加了- 中线处理。 通过Camera API,你可以使用手机的摄像头拍照,然后把拍到的照片发送给当前网页.这些操作主要是通过一个input元素来实现的,其中该元素的type属性必须为"file",accept属性要允许图片格式,这样才能知道这个文件选择框是用来选择图片的.,完整的HTML结构看起来是这样的: <input type="file" id="take-picture" accept="image/*"> 当用户激活这个HTML元素…