刘俊俊

开场 Hello大家好，相信在座各位假如使用Vue生态开发项目情况下，对Pinia状态管理库应该有所听闻或正在使用，假如还没接触到Pinia，这篇文章可以帮你快速入门，并如何在企业项目中更优雅封装使用

「TS类型体操」作为一名花里胡哨的前端，看到最近这不是冬奥会开始了，咱们得为运动健儿们呐喊助威，还想着能不能当一次前端届的体操运动员，和奥运健儿们一起感受在冬天运动的魅力， 下面，我们就开始做操吧！

三. tree-shaking实践 webpack2 发布，宣布支持tree-shaking，webpack 3发布，支持作用域提升，生成的bundle文件更小。 再没有升级webpack之前，增幻想我们的性能又要大幅提升了，对升级充满了期待。实际上事实是这样的 升级完之后，b…

最近写了很多源码分析相关的文章，React、Vue 都有，想把我阅读源码的一些心得分享给大家。 说到看源码，很多人都有个误区，觉得看源码必须要到 github 上把完整的代码 clone 下来，认为只有把完整的代码下载下来，才能开始愉快的学习。 这里我们先拿 React 举例，…

随着前端标准化的发展，目前主流浏览器对很多JS新特性都普遍支持了，其中一些新特性不仅解决了很多技术上的实现难题，还带来了更好的性能提升。 在Vue3中，最重要也更为人所知的就是ES6的Proxy。 我们知道，在Vue2中对数据的侦听劫持是在组件初始化时去遍历递归一个对象，给其中…

前端开发过程中针对复杂的动画，往往调整起来比较无力，这个时候如果借助devTools的Animations工具，就会把复杂的动画变得"有迹可循"。面板介绍打开Chrome的devTools面板，点击x

交错列表稍微复杂点，不过我们可以分解为两个动画。 每个复杂的动画其实都是很多简单小动画的拼接，所以下次设计师拿来充满想象力的动画设计稿，先别急着掏菜刀，仔细分析下动画的组成部分，可能也没有那么难。 想在动画上根据不同的dom设置不同的动画延迟是十分困难的，但是我们可以很方便的给…

JS单线程，指的就是JS引擎中，解析执行JS的执行栈是唯一的，所有JS代码都只能在这个执行栈里按顺序执行。 JS 单线程意味着所有任务都需要排队，前一个任务结束，才会执行下一个任务。如果前一个任务耗时很长，后一个任务 就不得不一直等待 ... 如果是因为计算量太大，浏览器CPU…

调试工具： Chrome插件——modheader。通过随意设置响应头来测试CSP 最后，有一个通用化配置——default-src，你给了它什么值，其他几个指令就默认什么值。其他指令如果有设置，那自身的值会覆盖default-src的值 注意，要写冒号。为了防止误解，所以上面…