hi2024

当我们能够熟练运用React进行前端开发时，不免会对React内部机制产生浓厚的兴趣。组件是什么？是真的DOM吗？生命周期函数的执行依据又是什么呢？ 本篇，我们先来研究React组件的实现与挂载。 上述代码写完后，我们就得到了<A />这个组件，那么我们接下来先弄清楚<A />…

写这篇博客的动机很简单，就是我周末闲的无聊，爬了github上star数前1000的js项目的所有文件的名称，看看大佬们都喜欢给文件和目录取什么名字，我跟着学两招也好显得我比较专业。 注意是js项目啊，你要是搞java的搞PHP的，也跟着学搞不好会被拿去祭天。 排除掉了.bab…

React 其实只是一个 UI 框架，频繁进行 DOM 操作的代价是很昂贵的，所以 React 使用了虚拟 DOM 的技术，每当状态发生改变，就会生成新的虚拟 DOM 并与原本的进行改变，让变化的地方去渲染。并且为了性能的考虑，只对状态进行浅比较（这是一个很大的优化点）。 Re…

2017悄然过去，2018已经来到。人在进步，技术在发展。2018年前端有哪些领域，技术值得关注，哪些技术会兴起，哪些技术会没落。下面就我个人的判断进行一个预测判断，希望能对大家起到一个参考作用！下面提及的技术，只是建议大家关注，也不是建议大家全部的都要学，而是建议大家按需学，…

tag 的作用是对某个提交点打上标签，发布版本后打 tag，便于以后回滚特定版本，而不需要 revert。 tag 是对某一版本的记录。 git rebase一般解释为变基，也有解释为衍合。 git merge 和 git rebase 都可以整合两个分支的内容，最终结果没有任…

需要国际化的react项目已经迭代了1年多，文件众多，包含了jsx和普通的js对象文件。粗略估计有几千个中文词条。本文先介绍了采用的国际化方案，然后给出了国际化的过程和一个自己开发的脚本i18n-pick，按照教程，可以帮助前端jsx项目5分钟快速国际化。 先大体上介绍下我选择…

Jest 常用的单元测试框架是 jasmine ，Mocha + Chai，不同于这些测试框架，jest 的集成度更高，提供的功能也更丰富，利用好 jest 所提供的功能，能大大提升测试用例的执行效率。 Jest 特点： 测试用例并行执行，更高效 强大的 Mock 功能 内置的代…

css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者觉得有…

承接上篇文章 docker 镜像与容器，本篇来讲讲如何创建 Dockerfile 来构建一个镜像。上篇文章有讲到构建一个自定义镜像是手动去构建的，虽然步骤清晰，但是操作比较繁琐，镜像分发起来也不是很方便，所以有必要用一种更好的办法去替换这种模式去创建自定义镜像，于是 Docke…