jzhFlash

摘要： 1.less自动化导入 安装一个vue-cli插件，自动导入less文件 vue add style-resources-loader 2. 头部分类导航组件渲染 实现头部一级分类和二级分类的渲染 基本步骤： 定义一个常量数据和后台保持一致，这样不请求后台就能展示一级分类，不至于白屏 定义接口函数 阅读全文

摘要： 1.pinia基础 store/modules/user.ts import { defineStore } from 'pinia' // 用户模块 const useUserStore = defineStore('user', { state: () => { return { // 用户信息 阅读全文

摘要： 最基本的依赖收集系统 // // 假如现在有个counter // let counter = 100; // // 这些是对counter进行操作的函数，对counter有依赖 // function doubleCounter() { // console.log(counter * 2); / 阅读全文

摘要： VUE3源码学习01-了解虚拟DOM及实现渲染器render 真实DOM的渲染流程 大致分为五步： 解析HTML 构建DOM树 DOM树与CSS样式进行结合构造呈现树 布局 绘制 详解渲染过程： DOM Tree：浏览器将 HTML 解析成树形的数据结构 CSS Rule Tree：浏览器将 CSS 阅读全文

摘要： JS执行机制 console.log(111) setTimeout(function () { console.log(222) },1000) console.log(333) // 输出结果： 111 333 222 console.log(111) setTimeout(function ( 阅读全文

摘要： 重绘和回流 渲染步骤： ​ 1.解析（Parser）HTML，生成DOM树（DOM Tree） ​ 2.同时解析（Parser）CSS，生成样式规则（Style Rules） ​ 3.根据DOM树和样式规则，生成渲染树（Render Tree） ​ 4.进行布局Layout（回流/重排）：根据生成的 阅读全文

摘要： 事件流 事件冒泡和捕获是普遍存在的现象，需要知道 通过事件流可以得知事件执行的顺序 事件流：整个事件在执行过程中的流动的过程 事件的三个阶段： 1.事件的捕获阶段：从外往内去查找事件源的过程 2.事件的目标阶段（触发自己的事件） 3.事件的冒泡阶段：从内往外依次触发 事件冒泡 当一个元素的事件被触发 阅读全文

摘要： JS-值类型和引用类型 简单数据类型：值类型，变量存储的是值本身 Number 数字类型 String 字符串类型 Boolean 布尔类型 undefined 未定义，变量只声明，未赋值 null 空类型，变量已赋值，但是赋值的是一个空数据(还未被创建出来的对象) 复杂数据类型：引用类型，变量存储 阅读全文

摘要： 转换有哪些转换效果？取值分别是什么？ 属性名：transform 属性值： 平移：translate 旋转：rotate 缩放：scale 转换中：transform:translateX(100%); 中的百分比相对于谁？ 相对于自己宽度的100%，表示向右平移自己宽度的100% perspect 阅读全文

摘要： 视口（viewport） 问题：写一个div宽度为320px，使用手机端比如iphone4打开，应该是占满的，但是看效果？ 答：并没有占满一行，此时html标签的宽度是980px。 因为：浏览器在显示移动端网页时，会默认给予980px的布局空间（即：布局视口空间） 什么是视口？可以简单理解为：浏览器 阅读全文