抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

用法 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...

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

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

选择器分类 基本选择器 类型 例子 说明 通配符选择器 * 选择任意元素 类型选择器 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...