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
阅读全文