摘要: dispatch:含有异步操作,例如向后台提交数据,写法: this.$store.dispatch('action方法名',值) commit:同步操作,写法:this.$store.commit('mutations方法名',值) 区别: 1.Action提交的是mutation,而不是直接变更 阅读全文
posted @ 2021-02-22 21:17 天午正阳 阅读(5645) 评论(0) 推荐(0) 编辑
摘要: jQuery-入口函数,$冲突问题 原生js和jQuery加载模式不同 原生js会等DOM加载完成,图片等资源也加载完成再执行; jQuery会等DOM加载完成,但不会等图片等资源加载完成就会执行。 多个入口函数 原生js如果编写了多个入口函数,后面编写的会覆盖前面编写的。 window.onloa 阅读全文
posted @ 2021-02-22 16:51 天午正阳 阅读(86) 评论(0) 推荐(0) 编辑
摘要: 添加js的静态方法和实例方法 - 1.定义一个类 - 2.给这个类添加一个静态方法:直接添加给类的就是静态方法.结晶态方法直接通过类调用. - 3.给这个类添加一个实例方法:在类的原型上添加.实例方法通过类的实例调用,创建一个实例(创建一个对象) //1.定义一个类 function AClass( 阅读全文
posted @ 2021-02-22 16:50 天午正阳 阅读(56) 评论(0) 推荐(0) 编辑
摘要: JS预编译 js运行三部曲 语法分析 预编译 解释执行 ** 预编译 ** 预编译发生在函数执行前的一刻。 简单现象:函数声明整体提升, 变量 声明提升(定义赋值不提升) ** 预编译过程(四部曲):**1.创建AO对象(Activated Object)(执行期上下文)2.找形参和变量声明,将变量 阅读全文
posted @ 2021-02-22 16:43 天午正阳 阅读(59) 评论(0) 推荐(0) 编辑
摘要: 1.函数 定义 1.函数声明 function test(){函数体}; 2.函数表达式: - 命名函数表达式 - ```java var fn = function test(){}; (匿名)函数表达式 var fn = function(){}; #### 组成形式 1.函数名称 2.参数(形 阅读全文
posted @ 2021-02-22 16:42 天午正阳 阅读(86) 评论(0) 推荐(0) 编辑
摘要: js原型、原型链、call apply 原型 1.定义:原型是function对象的一个属性,它定义了构造函数构造出的对象的共同祖先,通过这个构造函数创建的对象可以继承该原型的属性和方法。原型也是对象。2.利用原型的特点和概念,可以提取共有属性。3.对象如何查看原型:隐式属性 .proto4.对象如 阅读全文
posted @ 2021-02-22 16:41 天午正阳 阅读(63) 评论(0) 推荐(0) 编辑
摘要: 继承模式 继承发展史 1、传统形式--原型链 过多的继承了没用的属性 2、借用构造函数 不能继承借用构造函数的原型 每次构造函数要多走一个函数 3、共享原型 不能添加自己原型的自定义属性,会把共享原型的对象的原型的属性也更改。 4、圣杯模式 //1.原型链 Grand.prototype.lastN 阅读全文
posted @ 2021-02-22 16:39 天午正阳 阅读(79) 评论(0) 推荐(0) 编辑
摘要: js-arguments arguments arguments是函数执行时的一个对象,用开存储传进函数的参数,下标从0开始存储。arguments是对象,不是Array,但它有点类似Array,它不具备除了length之外的其他方法。 callee:arguments对象的一个属性。1)它用来指向 阅读全文
posted @ 2021-02-22 16:37 天午正阳 阅读(61) 评论(0) 推荐(0) 编辑
摘要: js-克隆 浅克隆 浅克隆的对象的引用值是拷贝对象里的引用,这两个对象里面的引用(如对象里的数组或者内嵌对象)指向的地方是一致的。 var obj = { name:"chen", age:18, gender:"female", card:['visa','cb'], wife:{ name:'a 阅读全文
posted @ 2021-02-22 16:36 天午正阳 阅读(80) 评论(0) 推荐(0) 编辑
摘要: js-数组 数组的定义 new Array(length/content) 字面量 区别:当只传一个参数时,new Array会把参数当成是长度,即创建一个限定长度的值为undefined的数组;字面量则认为这一个参数是数组第一个元素。 //数组的定义 var arr = [1,2,3];//数组字 阅读全文
posted @ 2021-02-22 16:34 天午正阳 阅读(100) 评论(0) 推荐(0) 编辑
摘要: js-try catch、ES5.0严格模式 try...catch try{}catch{}finally{},用以捕捉错误而不影响后面代码的执行。即try里面的代码如果报错了,不会影响try catch后面代码块的执行。 try{ console.log('a');//a console.log 阅读全文
posted @ 2021-02-22 16:33 天午正阳 阅读(80) 评论(0) 推荐(0) 编辑
摘要: js-DOM DOM定义 DOM -- Document Object Model DOM定义了表示和修改文档所需的方法。DOM对象即为宿主对象,由浏览器厂商定义,用来操作html和xml功能的一类对象的集合。也有人称DOM对象是对HTML及XML的标准编程接口。 DOM基本操作 节点的类型 节点名 阅读全文
posted @ 2021-02-22 16:31 天午正阳 阅读(43) 评论(0) 推荐(0) 编辑
摘要: js-定时器(setInterval, setTimeout) setInterval() 表示没间隔一定时间执行一次函数 清除方法:clearInterval(timer) var cnt = 0; var timer = setInterval(function(){ cosole.log(cn 阅读全文
posted @ 2021-02-22 16:30 天午正阳 阅读(544) 评论(0) 推荐(0) 编辑
摘要: 获取DOM尺寸、位置 查看滚动条的滚动位置 window.pageXOffset / window.pageYOffset(IE8及其以下版本不支持) document.body/documentElement.scrollLeft/scrollTop 兼容性比较混乱,使用时通常取两个属性值相加,因 阅读全文
posted @ 2021-02-22 16:29 天午正阳 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 脚本化CSS 1.读写CSS属性 domEle.style.prop 可读写行间样式,没有兼容性问题;像float这样的关键字属性应在前面加css。 float --> cssFloat; 复合属性必须拆解,组合单词采用小驼峰式写法 写入值必须是字符串格式 2.查询计算样式 window.getCo 阅读全文
posted @ 2021-02-22 16:28 天午正阳 阅读(40) 评论(0) 推荐(0) 编辑
摘要: 1. JSON json是一种传输数据的格式(以对象为样板,本质上就是对象,但用途有区别,对象是本地的,JSON是用于传输的。 JSON.parse();//string --> json JSON.stringify();//json --> string 2. 页面渲染 randerTree = 阅读全文
posted @ 2021-02-22 16:27 天午正阳 阅读(154) 评论(0) 推荐(0) 编辑
摘要: 参考正则表达式教程 正则表达式 作用: 对字符串执行模式匹配,匹配特殊字符或有特殊搭配原则的字符。 创建方式 直接量:/expression/gim;-->两个斜杠中间书写正则表达式,右边的i代表ignore case忽略大小写;g代表全局匹配;m代表多行匹配模式。 new RegExp(patte 阅读全文
posted @ 2021-02-22 16:25 天午正阳 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 1.什么是事件 HTML页面与JS之间的交互时通过事件来完成的。事件,就是文档与浏览器窗口发生的一些特定的交互瞬间。可以使用侦听器(处理程序)来预订事件,以便事件发生时执行相应的程序代码。 2.如何绑定事件 elem.onxxx = function(event){}; 兼容性很好,但是一个元素只能 阅读全文
posted @ 2021-02-22 16:23 天午正阳 阅读(67) 评论(0) 推荐(0) 编辑
摘要: 属性的增、删、改、查 增加属性:ojb.newProp = “what";删除属性:delete ojb.Prop 对象的创建方法 var obj = {} plainObject 对象字面量/对象直接量 构造函数1)系统自带的构造函数 new Object()2)自定义构造函数。构造函数结构上和函 阅读全文
posted @ 2021-02-22 16:22 天午正阳 阅读(45) 评论(0) 推荐(0) 编辑
摘要: codewars.com https://leetcode-cn.com/ 牛客网:https://www.nowcoder.com/intelligentTest 阅读全文
posted @ 2021-02-22 16:03 天午正阳 阅读(596) 评论(0) 推荐(0) 编辑