w3c 有两个版本的规范，本文基于 第二版本 介绍。 工欲善其事，必先利其器。要想使页面更快，那么准确测量出性能数据也是很重要的。 我们来看一下，在一个web页面的生命周期之内，我们基于 Performance Timeline可以得到哪些性能指标。 getEntries 得到…

Git的一些实用基本操作, 这里就不作复述了. 主要和大家分享如何更优雅的使用Git Git每次提交代码, 都要写Commit message, 否则提交不了. 我们不仅要写commit message, 而且要写得清晰明了, 以说明本次提交的目的. 补充说明subject的,…

亲爱的读者朋友，如果你点开了这篇文章，说明你对正则很感兴趣。 想必你也了解正则的重要性，在我看来正则表达式是衡量程序员水平的一个侧面标准。 关于正则表达式的教程，网上也有很多，相信你也看了一些。 与之不同的是，本文的目的是希望所有认真读完的童鞋们，都有实质性的提高。 本文内容共…

正则是字符串匹配模式，在处理文本时很有用。最常见的操作就是用于查找和替换。 说到处理文本，其实我们每天敲的代码就是文本，因此常用的代码编辑器的查找替换工具基本都支持正则语法的。 先说明一下，接下来的内容都以《We will rock you》的歌词测试文本。 使用的正则测试工具…

李狗蛋为了和自己心仪的女神在一起，使上了浑身解数，让我们看看他是如何逆袭的。 采用机翻往往会出现同名非同义的情况，需要对基础组件置顶一个自己的规范，设想一下，如果多人维护统一套代码，每个人风格不统一又没有注释，很容易出现神秘变量。 表格的查询条件有很多，然而上面这一块并不全是学…

NodeJs的出现，让前端工程化的理念不断深入。先是带来了Gulp、Webpack等强大的构建工具，随后又出现了vue-cli和create-react-app等完善的脚手架，提供了完整的项目架构，让我们可以更多的关注业务，而不必在项目基础设施上花费大量时间。 ... 1. 入…

需求这是从一个项目中提取的需求。大致的思路是：通过获取后端的一系列人员的点位信息，在前端模拟人员的一段时间内的行动过程。我们的开发人员首先想到的思路是，把获取的点位列表信息，每两个取取来，组成一条直线

想要学好 webpack，我们首先要了解 webpack 的机制，我们先从js加载css开始学习。 bundle 是一个立即执行函数，可以认为它是把所有模块捆绑在一起的一个巨型模块。 学习一个工具我们不仅要看懂它的配置，还要对它的原理一起了解，只有学到框架的精髓，我们才能应对如…

对于每个前端从业者来说，除了F5键之外，用的最多的另外一个键就是F12了。 今天，大神（@小鱼二）推荐我一个网站，才知道chrome还有各种骚姿势。 所有的我都看了，这里随便列举几个个人之前不了解，觉得挺有用的。 多的就不列举了，可以看看开头的网站。看了有几个功能我电脑（win…