前端笔记

一个经典的例子是对所有元素设置了margin，却需要对最后一个元素删除margin，这种情况下你应当使用selector，而不是抵消这些元素的样式

你可能已经了解过CSS gap property。它并不是一个全新的css属性，但是去年它获得了一个重要的特性：除在了CSS Grid中，在Flexbox中也能使用。我相信这个属性比它表面呈现的更复杂

很多人觉得原子级样式还原设计稿很难精确，然而如果掌握了正确的布局思路，是完全可以做到优雅快速且精准的。

tailwind的特点在于灵活,改造老项目也很方便。老项目主要有以下几种场景：inline style，单样式的class，复杂样式的class，css或scss函数需要使用变量

tailwind css的实践中有不少小技巧，比如插件和配置，以及和scss等预编译技术的搭配使用。

通过tailwind.config.js可以进行自定义配置，另外也可以在css中利用相关的指令进行更便捷的配置

Tailwind CSS 是一个功能类优先的原子级 CSS 框架。没人能逃出tailwind真香定理。

基于swagger和babel-plugin的轻量级mock方案，可以很好的和mock server进项互补

封装一个request库？看起来没什么技术含量的任务，实际上满满的全是细节。下面记录一下我在开发过程中遇到的必须考虑的各种问题

父组件将一个函数作为prop传给子组件，当这个函数并不是纯函数时，往往出现闭包问题，无法按照我们的预期执行

webpack5升级踩坑记录: 1. 修改部分过时的loader和plugin 2.废弃部分过时的配置

npm i eslint eslint-plugin-react @typescript-eslint/parser @typescript-eslint/eslint-plugin

前言：马上过年了，我打算在后台里面偷偷地埋个新春祝福+放烟花的彩蛋。

前言：这年头所有用过vue的人都知道get，set，Object.defineProperty，可听到属性描述符却有点懵。另外实际使用的场景有哪些，又有哪些坑可能很多人并不清楚，因此打算分两篇文章，一篇讲基础知识，另一篇讲实际应用中的坑。

最近项目中需要使用富文本编辑器，参考了运营小姐姐日常使用平台上的编辑器，最后考虑采用百度的UMEditor。因为轻量，功能和配置简单，没有很多定制化的功能，所以没采用UEditor。不过我后续会出一篇

反向引用上一期讲到了反向引用，那什么是反向引用，我们先来看一个demo其中1,2的语法就叫做反向引用，他们分别表示捕获到的第一个，第二个内容，最多可以使用到9，表示捕获到的第9个内容。注意引用的，是捕

项目初始阶段需要根据设计稿抽离出公用的样式，比如width,height,padding,margin，这时候就可以使用less的变量，函数，循环，快速生成原子级样式 得到相应的padding，margin，width，height原子级样式

一直以为es7里面的async和await可以用来简化串行异步代码，而没有想到还能并行。 说到底，这俩货不过是promise的语法糖，await的作用只是串行解析promise。

一杯咖啡的功夫彻底掌握正则捕获和非捕获