摘要： 上一次将webpack1升级到3，也仅是 半年前，前端工具发展变化太快了，如今webpack4已经灰常稳定，传说性能提升非常高，值得升级。 一直用着的webpack3越来越慢，一分多钟的编译时间简直不能忍，升级之后在几个系统和几台电脑上评测，平均提高了7-9倍，生产模式的最突出 升级之后完整的 we 阅读全文

摘要： 为了统一团队的代码规范，除了一纸规范说明之外，还需要引入工具进行限制。虽说工具并不能完全实现规范中的规则，但至少能够在一定程度上缓解代码不统一的局面。 相对于后端，前端代码规范的质量检查涉及到HTML, CSS，Javascript ，如今还涉及到SCSS，ES5，JSX, React，Vue，An 阅读全文

摘要： 在iPhone中调试，大体上与上文 安卓中的移动页面调试 类似，区别主要是iOS系统中的一些限制，导致某些工具无法使用。 本文基于此，简要介绍在iPhone中如何调试页面。 最终可以实现在Mac平台使用Safari（或结合ios_webkit_dubug_proxy使用Chrome）调试手机中Saf 阅读全文

摘要： 总结一下目前在用的前端代码规范，可作为开发参考 一、基础规范 开发规范 项目目录和文件的命名使用小写字母，避免使用大写或驼峰，多个单词以下划线 _ 分隔 如：my_project/cast_detail.js 目录有复数意义的时候，使用复数命名 如 scripts images 某些第三方插件可直接 阅读全文

摘要： BEM 是 Block（块） Element（元素） Modifier（修饰器）的简称 使用BEM规范来命名CSS，组织HTML中选择器的结构，利于CSS代码的维护，使得代码结构更清晰（弊端主要是名字会稍长） 如何使用BEM 在本规范中，以双下划线 __ 来作为块和元素的间隔，以单下划线 _ 来作为 阅读全文

摘要： 在开发移动端页面时，一般都得保证在微信页面中能够正常访问，虽说微信内置浏览器统一了各个不同安卓机的WebView，但在不同的机子上，还是会出现不一样的兼容问题。 调试页面，有几个维度要考虑：能够访问页面、审查元素查看页面输出、抓包查看请求模拟登陆、断点调试、性能测试、在模拟器上调试、在真机上调试 本 阅读全文

摘要： 在前端的开发过程中，免不了进行各种调试和测试。 在不同的平台，不同的环境下的调试方法也不尽相同，这个系列文章将探索常见的一些前端调试场景，较为系统地整理出一些调试方法。 主要包含在 PC上的 IE、FireFox、Chrome、Safari、Edge浏览器开发工具调试，远程真机 安卓微信页面、安卓常 阅读全文

摘要： Webpack是个很流行的打包工具，但其打包速度却一直被吐槽着 如果不用上一些打包的优化建议，单单打包两三个文件就能花上好几秒，放上几十个入口文件依赖几百上千个包的话，几分钟十几分钟妥妥的 本文整理了常见的一些方法，部分使用之后就看到了很大改善，部分没什么明显的变化，也可能是项目规模还不够大，先记录 阅读全文

摘要： Webpack已经出来很久了，相关的文章也有很多，然而比较完整的例子却不是很多，让很多新手不知如何下脚，下脚了又遍地坑 说实话，官方文档是蛮乱的，而且有些还是错的错的。。很多配置问题只有爬过坑才知道 本文首先介绍Webpack(3)的一些基础知识，然后以一个已经完成的小Demo，逐一介绍如何在项目中 阅读全文

摘要： 最近一年，在开发实践过程中遇到了不少问题，大多都能得到解决 部分知其原理，部分只能做到解决问题，而半年前遇到的问题，或多或少都忘得差不多了 是该记录一下一些问题，防止再遇到就得再查资料了 1. 浏览器在开启有道划词插件的时候，使用 AjaxFileUpload 插件上传文件报错 开启插件时，该插件会 阅读全文