Soul不想说话38710

🔥这周我看了看了尤大神亲手写的mini版Vue3，笔记如下请大家指正。 1. 数据响应式模块 提供创建一切数据变化都是可以被监听的响应式对象的方法。 2. 编译模块 3. 渲染函数 MVVM框架其实就是在原先的View和Model之间增加了一个VM层完成以下工作。完成数据与视…

Composition API 的设计理念就是把接口的可重复部分及其功能提取到可复用的代码段中，增加代码的可复用性、逻辑性，有点借鉴 react hooks 的意思。哪些逻辑需要封装起来进行复用就是造轮子的关键，所以还得从存量问题中寻找公共逻辑复用的方案。 这是一个经典的vue…

方案一：index.html模板，此类可使用component注册全局组件。（不推荐） vue.config.js，alias，vue换一种模式；我使用的webpack启动vue3. 因为使用vite经常热启动会挂 原理大概是vue3的compiler 模式和runtime模式…

众所周知在 python 中装饰器的应用非常广泛， 在 java 中也有类似的技术。然而，在javascript中 装饰器还处于提案阶段，但这丝毫不影响我们使用它。我司已经在生产环境上大面积使用（真香）。可以说，装饰器是我们的神器。著名的框架 Augular中也用到了装饰器。n…

现在是大数据时代，需要收集大量的个人信息用于统计。一方面它给我们带来了便利，另一方面一些个人信息数据在无意间被泄露，被非法分子用于推销和黑色产业。 2018 年 5 月 25 日，欧盟已经强制执行《通用数据保护条例》（General Data Protection Regula…

性能优化一直是前端研究的主要课题之一，因为不仅直接影响用户体验，对于商业性公司，网页性能的优劣更关乎流量变现效率的高低。例如DoubleClickbyGoogle发现：同时，性能优化学习的不断深入，也

在移动端web开发中，如果UI设计稿中设置边框为1像素，前端在开发过程中如果出现border:1px，测试会发现在retina屏机型中，1px会比较粗，即是较经典的移动端1px像素问题。 设备像素比：dpr=window.devicePixelRatio，也就是设备的物理像素与…

在上文中，编写的Vue的双向数据绑定的demo中是通过Compile来完成模板到真实Dom节点的转换。其中使用document.createDocumentFragment()来创建一个文档碎片，即存在内存中的Dom节点。当时我们只是做了一个简单的处理。但是Vue实际的编译比这…

48张图带你从0到1掌握flex布局方式。 需要本文的Xmind导图的话，移步公众号--前端UpUp,回复flex关键字即可。 从上面图来看，我们将flex布局分为两部分讲，轴和容器。 打个预防针，flex布局涉及到12个CSS属性，父容器,子容器各6个。 接下来先梳理常见的属…