用法 Vue-Loader配置：1. 配置 loader 1234{ test: /\.vue$/, loader: 'vue-loader',} 配置 loader-plugin 12345{ plugins: [ new VueLoaderPlugin() ]} VueLoaderPlugin做了什么 手...

开发范式&底层框架 React Hooks 彻底取代类组件 启发了逻辑表达和逻辑复用的新范式：Vue组合API、Svelte3、SolidJS React Hooks 带来的开发体验问题 React Hooks 是通过把组件的代码每一次更新都进行重复调用来模拟一些行为，导致了一些反直觉的一些限制： 不能条件式调用 过期闭包的心智负担 手动声明 useEf...

声明式与命令式 命令式语法 命令式语法 让用户通过命令的方式去绘制页面。 通过原生DOM（除开innerHtml）来绘制界面就是典型的命令式语法。你需要一个个创建DOM节点，并维护DOM节点的更新和删除。当页面比较复杂时，通过原生DOM绘制页面往往需要大量的代码，且很多代码其实做的功能是重复的。 声明式语法 声明式语法 只需要让用户描述一下绘制的结果，绘制的任务交给框架来执行。 通过V...

介绍 大型项目的两种管理方案 当项目规模越来越大的时候，根据分而治之的原则，我们往往会把这些项目拆成众多的子项目。对于前端来说，一个子项目一般就是一个npm包。 现在我们需要使用Git来管理这个大项目，那么我们可以有下面的两种策略： multirepo:每个npm包分别放在一个Git仓库中（可使用子模块把这些仓库连接起来） monorepo:所有包放在一个Git仓库中 需要考虑什么...

选择器分类 基本选择器 类型 例子 说明 通配符选择器 * 选择任意元素 类型选择器 p 选择p标签的元素 类选择器 .name 选择拥有.name类的元素 ID选择器 #name 选择拥有id为name的元素 属性选择器 [href] 选择有属性href的元素 属性选择器 类型 说明 [href] 选择有属性href的元素 [hr...

概述 UML 统一建模语言，通过它构造系统结构的蓝图。 用例图 对应用户视图，表示多个外部执行者与系统用例之间，以及用例之间的关系。 类图 对应结构视图，使用类描述系统的静态结构，并包含类和他们之间的关系。 绘制元素 类：类名、属性、方法 属性写法： 可见性 名称:类型 [ = 默认值] 方法写法： 可见性 名称(参数列表) [:返回值类型] 可见性： +: pu...

XSS(跨站脚本注入) 引入 在表单中嵌入非法HTML代码 如果一个网站有一个表单，类似这样： 1<textarea></textarea> 然后用户往里面填写了这样的信息： 1<script>alert(12412412);</script> 如果在展示页面，直接将用户输入的内容作为 innerHtml 渲染，那么用户打开这个页面就会弹...

最长递增子序列是Vue3中diff算法里面非常重要的一环，当发现有元素需要移动时，Vue便通过求取最长递增子序列，使得需要移动的元素数目最少。 题目链接：力扣题目：300. 最长递增子序列 动态规划的解法 对于这个问题，可以定义一个 dpdpdp数组，其中 dp[i]dp[i]dp[i] 表示 nums[i]nums[i]nums[i] 为结尾的的最长递增子序列的长度。 要得到 nums[...

同源的概念 对于两个URL，若协议、主机名称、端口相同，则这两个URL就是同源的。 同源策略限制的一些情形 Web页面中的同源策略 两个跨域页面的限制 下面先来考虑几种情况： 当你使用 window.open 打开一个新页面时，这个函数便会返回新窗口的 window 对象，这个时候就可以控制打开页面的DOM了。 同样，这个新窗口也可以通过 window.opener 拿到和修...

小程序与Web开发的区别和联系 联系：小程序使用的技术栈和核心语言和HTML/JS/CSS差不多，Web用户很容易小程序开发。 区别： 底层架构的区别：Web开发中，渲染线程和脚本线程是互斥的，因此长时间的脚本处理会导致页面失去响应。小程序则采用特有的双线程模型，但因此在JS中无法使用DOM API。 运行环境的区别：网页开发者需要面对的环境是各式各样的浏览器，PC 端需要面对 IE、C...