06 2022 档案
摘要：- 最近写一个组件，圆形开关。 在组件封装时被要求通过设置一个size属性来控制圆形的大小。且随屏幕自适应。 size属性要求是数字，我们把它的单位当成px。要做到随屏幕自适应，需要转换为其它的单位 以下列出3中方法： 方法1：将size转换成vw （最简单有效） 方法2：将size转换为rem （
阅读全文
摘要：- 浏览器渲染过程 大致过程如下： 1 浏览器获取 HTML 文件构建成文档对象模型树 DOM（Document Object Model）Tree DOM 树的构建是一个深度优先遍历的过程，当前节点的子节点全部构建才会构建下一个同级节点。DOM 的根节点为 document 对象。 DOM 树的生
阅读全文
摘要：- 前言： Js存储Number类型，无论是浮点数还是整数，都是采用的双精度存储（64）位，因为位操作符不能操作64位的，所以会先转成32位的整数。 计算机在存储整数的时候都是以补码的形式存储的，正数的补码就是本身，负数是反码+1。 位运算 1、~ : 按位非(NOT) 2、& : 按位与（AND）
阅读全文
摘要：- 当做一个滚动条元素，不想让某个元素跟着滚动条一起滚动时，可以用 position: sticky;样式，使得元素，固定位置，不随着滚动条滚动； :<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA
阅读全文
摘要：-- autoFocusTail () { let el = document.getElementById('rich-text') let range = document.createRange() let sel = window.getSelection() el.focus() rang
阅读全文
摘要：- 例如项目中用到的promise async await这些es6语法，在现代浏览器是支持的，但是在一些老的浏览器就不支持，所以就需要用到babel-loader将es6语法转化为es5语法，使得更老的浏览器也支持我们的代码。 需要下载3个插件 npm install babel-loader @
阅读全文
摘要：- xml： <note> <to>Tove</to> <from> <title>Jani</title> <age>18</age> </from> <heading>Reminder</heading> <body>Don't forget me this weekend!</body> </
阅读全文
摘要：- add.js const add = (x, y) => { return x + y; } export default add; minus.js const minus = (x, y) => { return x - y; } export default minus; html <!D
阅读全文
摘要：- { "name": "projectname", // 项目名称(必须) <=214个字符、不能以. _ 开头，不能有大写字母 "version": "0.0.1", // 版本号(必须) "description": "antd-theme", // 描述信息，有助于在npm库中搜索发现你的模
阅读全文
摘要：- 参考链接： https://segmentfault.com/a/1190000039194351 我们已经知道vue3的响应式实现从defineProperty变成了proxy defineProperty有个弊端，只能监听已有属性的变化，新增属性就监听不到，vue2时，需要配合Vue.set
阅读全文
摘要：- vue3单文件组件的 <style> 标签可以通过 v-bind 这一 CSS 函数将 CSS 的值关联到动态的组件状态上： template <div class="dynamicClass"></div> script const theme = reactive({ border: '1p
阅读全文
