2021年9月14日
JS去除富文本编辑器的标签获取纯文本
摘要： replaceData(value) { if (value) { return value.replace(/<[^>]+>/g, '').replace(/&nbsp;/ig, '').replace(/\s/g, '') } else { return '' } } 阅读全文
posted @ 2021-09-14 17:34 夜未央唐汉 阅读(850) 评论(0) 推荐(1)
小写数字转化大写汉字
摘要： 效果： 代码： capitalAmount(amount) { // 汉字的数字 const cnNums = [ "零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖", ]; // 基本单位 const cnIntRadice = ["", "拾", " 阅读全文
posted @ 2021-09-14 11:34 夜未央唐汉 阅读(197) 评论(1) 推荐(2)
Vue Canvas 实现签字版
摘要： 使用Vue、Canvas、ElementUI实现的电子签字版，PC和移动端皆可用。效果如下： HTML <template> <section class="signature"> <div class="signatureBox"> <div class="canvasBox" ref="canv 阅读全文
posted @ 2021-09-14 11:01 夜未央唐汉 阅读(841) 评论(0) 推荐(1)
2021年9月13日
闭包的定义和用途
摘要： 1、闭包的定义 一个闭包就是你调用了一个函数A，这个函数A返回了一个函数B给你,而且函数B引用了一个A中的变量。这个返回的函数B就叫做闭包。 function foo() { var num = 123; return function() { return num; } } 2、闭包形成条件（缺一 阅读全文
posted @ 2021-09-13 17:16 夜未央唐汉 阅读(485) 评论(0) 推荐(2)
浏览器渲染机制、重绘、重排
摘要： 1、渲染 1.解析：html和css被解析 2.构建DOM：html被html解析器解析成DOM树 3.构建CSSDOM树：css被css解析器解析成CSS规则树 4.js脚本执行 5.渲染树构建：将HTML和CSS合成render树 6.布局（重绘重排）：生成布局(flow),即将所有渲染树的所有 阅读全文
posted @ 2021-09-13 16:43 夜未央唐汉 阅读(122) 评论(0) 推荐(2)
什么是语义化标签？
摘要： 语义化标签指的是用富有语义化的标签来创建网页结构，如：header,section,footer，nav从标签名字上可以知道这个标签的作用。 语义化的优点： 1：代码结构清晰，易于阅读，利于开发和维护 2：方便其他设备解析（如屏幕阅读器）根据语义渲染网页。 3：有利于搜索引擎优化（SEO），搜索引擎 阅读全文
posted @ 2021-09-13 16:10 夜未央唐汉 阅读(589) 评论(0) 推荐(2)
2021年7月8日
let 和 const 命令
摘要： 1、 let 命令 let用来声明变量， 只在let命令所在的代码块内有效。 ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。 “暂时性死区”也意味着typeof不再是一个百分之百安全的操作。 阅读全文
posted @ 2021-07-08 17:13 夜未央唐汉 阅读(104) 评论(1) 推荐(2)
every()
摘要： every() 方法用于检测数组所有元素是否都符合指定条件（通过函数提供）。 every() 方法使用指定函数检测数组中的所有元素： 如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。 如果所有元素都满足条件，则返回 true。 用return 返回 注意 阅读全文
posted @ 2021-07-08 17:02 夜未央唐汉 阅读(83) 评论(0) 推荐(2)
concat()
摘要： concat()方法用于连接两个或多个数组 concat()方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。 let a = [1,2,3]; console.log(a.concat(4,5)); //[1, 2, 3, 4, 5] 阅读全文
posted @ 2021-07-08 16:39 夜未央唐汉 阅读(80) 评论(0) 推荐(2)