必备ESLintGitLens — Git superchargedPrettier - Code formatterTurbo Console Log推荐JavaScript (ES6) code snippetsReact Hooks SnippetsVeturopen in browserTodo Tree特殊change-caseMarkdown All in OnePaste JSON as CodeSwagger ViewerWakaTime...

公司级培训活动列表任务列表视频、文档学习资料常见 Q&A部门级基本同公司级内容小组级日/周报、日/周会等制度产品列表，内容包括产品介绍竞品分析/体验技术调研/评审文档开发准备环境配置工具列表开发规范代码规范可参考《多年总结的「软性编码规范」-前端》建议使用较严格的规范，如 Airbnb 的 eslint 规范协作规范git commit 规范分支管理规范Code Review 规范流程规范上线流程项目管理bug

多年总结的编码规范。供大家参考

# 封装思路1. 提供缓存能力，当传参不变时，可选择缓存结果，用 `mem` 实现，`config.cacheable` 控制2. 异常或错误，统一弹 Notice。提供强制不 Notice 的能力，`config.preventNotice` 控制3. 扩展 `axios.config` 参数，如上述提到的能力，可通过 config 参数实现控制4. 统一返回 axios 的 `response.data`，方便日常编码5. 为适应上述改变，`ts` 声明也需要相应变化

现在的前端开发已经不是写几个页面，加上些 css、js，直接放到服务器上就行了。前端已经发展出了一套完整的工程体系，现梳理其要点成此文。

网上写单测的文章太多了，要么是介绍工具（jest、mocha、chai 等）的，要么是照本宣科介绍什么是单测的。看过之后总是觉得无法指导实际开发，不够接地气，于是尝试着总结了此篇文档，希望能够补上这块缺失。所以本篇文章里不会出现单测的基本概念与单测工具的介绍，有的只是指导实践的一些方法论。

bug描述上线后发现页面白屏，控制台也没有任何报错。经过定位发现，预发布环境部署了一个vendors_1234.js文件把线上环境的vendors_1234.js覆盖了（预发布和线上的静态文件是一个目录），但是这两个文件的内容竟然不一样。你没看错！！hash相同，内容不同！！。本以为是碰到了万年不遇的撞hash事件，最后研究发现竟然是webpack的splitChunk导致的，而且有很大概率会出...

很多教程的实例对新手并不友好，这里的例子，都是笔者自己写的，希望适合大家的胃口。首先，我们要构建一个react项目，具体方法请参考《从零搭建前端开发环境》系列。当然，如果自己已经有了一套环境，那么下面将会展示demo的业务代码，可根据自己的情况进行调整。0、安装配置jest + enzyme详见用jest构建react项目的测试框架——1、安装与配置，与前文不一样的是，这里会采用react@16，...

注：本文系笔者搜集整理资料写的自用三列布局模板对比： 优点缺点备注圣杯1.有效利用外层包裹结构2.中间部分优先渲染1.代码量最多2.因外包裹涉及到padding，所以要注意box-sizing:border-box时对整体宽度造成的印象虽代码量较多，但是较双飞翼结构简单。在实际开发当中考虑到子元素的绝对定位问题，通常会给外包裹添加position:relative。因此，这多余出的代码量也就不算什...

注：本文系笔者搜集整理资料写的自用CSS初始化模板，所借鉴的资源均写了链接，我只是个搬运工PC-CSS-Reset:body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, lengend, label, button, input, select, option, t...

我们在项目初始化的时候，都会有一个html的模板，里面会做各种兼容和声明等工作。PC端如果需要适配IE8需要加入很多垫片，而且还要做好双核浏览器的优先选择配置等；M端更是需要做到不同分辨率屏幕的适配，另外还有300ms延迟问题。这里送上笔者在项目当中整理的两个模板，已经经过了一定项目的考验，供大家参考。另外，本文中涉及的M端适配并非rem，而是修改viewport的显示比例，这个方案相较rem来说...

写在前面只是吐槽一下，react的项目构建工具真的不怎么好用，而vue-cli体验要好得多。不仅如此，vue的设计理念更加人性化一点，而且全家桶用起来也没有react那么蹩脚，甚至配套的UI框架，elementUI与ant-design比起来，用着也更舒服。总之！个人是偏向vue的，什么大项目用react，vue只适合小项目什么的论调，笔者是表示怀疑的。吐槽完了，该学还得学，毕竟这个时代，你不会r...

0. jest与其他测试框架的比较由于笔者刚刚接触测试，经验还不是很丰富，所以只能说一些粗浅的认识。经过1周左右的调研，得出一个结论：jest 约等于 karma + mocha + chai也就是说，测试、断言、覆盖率等，jest一个人就都做了。如果一个东西能解决，而且没有太大的性能问题的话，为什么不选择它呢？而且他还是facebook的亲儿子，用它来做react的单测，听起来就很配～不过据说a...

问题描述如果是前后端分离的项目，本地开发环境需要访问mock，或者在调试时直接访问线上的接口，这时候就会有接口跨域的问题（mock不存在跨域问题，但是用这个方法配置起来方便，姑且算是一个问题）。以vue-cli生成的项目为例，需要配置 config/index.js 中的 proxyTable 属性，大概如下： proxyTable: { '/pc/my/list/':