随着vue3的到来，vite开始被各大vue3组件库使用，公司开始一个新项目，准备尝试用vite试一波。

`<script setup>` 是一种编译时语法糖，可在 SFC 内使用 Composition API 时极大地提升工作效率。`<style> v-bind` 在 SFC 标签中启用组件状态驱动的动态 CSS 值。`<style>`一起使用这两个新功能的示例组件：...

对于那些刚进入这个行业的人来说，要在新的库、框架、概念和强烈的意见中关注正在发生的事情是很有挑战性的。

在使用了 vue 的页面中，vue 会监听数据的变化，从而自动重新渲染页面的结构。示意图如下：

在react当中，表单元素 input 中设置了 value ，则为受控组件，通过 onChange 事件中 setState() 改变 value 值来更新 state 值和DOM中渲染的值。但在vue中，表单元素设置 value 值，即使 value 值改变了，dom中 value 的表现也...

https://www.yuque.com/liugezhou/drrg7f/gav2aq

熟悉 vue 的前端，想必对 vue 里的 nextTick 也很熟悉了，用的时候就知道他是延迟回调，有时候用起来甚至和setTimeout 看起来是同样的效果。但他和setTimeout到底有什么区别？他是如何实现的？本文就nextTick的实现引入，来探讨...

32 ｜ 同源策略：为什么XMLHttpRequest不能跨域请求资源–Web页面安全 浏览器安全分为三大块：Web页面安全、浏览器网络安全、浏览器系统安全。 同源策略 页面中最基础、最核心的安全策略：同源策略(same-origin policy) 如果...

21 | Chrome开发者工具：利用网络面板做性能分析 页面是浏览器的核心，浏览器中的所有功能都是服务于页面的，Chrome开发者工具又是调试页面的核心工具。 网络面板 控制器开始或停止抓包全局搜索禁止从cache中加载资源模拟...

01 | Chrome架构：仅仅打开了1个页面，为什么有4个进程？----一、操作 在Chrome浏览器中，我们点击右上角三个点–更多工具–任务管理器。 会看到打开一个页面，启动了多个进程。 在进行每个进程分析前，先明确下线程与进程之间的...