01 2022 档案
摘要：文件上传下载格式化方法 1、上传 文件上传前端格式限制 <input ref="showinput2" v-show="false" type="file" @change="upFile()" accept="application/vnd.openxmlformats-officedocumen
阅读全文
摘要：进制转换(二、八、十、十六进制转换) 1、进制之间都可以互相转换 二进制(Binary简写B, 添加在数字后面例 (010101)B) 0和1； 八进制(Octal简写O, 添加在数字后面(076451)O) 基数8，每列0-7； 十进制(Decimal简写D, 添加在数字后面) 基数10，每列0-
阅读全文
摘要：事件 事件分两种：普通事件和绑定事件 普通事件 普通事件为DOM对象的键值对方式 类似于元素属性值(键值对) <span onclick="fn">普通事件</span>; 两种事件的区别：普通事件不能重复添加，只有最后一次添加才生效，而addEventListener事件可以多次绑定生效，例如 /
阅读全文
摘要：Object.defineProperty(objectName, key, option); Object.defineProperty()可以直接在一个对象上定义一个新属性, 或者修改一个属性, 并返回该对象; option value: 表示该属性的值， 默认 undefined。 get:
阅读全文
摘要：数组 []; 通常被描述为像列表一样的对象，或者说数组是包含了多个值的对象 一些方法 arr.flat/flatMap(); 数组扁平化; arr.join(','); 合并成字符串, 带参数=>例如使用 ";" 拼接 ⇒ array.join(';'); arr.split(';'); 分割成数组
阅读全文
摘要：window.prompt(); 语法 window.prompt(text, value) ⇒ 打开一个弹出带提示的输入框, 第一个参数是提示内容, 第二个参数是输入框内容; 第二个字符串参数写的是什么返回什么; Function函数对象 new Function([arg1[, arg2[, .
阅读全文
摘要：this指向 apply/call() 可以把 this 引用到任意对象 this关键词指的是它所属的对象 ⇒ [谁调用指向谁] 方法中, this 指的是所属者对象; example: const person = { firstName: "Bill", lastName : "Gates",
阅读全文
摘要：显式绑定法 apply/call(); 通过显式绑定法可以使用另一个对象中的方法 apply/call()都是JS预定义的方法, 他们都可以用于将一个对象作为参数调用对象方法 FOR example const person1 = { nameFunction: function() { retur
阅读全文
摘要：JS类型检测主要有四种 1、typeof Obj 2、L instanceof R 3、Object.prototype.toString.call/apply(); 4、Obj.constructor Remark前两种是数据类型检查方式,后两种是构造函数判断 首先了解下显式原型prototype
阅读全文
摘要：JS性能 1、for循环优化 循环每迭代一次，循环中的每条语句都会被执行包括for() 能够放在循环之外的语句或赋值会使循环运行得更快。 // example每次 for(let i = 0; i < arr.length; i++) {} // 优化后 let i; const arrL = ar
阅读全文
摘要：JS类型转换 简介: 基础数据类型: Number、String、Boolean、null、undefined、Symbol(function???); 引用数据类型: Date、Object、Array; 1、直接转换法 转换成十进制类型Number(); Number([]) ⇒ 0; Numb
阅读全文
摘要：JS基础数学[运算符] 算术运算符 ** 幂(2 * 3 2 * 2 * 2, 等同于Math.pow(2, 3)); % 求余或者取模(8 % 3 余2); 赋值运算符 加法赋值 x += 1 x = x + 1; 减法赋值 x -= 1 x = x - 1; 乘法赋值 *x = 1 x = x
阅读全文
摘要：前端安全系列之XSS攻击防范 1、使用textContent 2、使用HTML转义 把JS中的标签转成字符 3、对于链接跳转 禁止含有'javascript:'开头的字符 4、标签属性中含有恶意执行代码 javascript 5、如果用户输入的文本进行过滤很容易照成注入漏洞 6、什么是XSS攻击 C
阅读全文
摘要：HTML DOM 1、获取DOM节点方式 document.getElementById('id'); document.getElementByClassName('className') -[得到的是一个数组形式的节点集合]; document.getElementByTagName('div'
阅读全文
摘要：html基础篇 1、 .html 2 、 htm 以上两种后缀名没有区别，都可以使用。 声明为 HTML5 文档 doctype 声明是不区分大小写的，以下方式均可： 元素是 HTML 页面的根元素 元素包含了文档的元（meta）数据，如 定义网页编码格式为 utf-8或者为 gbk。 元素描述了文
阅读全文
摘要：**### vue mode 好玩东西+1： 轻量级进度条: 1、引入 import NProgress from 'nprogress'; // progress bar import 'nprogress/nprogress.css'; // progress bar style 2、使用 异步
阅读全文
摘要：1、console对象 1、输出信息: console.info()别名 console.log(); 2、复合类型表格展示 console.table(obj) || console.table(Array); 3、error('error') 输出出错信息； warn('hey') 输出警告信息
阅读全文
