随笔分类 - js
摘要：一、新增数据类型Symbol 概念： Symbol代表独一无二的 Symbol类型的值通过Symbol函数来生成，同时Symbol函数返回的值的唯一的 Symbol函数可以接收字符串作为参数，但是即使相同参数返回的值也是唯一的 作用： 属性私有化 数据保护 //没有参数的情况 var s1=Symb
阅读全文
摘要：1、 手机号：mobile /^1((3[\d])|(4[5,6,9])|(5[0-3,5-9])|(6[5-7])|(7[0-8])|(8[1-3,5-8])|(9[1,8,9]))\d{8}$/ 2、国内座机电话（如: 010-12345678）：telephone /\d{3}-\d{8}|\
阅读全文
摘要：1、XSS 跨站脚本攻击 原理：页面渲染的数据中包括可运行的脚本 注入点：html节点的内容中；html中DOM元素的属性中；JavaScript代码；富文本 防范：①http响应头中添加x-xss-protection，值为0为关闭，值为1为打开（默认） ②对特定字符做转义：用<替换<，用&
阅读全文
摘要：相同点： 1、混入（Mixins）：class中的class 2、参数混入：可以传递参数的class，就像函数一样 3、嵌套规则：class中嵌套class，从而减少重复的代码 4、运算：css中用上数学 5、颜色功能：可以编辑颜色 6、名字空间：分组样式，从而可以被调用 7、作用域：局部修改样式
阅读全文
摘要：//使用axios时，要确定是json格式还是x-www格式的，axios默认是json格式的，如果是x-ww格式需要做如下配置： let url = "/hehe/site/getcomment"; let data = { order: 1, pagesize: 10, type: 1, eId
阅读全文
摘要：一、加载速度优化 精灵图 base64 iconfont替代图片 代码压缩 图片、视频压缩 cdn缓存 路由懒加载 原理：将每个组件都打成一个包，首页的大文件可以进行分批引入 实现：main.js中将所有的同步引入组件的方式改为异步引入组件，即： import Home from "pages/Ho
阅读全文
摘要：export default{ set(key,data,time){ let obj={ data=data, ctime:(new Date()).getTime(),//时间戳，同Date.now() express:1000*60*60//设置过期时间一个小时 } localStorage.
阅读全文
摘要：ajax：AJAX全称是"Asynchronous JavaScript and XML"(异步Javascript和XML)，是一种创建交互式网页应用的网页开发技术。 优点： 1、页面无刷新，用户体验好 2、异步操作，响应速度快 3、按需请求数据，减轻服务器和带宽的负担 4、基于标准化的技术，不需
阅读全文
摘要：1、不要在同一行声明多个变量 2、使用 或!==来比较 3、使用字面量的方式来创建对象、数组，替代new Array这种形式 4、不要使用全局函数 5、switch语句必须要带default分支 6、函数不应该有的时候有return，有的时候没有return 7、fon-in循环中的变量，用var关
阅读全文
摘要：1、字面量的方式 缺点： 比较麻烦，每个属性都需要添加 var obj={ name:"小明", age:16 } 2、构造函数的方式 缺点： 如果要批量生成多个对象，会产生大量重复代码 var obj=new Object(); 3、将一个对象作为原型，创建另一个对象 obj1继承了obj的属性和
阅读全文
摘要：1、字符模板 2、解构赋值 3、箭头函数 4、扩展运算符 ··· 5、symbol 6、let和const 7、set和map对象 8、class类 9、es6的模块化 export default或者export导出，import导入 10、Promise 11、函数在声明的时候可以对参数赋初始值
阅读全文
摘要：1、什么是ajax ajax是Asynchronous Java and XML的缩写，是一种异步请求数据的web开发技术，在不需要重新刷新页面的情况下，ajax通过异步请求加载后台数据，并在网页上呈现出来 2、ajax使用场景 异步请求：登录、列表页、详情页、搜索下拉框……页面中涉及到数据的都用到
阅读全文
摘要：第一种方法： 1 var arr = [1, 4, 5, 7, 3, 2, 1, 5, 6, 7, 1, 3, 5, 7, 2, 4, 6, 7]; 2 var arr1=[]; 3 for(var i=0;i<arr.length;i++){ 4 var item=arr[i]; 5 var fl
阅读全文
摘要：伪数组：length属性为非负整数，索引值为非负整数，没有数组的方法。 ES6：Array.from(伪数组) let newArr = [...arr] ES5：Array.prototype.slice.call(伪数组) ES5：Array.prototype.concat.apply([],
阅读全文
摘要：1、typeof：只能判断基本数据类型，不能判断引用数据类型 判断出来的都是Object string、number、boolean、undefined、object、function、symbol 2、instanceof：判断一个对象是否是一个类的实例 只能进行类型的对比，不能进行类型的判断 3
阅读全文
摘要：function cloneObj(source, target) { if (!target) { if (source.constructor RegExp) { target = new RegExp(source.source, source.flags) } else { target =
阅读全文
摘要：三个方法的参数1都代表子串开始位置，参数2在slice和substring中表示结束位置，而在substr中代表的则是子串长度； 对于负数态度，当出现在参数1的位置时，slice和substr从末尾开始计算，而substring不支持末尾计数法直接视为0；当出现在参数2位置时，slice和subst
阅读全文
摘要：this的值是在【函数执行时】决定的，而不是【函数定义时】决定的 ①一般情况下，普通函数里，this window ②在对象的方法中，this 该对象 ③在事件函数中，this 事件侦听的对象 ④call、apply、bind中的this，指向第一个参数对象,如果传入的参数是null，那么this原
阅读全文
摘要：Promise是一个异步加载的方式，处理时使用new Promise返回一个对象，该对象可以调用then方法，then方法中有两个参数，第一个参数是加载成功时执行，第二个参数是加载失败时执行，then方法中可以通过返回Promise进行链式调用。 Promise的三个状态： 初始化：状态：pendi
阅读全文
摘要：前言： 闭包是js中最强大的特性，也是js相较于其他语言最令人着迷的地方，如果你对它研究的透彻，你会为它着迷，否则你会被吓住。 请仔细阅读文中的判断句，如果对某句话不理解可以留言，我会回复的，或者一起讨论怎么描述更为准确。 闭包的前置知识点： 1、在函数中如果不使用var定义变量，那么js引擎会自动
阅读全文
