随笔分类 - JavaScript
摘要：元素上属性字段 const el = document.getElementById('documentLabel') console.log(el.clientWidth) // 可见区域宽 console.log(el.clientHeight) // 可见区域高 console.log(el.
阅读全文
摘要：//定义一个异步函数 const foo1 = (i) => { return new Promise((resolve, reject) => { setTimeout(() => { console.log(I) resolve(i) }, 3000) }) } const arr = [1,
阅读全文
摘要：参考链接：https://www.cnblogs.com/xiaoyantongxue/p/15616352.html 函数节流： 英文 throttle 有节流阀的意思。大致意思也是 节约触发的频率 那么，函数节流，真正的含义是：单位时间n秒内，第一次触发函数并执行，以后 n秒内不管触发多少次，都
阅读全文
摘要：转自https://www.cnblogs.com/yanggb/p/11464821.html 在JavaScript中，除了Object之外，Array类型（数组）恐怕就是最常用的类型了。与其他语言的数组相比，JavaScript中的Array非常灵活。这种灵活性有利有弊，好处是其富有创造性，可
阅读全文
摘要：有哪些好处 1. 参数复用 // 正常正则验证字符串 reg.test(txt) // 函数封装后 function check(reg, txt) { return reg.test(txt) } check(/\d+/g, 'test') //false check(/[a-z]+/g, 'te
阅读全文
摘要：document.addEventListener("DOMContentLoaded", function() { . . . }); 这是一个事件监听器，它监听浏览器的 "DOMContentLoaded" 事件，即 HTML 文档体加载、解释完毕事件。事件触发时将调用 " . . ." 处的代
阅读全文
摘要：一、HTML和CSS HTML 1.从规范的角度理解HTML，从分类和语义的角度使用标签 2.常用页面标签的默认样式、自带属性、不同浏览器的差异、处理浏览器兼容问题的方式 3.元信息类标签(head、title、meta)的使用目的和配置方法 4.HTML5离线缓存原理 5.可以使用Canvas A
阅读全文
摘要：若字符串中出现一些特殊字符，我们该如何截取才能不出现乱码的现象呢？ 在以QQ和微信作为第三方登录的系统中，用户的昵称里经常会有表情等字符，比如这样的：非拉🍒非拉。如果项目中正好有个需要将用户昵称强行按照字符个数进行截断的需求，你会发现截取的字符串中会有乱码的现象。 以上面的用户昵称 非拉🍒非拉
阅读全文
摘要：//1),不推荐使用 //这种写法有时会失效,特别是他的父元素是dosplay:none时 $("#imgtalk").val("值"); //2), //可正常赋值 //但是当input手写输入值后不能更改 $("#imgtalk").attr("value","值"); //3),js原始写法
阅读全文
摘要：如题 我第一次的处理 //这个是不通过的 因为forEach删除自身元素index不会被重置 function remove(arr, item) { let newArray = arr.slice(0) newArray.forEach( (ele,i) =>{ if(ele == item){
阅读全文
摘要：var add = (function () { console.log('执行创建环境')// 只有在 add 赋值时执行一次 var counter = 0; return function () { console.log('执行return环境') // 每次执行 add() 都会执行 re
阅读全文
摘要：// 函数节流 一段时间只能提交一次 const throttle = ((func, wait) => { console.log('12333333') let timer; // console.log("timer") // console.log(timer) return () => {
阅读全文
摘要：// javascript是一门单线程语言 async function async1() { // async关键字 申明这个function是异步的 console.log('async1 start') // 2 await async2(); //看到了await关键字 它前面的所有代码块执
阅读全文
摘要：const array = [{ id: 1, title: "课程 1", children: [{ id: 4, title: "课程 1-1" }, { id: 5, title: "课程 1-2", children: [{ id: 6, title: "课程 1-2-1" }, { id:
阅读全文
摘要：vant组件上传较大图片（超过1M）时，不要立即对这张图片进行压缩操作，会造成黑屏 解决办法：等下（1秒就够）再进行操作 <van-field v-if="reserveList.indexOf('visitorCertPath') != -1" name="visitorCertPath" lab
阅读全文
摘要：1.moment大约200kb，dayjs才2kb，所以使用dayjs要优 https://day.js.org/docs/zh-CN/installation/node-js
阅读全文
摘要：// 跳转白页 outbrowser() { setTimeout(() => { let userAgent = navigator.userAgent if (userAgent.indexOf('Firefox') != -1 || userAgent.indexOf('Chrome') !=
阅读全文
摘要：优雅的代码：符合规范，代码合理、易于阅读和维护。 一、备注 1.文档注释： 简单描述当前js文件作用。是页面js逻辑处理，还是公共的方法等。 2.变量注释： 注明变量是用来做什么的。 3.函数注释： 参数注释，返回参数注释。 // utils.js // 公共方法js /** * @func * @
阅读全文
摘要：1.构造器：在 JavaScript 中，构造器其实就是一个普通的函数。当使用 new 操作符 来作用这个函数时，它就可以被称为构造方法（构造函数）。
阅读全文
摘要：基于类的语言 ：如 Java 或 C++， 基于原型的语言：JavaScript（在 ES2015/ES6 中引入了 class 关键字，但那只是语法糖，JavaScript 仍然是基于原型的） JavaScript 的原型和原型链 1.什么是原型 > .每个实例对象（ object ）都有一个私有
阅读全文
