Webwwl

之前有系统的学过 TypeScript，并且可以在项目中使用一些基本的类型定义，但是对于高级类型却一知半解，看到一些项目或者库中写的高级类型完全是懵逼的状态，于是就决定想办法去改变这种状态。忘记是哪位大神说过：看源码是最好的学习方式，于是就决定找个专门做 TypeScript …

可能很多人对于gulp都相对陌生，特别是vue，react出现以后，渐渐淡出了做业务前端人员的视野，14到16年的时候应该是它最巅峰的时候，真正的是出道即巅峰，取代了当时最火的grunt成为了前端构建的主流工具，就连某度都忍不住来瓜分一下流量，出了个fis（不过按照烂尾的惯例来…

mono repo 并不是银弹，使用这个架构还是会带来很多问题，无非市面上的工具帮助我们解决了大部分。文章主要聊了聊在没有这些工具的时候我们可能会遇到哪些问题，以及使用这些工具后解决了什么又带来了什么

工欲善其事，必先利其器！ VSCode作为前端开发的重要工具，其插件能大幅提升战斗力，精心收集40+插件，总有几款你还未曾拥有。

耗时两个月，终于赶在国庆节前把这一系列的文章(大部分文章是别的年份写的，因为跟这个系列也有关联，所以一起展示。这两个月写的大概有6篇，未来还有几篇)作为🎁献给大家(😏)，为了让大家可以一键收藏阅读，这里做一个合集，欢迎大家收藏评论。其中还有待完成的文章也罗列在里面，年底前更…

为什么要写这个文章呢？其实发现很多同学对一些很简单又有效的 debug 手段都不太了解，找 bug 的方式都不是很高效，导致最终 bug 找不到或者走了很多弯路。 Devtools 作为前端开发，ch

工作 2~4 年的前端群体最容易出心理问题，很大一部分原因就在于还没有建立更成熟的自我认知，也没有完成从学生到社会人身份的转变，加上前端行业的快速迭代，中小型公司技术管理的混乱，和身边同行带来的竞争压力，包括即将迎来的组建家庭和完全脱离父母且要照顾他们的压力，这个过渡期甚至会压…

建议结合源码一起阅读，效果更好（这个 DEMO 使用的是 Vue 技术栈）。 1. 编辑器 先来看一下页面的整体结构。 这一节要讲的编辑器其实就是中间的画布。它的作用是：当从左边组件列表拖拽出一个组件放到画布中时，画布要把这个组件渲染出来。 用一个数组 componentDat…

最近半年陆续交接了几位同事的代码,发现虽然用了严格的eslint来规范代码的书写方式，同时项目也全量使用了Typescript,但是在review代码的过程中,还是有很多不整洁不规范的地方。良好的代码具有很好的可读性,后续维护起来也会令人愉悦,也能降低重构的概率。本文会结合Ty…