07 2022 档案
摘要：typeof null 为什么输出 object；为什么 null instanceof object 输出false typeof null 为什么输出 object 到目前为止，JavaScript 总共出了八种数据类型：undefined、string、symbol、null、number、b
阅读全文
摘要：Vue3中的入口文件、setup（）、ref（）、reactive（） main.js 文件 //这里呢，与 vue2 有区别，引入的不再是 Vue 构造函数，而是一个 createApp 工厂函数。这个工厂函数的返回值类似于 vm， //我们暂且就将这个返回值称为“app”吧，这个 “app” 比
阅读全文
摘要：ELementUI 里面的按需引入 首先我们来看一下全部引入，就这三行 import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' //这里引入了所有的样式 Vue.use(ElementUI) /
阅读全文
摘要：HTML 之标签 | 标签 | 语义 | 解释 | | | | | | div | 无 | division 的缩写，分割、分区 | | span | 无 | 用于文本独立修饰，不会改变页面结构 | | | | | css 属性 | 属性 | 值 | 作用 | | | | | | backgroun
阅读全文
摘要：HTML中的特殊符号 | 特殊符号 | 解释 | | | | | | 宽度比较诡异，不建议使用 | |   | 恰好占据一个中文汉字的宽度（推荐，但是更建议使用 css 样式实现空格） | | © | © | | ™ | ™ | | ® | ® |
阅读全文
摘要：Deprecated, Not for use in new websites 已弃用，不在用于新网站（垃圾桶） NoN-standard. Expect poor cross-browser support 非标准，跨浏览器的支持很差（感叹号）
阅读全文
摘要：Collapsing margins Horizontal margins never collapse .outer{ width: 300px; height: 300px; background-color: tomato; } .inner{ width: 100px; height: 10
阅读全文
摘要：讲一讲 Vuex 吧 Vuex 是什么 专门在 Vue 中实现集中式数据管理的一个 Vue 插件，一般存放一些公共数据 假如某一个人把 Vuex 里面的数据改了，那么另外的人，看到的数据也是改了之后的数据 Vue 官网说什么时候建议使用 Vuex 呢（注意，这个真的是官网的建议） 多个组件依赖于同一
阅读全文
摘要：什么是虚拟 DOM？ 模拟 DOM 结构的一个 js 对象 组件在渲染的时候，会调用 render 函数，这个函数会生成一个虚拟 DOM，虚拟 DOM 最终会变成真实 DOM 挂载到我们的页面中 **能优化性能：**如果我们去遍历整颗 DOM 树，那么相当消耗计算资源；而我们遍历 js 对象的属性，
阅读全文
摘要：Vue2 的生命周期 Vue3 的生命周期 注意 切换路由是会重新执行mounted钩子的，除非有keep-alive，已验
阅读全文
摘要：js中跳出foreach（） 这个遍历啊，就不得不问 continue 和 break continue 是结束这一轮，进入下一轮 break 是跳出整个循环体 foreach（）方法 continue 和 break 不能放这里面，使用了就会报错。 可用 return 替代continue；抛出异
阅读全文
摘要：箭头函数与普通函数的区别 外表不同 箭头函数全是匿名函数 箭头函数不能用于构造函数，而普通函数的匿名函数是可以的 this 指向不同 不具有 arguments 对象 不具有 prototype 属性
阅读全文
摘要：你如何实现 HTML 页面的优化 代码方面 提高代码的复用性，减少代码冗余 合适的使用 防抖 和 节流 技术 减少页面的重绘、回流 实现 HTML 的语义化 使用恰当的图片格式 JPG 一般用于展示风景、人物 GIF 一般用在颜色要求不高的地方，比如网站 Logo、表情包 PNG 能提供透明背景 使
阅读全文
摘要：重绘和回流 房子需要重新盖，就是回流 房子只要装修一下，就是重绘 浏览器会将回流和重绘放入一个队列，当达到一定的阈值，就会进行批处理 但是当访问以下属性或方法时，浏览器会立刻清空队列，进行重绘和回流 clientTop、clientLeft、clientWidth、clientWidth offse
阅读全文
摘要：BigInt大整数 能表示的范围更大 let number = 121n console.log(typeof number); //bigint let a = 123 console.log(BigInt(a)); //123n，将普通的数转换为大整数 let max = Number.MAX_
阅读全文
摘要：对于 vue-router 的理解 主要用来实现 SPA 应用（单页面应用），伴随着页面的局部刷新，并且路径刷新之后也是会有变化的，这样方便用户复制链接给朋友，朋友就能精确的找到这个商品 路由就是一组对应关系，key 和 value 路由之间的切换是没有网络请求的 前端路由 value 就是组件 后
阅读全文
摘要：不使用第三个变量交换两个数的值 相加法 let a = a+b let b = a-b let a = a-b 异或运算符 相异为一，相同为零。 假如 a = 10，b = 12。那么它们的异或操作为 1010 与 1100，结果为 0110。 let a = a^b let b = a^b let
阅读全文
摘要：Vue中的 computed（计算属性）与 watch（监视属性） 计算属性写法（非简写形式） computed: { fullName: { get(){ return 'zml' }, set(value){ ... } } } 那什么时候 get（）会被调用呢？ 首先我们得知道，compute
阅读全文
摘要：两列布局 <div class="container"> <div class="left">左边定宽</div> <div class="right">右边自适应</div> </div> 方案一：浮动实现 .left{ float: left; width: 300px; background-
阅读全文
摘要：解构 数组解构 // 报错 let [foo] = 1; let [foo] = false; let [foo] = NaN; let [foo] = undefined; let [foo] = null; let [foo] = {}; // 可以正常解构 let [a] = 'hello';
阅读全文
摘要：css之选择器 css有哪些选择器 id 选择器、类选择器、后代选择器、子元素选择器（>）、交集选择器（div.container）、并集选择器（，用逗号隔开）、相邻兄弟选择器（+、~）、序选择器、伪类选择器（爱恨原则 love hate）、属性选择器（input[type=password]）、通
阅读全文
摘要：Vue全局事件总线（GlobalEventBus）的实现原理 它不是一个新的 API，是众多开发者总结出来的经验，能实现任意组件间都能通信 那要怎么样才能实现这个==任意组件间通信==呢？ 保证所有人都能看到它 并且能够调用off、$emit方法 有一个重要的内置关系：VueCompone
阅读全文
摘要：JavaScript内存释放和作用域销毁 堆内存 我们知道，像对象这种引用数据类型，都是在栈区中存一个地址，然后指向堆区 那么我们就不得不聊一个问题，它什么时候被销毁呢？难道堆区的空间一直开着吗？ 不会。 规则是这样的：假如外面有变量引用了这个地址（即把这个地址值赋给了其它人），那么我们就说，有人用
阅读全文
摘要：MySQL查询语句 分页查询 select * from xxx limit pageSize offset (page-1)*pageSize #offset是偏移量的意思，偏移多少行 #跟那个limit后面写两个参数效果是一样的 模糊查询 select * from student where
阅读全文
摘要：生成器函数 协程：跑在线程上面的一种轻量级的东西 一个线程每次只能运行一个协程。假设原先协程A在线程上运行着，那么只有协程A交出线程的控制权，才能让B协程运行 生成器函数中的挂起状态（即切换到外部函数），其实就是协程的切换 举个栗子，思考一下它会输出什么？ function * gen(){ let
阅读全文
