Vite 是目前最快捷的工具，但是在如此竞争下相信 Webpack 也会做出改变并进行优化。所有的工具都并不是完美的，开发者们只需根据不同的情况选择不同的开发工具，使得开发变得更加方便即可

HelloGitHub 推出的《讲解开源项目》系列。 对于大部分非前端程序员来说，写网页无疑是一件非常痛苦的时间。如果说 JavaScript 还属于能够勉强搏一搏的水平，那 HTML 无疑是那座无法逾越的大山。什么，你说你翻过 HTML 这座大山了？没想到吧，CSS 在天上正…

最近，在 Github 上 Vue.js 比 React 获得更多的 star。该框架受欢迎程度近期飙升，并且由于它并没有类似于 Facebook（React）或者 Google（Angular）这样的公司支持，看到它从不知名的地方崛起，着实让人惊讶。 回顾过去的光辉岁月，在 …

这样写不会在控制台打印出期望的内容。而是在浏览器上渲染出 console.log(this.props.todos) 这个字符串。 我们先来看一些很直接的解决方案，然后我们将会解释原理。 我们必须记住：JSX 不是原生的 JavaScript，也不是 HTML。它是一种语法扩展…

这是我在掘金的第一篇原创文章，主要是总结一下2018年技术上的学习与思考，也想对2019年进行一下规划和展望。 2018年，是我工作的第二年。17年，主要的学习和实践的技术是vue，我们组用vue做了一套 sass 化的商城系统。但是17年末，因为公司业务的调整，在18年初，我…

你可能认为 CSS 只是一种简单地为网页设计样式的语言，但它的功能比你想象的要多得多。 从逼真的图像到甚至是视频游戏，你会惊讶地看到一个优秀的开发者可以用 CSS 做些什么。 这里有各种滤镜和特效，它们都是开源的，可以用在你自己的 web 项目中。 这些模块有的机遇 JavaS…

对于一个 Web 应用来说，理想的测试组合应该包含大量单元测试（unit tests），部分快照测试（snapshot tests），以及少量端到端测试（e2e tests）。参考测试金字塔，我们构建了前端应用的测试金字塔。 针对程序模块进行测试。模块是软件设计中的最小单位，一…

白驹过隙，光阴似箭。时间，真的过得很快。 我是 17 年下半年开始正式学习前端的，到现在为止一年半也差不多了，借此新年之际，来个小小的总结。 很多人看到我才入门前端一年半会很诧异，我之前去大厂面试的时候，也有面试官评价我说，「写出来的东西不像是这个年限有的」，但是总归是因为自身…

在前端项目体验中，判断一个网站性能最直观的就是网页打开的速度，所以项目开发中在速度方面的性能优化最主要的就是使用缓存，对于一个数据请求来说，可以分为发起网络请求、后端处理、浏览器响应三个步骤。浏览器缓存可以帮助我们在第一和第三步骤中优化性能。比如说直接使用缓存而不发起请求，或者…