笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助. 一个人走的更快，一群人可以走得更远，前提是统一的策略…

Source map 想必大家都不陌生。线上的代码多是压缩后的，如果线上有报错却只能调试那个代码多半是个噩梦。因此我们需要有一个桥梁帮助我们搭建起源代码及压缩后代码的联系。

爬虫与反爬虫一直是一对天生的对手，反爬手段多种多样，破解手段也应运而生。 本文主要介绍一种利用前端页面自定义字体的方式来实现反爬的技术手段，并实践如何技术上破解。（期间多次掉坑，拼接顽强的毅力，仍然坚强的走出来。） 自定义字体：@font-face是CSS3中的一个模块，主要是…

我们日常使用浏览器的步骤为：启动浏览器、打开一个网页、进行交互。而无头浏览器指的是我们使用脚本来执行以上过程的浏览器，能模拟真实的浏览器使用场景。 本文主要介绍 Google 提供的无头浏览器(headless Chrome), 他基于 Chrome DevTools prot…

也就是说，添加--hard参数后，会回到上次commit的状态，也就是说从上次commit之后的的修改都将被重置，换句话说这些数据都丢失了，所以要谨慎操作哦。 前置知识就到这里了，开始今天的重点。 之前的修改未进行 commit 提交，也未进行git add操作。 如果时第一种…

有了 Nodejs 环境，JavaScript 也可以在后端运行了。 提供了大量的轮子，让老司机程序员瞬间提速起飞。 造造轮子造造车。 分享出来与工友们学习探讨。 0. 前提 前提是安装了 Nodejs，NPM 会随 Nodejs 一起安装。 如果没有 Node 环境，应该也不…

前端开发的一个特点是更多的会涉及用户界面，当开发规模达到一定程度时，几乎注定了其复杂度会成倍的增长。 无论是在代码的初始搭建过程中，还是之后难以避免的重构和修正bug过程中，常常会陷入逻辑难以梳理、无法掌握全局关联的境地。 而单元测试作为一种“提纲挈领、保驾护航”的基础手段，为…

归纳总结了 JavaScript 高级程序设计中创建对象的 7 种方法

Bem 是块（block）、元素（element）、修饰符（modifier）的简写，由 Yandex 团队提出的一种前端 CSS 命名方法论。 BEM 是一个简单又非常有用的命名约定。让你的前端代码更容易阅读和理解，更容易协作，更容易控制，更加健壮和明确，而且更加严密。 bl…