现在代码一般都会使用git来进行管理, 其中git hooks(git钩子)是git提供的在代码管理的生命周期中会被触发的一个阶段, 如同react里面组件的生命周期一样, 随着组件的状态的改变, 一些生命周期函数会被触发, 然后可以在触发的时候进行自定义的操作, git 也是如此, 例如我们可以在代码被提交(git commit)前进行代码的自动检查, 通过了检查才允许提交, 否则提交失败, 然后还有常见的自动化部署也是利用了 git hooks, 当新代码被提交到服务端(git push)的时候触发git hooks, 然后服务器自动进行重新部署. »
前段时间断断续续的把张鑫旭的《CSS World》看了两遍，这本书很偏基础，也很有张鑫旭个人特色，不像是那么多技术类书籍章法森严罗列技术词汇，这本书的内容都是他长年累月的实践中沉淀下来的干货和私货，更像是在看一个程序员的笔记, 值得一看的一本书。 书里的内容只精专于CSS部分，而且由于出书时间比较久了，CSS3现在的发展比书中的内容丰富了很多，有些实现在现在看来已经更好的解决方案了，不过里面涉及到的一些基础知识和实现确是出乎了我的意料，有不少意外的收获，以下内容记录的仅是我个人平时没有注意到或者比较意外的点，配合codepen提供的demo，demo集合地址：https://codepen.io/collection/ngQGBY, 部分知识点很简略所以无demo知道即可 1. »
冷门的toLocaleString js 里面除了我们日常使用的api以外, 其实还是有不少大多数人都不知道的很好用的api的, toLocaleString算一个, 也许你在面试题中看到过用正则来实现数字千位用逗号分隔的做法, 但是如果你能直接说出toLocaleString, 应该是出乎面试官的意料的, 而它的用法可不止于此. toLocaleString方法在Numnber和Date类型上都有部署, 实现的作用都是格式化数字或者日期, 返回格式化后的字符串. Number.prototype.toLocaleString api: toLocaleString([locales [, options]]) locales指定地区, 默认是按照当前电脑环境的语言, 也可以指定不同的语言, 中文是zh, 英文是en, 其它可选项请查看MDN, 不区分大小写. »
一些废话 想写这篇文章已经有段日子了，探索和实践都在几个月前，不过一直拖着没把它写下来，虽然要介绍的东西本身不难理解，但由于我很久没动笔了所以写的时候有点忐忑，尽量把它写的浅显易懂吧。 背景 react hooks 在过去的一年比较火，给沉淀已久的前端圈带来了不少谈资，官方文档中主要提到了 react hooks 的两个优点： 在多个组件中复用逻辑 方便书写复杂组件 它并没有标榜能解决 react 开发中的全局状态管理的问题。 以往我们想要在全局应用中同步状态，要么使用 redux/mobx 等数据管理库， »
前言 图标是前端在业务开发中不得不写的一个东西，以我司的几个部门为例，每个组在写图标上都有不一样的方式： 组1：单色图标用 iconfont 上提供的字体文件，彩色图标用 img 引入代替或者使用iconfont 上提供的 symbol.js 。 组2：引入 svg 文件，通过 react-svg-loader 将其包裹成一个 react 组件使用。 组3：引入 svg »