猫哥是一个常年混迹在 GitHub 上的猫星人，所以发现了不少好的前端开源项目，在此分享给大家。 以下为【前端GitHub】的第 9 期精华内容。 1. LightHouse LightHouse 是一个开源的自动化工具，用于改进网络应用的质量。 可以将其作为一个 Chrome…

VSCode 是一款跨平台的轻量级编辑器，凭借着优秀的编辑体验，良好的可扩展性、可配置性，已经成为了前端开发使用最多的工具。 VSCode 拥有庞大的插件市场，开始使用 VSCode 进行前端开发的过程中，众多的插件选择可能会让我们难以抉择。结合社区和插件市场推荐以及自己使用的…

准备了挺久，一直想要好好深入了解一下Webpack，之前一直嫌弃Webpack麻烦，偏向于Parcel这种零配置的模块打包工具一些，但是实际上还是Webpack比较靠谱，并且Webpack功能更加强大。由于上一次学习Webpack的时候并没有了解过Node.js，所以很多时候真…

1. react和react-dom是react项目的基础 2. webpack4.x后版本在配置上有些改变如: rules, use 3. 注意样式的loader顺序, use: ['style-loader', 'css-loader'], 反过来的话会报错

自从 Google 在 2017 年的 Google I/O 上推出 Flutter 以来，Flutter 团队投入了大量的精力来不断完善 Flutter。包括重写引擎的主要部分、发布支持 Android Studio 和 Visual Studio Code 的插件、集成 D…

WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其打包为合适的格式以供浏览器使用。并且跟具你的在项目中的各种需求，实现自动化处理，解放我们的生产力…

随着 Web 应用的复杂程度越来越高，很多公司越来越重视前端单元测试。我们看到的大多数教程都会讲单元测试的重要性、一些有代表性的测试框架 api 怎么使用，但在实际项目中单元测试要怎么下手？测试用例应该包含哪些具体内容呢？ 本文从一个真实的应用场景出发，从设计模式、代码结构来分…

自 2017-1-9微信小程序诞生以来，历经2年多的迭代升级，已有数百万小程序上线，成为继Web、iOS、Android之后，第四大主流开发技术。 与之相随，小程序的开发生态也在蓬勃发展，从最初的微信原生开发，到wepy、mpvue、taro、uni-app等框架依次出现，从刀…

平时上网有随手收藏感兴趣网站的习惯，上学的时候大部分收藏的都是游戏音乐电影不可描述之类的网站，工作之后反而全是技术学习资讯之类的了。前几天整理浏览器书签的时候，发现竟然有二百多个书签了，而且一不小误删了几十个恢复起来非常麻烦，于是觉得有必要换种方式记录一下，同时精选一些觉得不错…