-
编辑 删除
不容错过的 Babel7 知识
对Babel的配置项的作用不那么了解，是否会影响日常开发呢？老实说，大多情况下没有什么影响。不过呢，还是想更进一步了解下，于是最近认真阅读了Babel的文档，外加不断编译验证，输出了本篇文章，为了更好的阅读体验，修修改改，最终算是以我个人比较喜欢的方式推进了每个知识点（每一个配置的引入都是有原因的）
-
编辑 删除
万字长文总结前端测试体系建设与最佳实践
作者：柯培霖，美团点评前端工程师，获得作者授权转载2019年前端测试依然是一个炙手可热的话题。笔者在今年5月份参加Vueconf的时候，Vue单元测试的主题演讲者曾向现场的参与者发出提问，有多少团队引入了单元测试，意外的是只有寥寥数人举起了手。尽管，那个时候笔者的团队也还没有引入前端测试，但是考虑到
-
编辑 删除
非常全面的前端协作规范(长文建议先收藏)
原文作者：掘金_sx_原文链接：https://juejin.im/post/5d3a7134f265da1b5d57f1ed万字长文，继续刷新我的文章长度记录，涉及前端开发的方方面面。本文将持续更新和完善,文章部分观点可能比较武断或不完整，欢迎评论和补充，一起完善该文章.谢谢笔者长期单枪匹马在前端
-
编辑 删除
ES7、ES8、ES9、ES10新特性大盘点
前言从ECMAScript2016（ES7）开始，版本发布变得更加频繁，每年发布一个新版本，好在每次版本的更新内容并不多，本文会细说这些新特性，尽可能和旧知识相关联，帮你迅速上手这些特性。ES7新特性1.Array.prototype.includes()方法在ES6中我们有String.proto
-
编辑 删除
npm install 原理分析
谢谢你的支持！开门见山，npminstall大概会经过上面的几个流程，本篇文章来讲一讲各个流程的实现细节、发展以及为何要这样实现。嵌套结构我们都知道，执行npminstall后，依赖包被安装到了node_modules，下面我们来具体了解下，npm将依赖包安装到node_modules的具体机制是什
-
编辑 删除
一文带你看透 Chrome 浏览器架构
背景市面上的浏览器很多，很多很多，多到数不过来。不过目前Chrome浏览器还是占了主导地位，至少在开发人员眼里Chrome的地位很高。这篇文章来说说Chrome浏览器的架构，漫谈漫谈～抽象架构浏览器的主要功能就是向服务器发出请求，在浏览器窗口中展示您选择的网络资源，这里所说的资源一般是指HTML文档
-
编辑 删除
这么骚的 js 代码，不怕被揍么
布拉德特皮https://juejin.im/post/5e044eb5f265da33b50748c8前言曾经，我接手了一份大佬的代码，里面充满了各种“骚操作”，还不加注释那种，短短几行的函数花了很久才弄懂。这世上，“只有魔法才能对抗魔法”，于是后来，翻阅各种“黑魔法”的秘籍，总结了一些比较实用的
-
编辑 删除
从敲下一行JS代码到这行代码被执行，中间发生了什么？
前言我们每天都在写JS，你是否想过，计算机是怎么识别你的这一行代码，并且执行相应指令？本篇文章为你讲述从敲下一行JS代码到这行代码可以被执行算出正确的结果，都经历了什么。编译学过计算器基础的，即使学的不好，大概都知道计算机跟人能读懂的语言是不一样的，它只认识0101的二进制数。也就是机器指令码（ma
-
编辑 删除
从12.67s到1.06s的网站性能优化实战
作者：jerryOnlyZRJhttps://juejin.im/post/5b6fa8c86fb9a0099910ac91本文是对之前同名文章的修正，将所有webpack3的内容更新为webpack4，以及加入了笔者近期在公司工作中学习到的自动化思想，对文章内容作了进一步提升。原文链接：imweb
-
编辑 删除
干货：快速开发一个Antd级别的组件库
作者：FlyTeng_1874https://juejin.im/post/5df062da6fb9a0162a0b6e58很多时候，我们为了复用或者归纳总结，会把组件抽离出来发到npm上。但是这个过程你会发现一个问题，就是应该怎么更好的发布和管理维护这些组件呢。最后会发现网上的其他教程不是太零散了
-
编辑 删除
我写CSS的常用套路(附demo的效果实现与源码）
作者：alphardexhttps://juejin.im/post/5e070cd9f265da33f8653f00前言本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。1、交错动画有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平
-
编辑 删除
Vue这些修饰符帮我节省20%的开发时间
作者：李大雷https://segmentfault.com/a/1190000016786254为了方便大家写代码，vue.js给大家提供了很多方便的修饰符，比如我们经常用到的取消冒泡，阻止默认事件等等~目录表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符（实在不知道叫啥名字）表单修
-
编辑 删除
凌晨三点，各类程序员都在干吗？
来自菜鸟教程1、凌晨三点，各类程序员都在干吗？我想问，前端是不是提早下班了？2、三天后再回头看看自己写的代码3、代码质量VS开发时间4、程序员的爱情观5、一定要看到最后
-
编辑 删除
重磅！微信官方推出 Web 前端和小程序统一框架
来源：前端大全最近微信官方重磅推出了一个统一Web前端和小程序的框架——Kbone。微信小程序的底层模型和Web端不同，开发者无法直接把Web端的代码挪到小程序环境内执行。Kbone的诞生就是为了解决这个问题，它实现了一个适配器，在适配层里模拟出了浏览器环境，让Web端的代码可以不做什么改动，便可运
-
编辑 删除
你连 HTTPS 原理都不懂，还讲“中间人攻击”？
作者：leapmiehttps://urlify.cn/zQj6f2这篇干货不错，把HTTPS的原理讲清楚了，而且容易懂，建议大家好好读一下。HTTPS随着HTTPS建站的成本下降，现在大部分的网站都已经开始用上HTTPS协议。大家都知道HTTPS比HTTP安全，也听说过与HTTPS协议相关的概念有
-
编辑 删除
4W字长文带你深度解锁Webpack系列(上)
三篇长文，4W余字，带你解锁Webpack，希望读完这三篇文章，你能够对webpack的各项配置有一个更为清晰的认识。1.webpack是什么？webpack是一个现代JavaScript应用程序的静态模块打包器，当webpack处理应用程序时，会递归构建一个依赖关系图，其中包含应用程序需要的每个模
-
编辑 删除
高频使用的 Git 命令
作者：CRPERjuejin.im/post/5de8d849e51d455808332166前言汇总下我在项目中高频使用的git命令及姿势。不是入门文档，官方文档肯定比我全面，这里是结合实际业务场景输出。使用的Git版本：gitversion2.24.0命令gitlog#输出概要日志,这条命令等同
-
编辑 删除
只会 Vue 的前端工程师是没有前途的
放眼前端这几年的发展，经历了移动互联网时代的爆发，出现了以Angular、React、Vue为代表的三大前端框架，竟然成为了困扰前端工程师的一个“难题”——哪个框架最好？我该学哪个框架？除了框架之外，语言也不甘示弱，近期就有TypeScript即将取代JavaScript成为前端主流语言的说法。那么
-
编辑 删除
万字长文带你深度解锁Webpack（进阶篇）
三篇长文带你深度解锁Webpack，希望读完这三篇文章，你能够对webpack的各项配置有一个更为清晰的认识。本文是第二篇，如果你还没有阅读《4W字长文带你深度解锁Webpack系列(基础篇)》，建议阅读之后，再继续阅读本文。本文会引入更多的webpack配置，如果文中有任何错误，欢迎在评论区指正，
-
编辑 删除
前端基础知识概述 -- 移动端开发的屏幕、图像、字体与布局的兼容适配
作者：ChokCocohttps://www.cnblogs.com/coco1s/p/11463599.html本文是内部的一次分享沉淀，偏向基础但是涉及了一些有意思的细节，文笔有限，才疏学浅，文中若有不正之处，万望告知。前端的一大工作内容就是去兼容页面在不同内核的浏览器，不同的设备，不同的分辨率
