使用webpack 拆包功能，从bundle.js中拆分出多个chunk.js，实现js的按需加载，可以提高首屏加载速度。不同的webpack版本按需加载配置方式不同，你可以根据自己使用的版本查一下具体配置。关键字：webpack code splitting。再附上一篇文章供参考：[链接]

比方说下面这段代码，主要是对输入内容做限制。 {代码...} 经过测试在iOS的第三方输入法和原生九宫格键盘没有问题，但是切换到全键盘会出现打字的候选拼音消失的问题，请问怎么解决呢？ 参考：移动端输入框填坑系列（一） | AlloyTeam

建议阅读一下腾讯前端团队AlloyTeam的编码规范，里面规定了一些写前端的规范，这个非常适合一个团队来执行这套规范，保证代码的可读性、可维护等。这些规范就可以有效避免很多新手的常见通病。

找了下有关图片的插件都是预览或者裁剪用的，没有找到相似的，我决定还是自己动手了。其实功能主要是图片缩放移动，按住右下角按钮旋转图片，按左下角按钮删除图片。UI就自己用CSS写写就行，功能的话用下面链接的手势库就可以全部实现了。[链接]

facebook当时使用的是createjs下的子项目easeljs和tweenjs去制作，基于Canvas的动画。基本的原理主要是：循环运动Canvas抽象的DisplayObject的skewX和scaleY来实现软体摇摆。目前来看transformjs也能做到，因为transformjs也能运动skewX和scaleY。先来看看facebook的方式。

最近开发的前端项目随着开发的人员越来越多，代码规范已经是一个很难避免的问题了，虽然百度有fecs这个规则检查，但是不论是icode或者是项目本地都没有配置或检查，完全靠自觉，这是件非常扯淡的事。

欢迎大家前往腾讯云技术社区，获取更多腾讯海量技术实践干货哦~ 作者：樊东东  前端从业几年，积累了不少github开源库。 有时候想查阅以前star的库，但不好找，github大多库都是英文说明，对中文开发者不太友好，这里整理下收集的github库，方便需要的时候查阅。 其实老早就有整理github上资源的想法，现在才付诸行动。 ...

主要用 http proxy 文件代理功能 Rythem 以Qt为基础, 框架跨平台, 开源的 和Fiddler一样具有 代理抓包/替换 功能 介绍: [链接]... 使用场景转向 Android/Webviewmitmproxy 是个命令行下查看/修改 http 请求的交互式工具 截图 安装 {代码...} 使用 ubuntu 上启动 mitmproxy mitmproxy --host 手机 设置 -> WLAN -> ...

前端模块化之后，CSS也能向模块一样导入， 之前提倡JS 与CSS分离，现在JS和CSS混合的方式又开始流行了。 CSS与JS分离 CSS Modules No more conflicts 没有名称冲突 No global scope Composing from other files Composing from global class names CSS in JSS JSS Theming 利用 ThemeProvider 和 theme 封装组件 withThe...

这是线上经过压缩混淆的代码，一般大公司的团队都有自己的工作流程，代码起码要分开发和线上两套，线上的一般都要走下压缩混淆流程的。另外百度有套前端构建工具流FIS，已经到FIS3了可以去了解下。代码的话，我建议你去找找BAT的一些前端相关的独立部门，比如百度FEX、腾讯AlloyTeam之类的，他们会有些开源的项目和工具...

AlloyTouch的本质是运动一个数字，把数字的物理变化映射到你想映射的任何属性上。所以带来了广泛的应用场景。不论实在应用、游戏、操作系统等许多层面，监听用户触摸，给用户真实的运动反馈是很常见的应用场景。如王者荣耀里，旋转用户角色，抽奖程序滚动转盘、页面滚动、局部滚动等。

开发前准备 项目开发规约的制定（参考腾讯前端团队规约[链接]） git管理 使用easymock搭建API服务 官方文档学习 github搜索资源 页面功能组件划分 确定开发工具的版本 脚手架构建 vue-cli构建项目基础结构 项目目录结构划分 移动端UI框架,使用mint-ui 页面路由切换,页面间跳转实现及参数传递 axios请求API封装 过渡动画...

factor需要自己不断去调试出最佳的值，让松手之后的惯性运动的速率和时间达到最佳的效果。moveFactor需要自己不断去调试出最佳的值，就是让横向拖拽的距离映射到旋转的角度上达到最跟手的效果。

在过去的两年，越来越多的同事、朋友和其他不认识的童鞋进行移动web开发的时候，都使用了transformjs，所有必要介绍一下，让更多的人受益，提高编程效率，并享受编程乐趣。（当然transformjs不仅仅支持移动设备，支持CSS3 3D Transforms的浏览器都能正常使用transformjs）

相信这个插件MessengerJs能解决你的问题，当然，前提是你对A页面和B页面都有掌控能力，可以同时加载MessengerJs。 原理是这样： 针对IE8+和chrome等现代浏览器，使用postMessage来实现iframe和页面之间的消息通信 对于不支持postMessage的浏览器，比如IE6，7，基本上MessageJs也是考虑这两个浏览器。 IE6/7下，使用的是...

JS + CSS3 transition或者animation：这里第一种一样，只是通过js里add class和remove class去增加或者移除对应的动画