
js
文章平均质量分 65
壹零捌壹
这个作者很懒,什么都没留下…
展开
-
js数据类型
数据类型JS分两种数据类型:基本数据类型:Number String Boolean Null Undefined Symbol(ES6)这些类型可以直接操作保存在变量中的实际值。引用数据类型:Object(在JS中除了基本数据类型以外的都是对象,数据是对象,函数是对象,正则表达式是对象)基本数据类型,又称值类型。基本数据类型(六种)存放在栈中基本数据类型是指存放在栈中的简单数据段,数据大小确定,内存空间大小可以分配,它们是直接按值存放的,所以可以直接按值..原创 2021-06-04 10:58:21 · 472 阅读 · 0 评论 -
闭包闭包闭包
一,什么是闭包?闭包就是函数中套了一个函数,内层函数可以访问外层函数中的变量。vue中的data就是一种闭包的形式。闭包作为回调函数,可以实现函数的复用。原创 2021-06-03 02:14:15 · 1114 阅读 · 0 评论 -
webpack配置打包优化
首先先在根目录下配置 vue.config.js 文件,文件名是固定的不可修改!一、新建vue.config.js,设置静态资源路径为’./’,否则打包后项目无法运行原创 2021-06-03 01:53:50 · 693 阅读 · 0 评论 -
项目开发流程(简述)
一,确定项目技术栈2. 搭建项目原创 2021-06-03 01:54:02 · 816 阅读 · 0 评论 -
多环境变量配置
多环境变量配置package.json里的scripts配置servestagebuild,通过--mode xxx来执行不同环境通过npm run serve启动本地 , 执行development 通过npm run stage打包测试 , 执行staging 通过npm run build打包正式 , 执行production"scripts": { "serve": "vue-cli-service serve --open", "s...原创 2021-06-02 21:09:24 · 633 阅读 · 0 评论 -
transition
transitionTransition 简介:Transition可以设置CSS 属性的过渡效果,它有以下几个属性。transition-property用 nsition-timing-function用于指定过渡的类型 transition-property: 是用于指定应用过渡的属性名称,可以指定多个属性名称,多个属性名称之间用,分隔。 默认值为all也就是所有的元素都应用过渡效果。 想让容器的宽高有一个过渡的效果的代码: 于指定应用过渡属性的名称 ...原创 2021-06-02 00:46:46 · 747 阅读 · 0 评论 -
keep-alive
keep-alive概念: keep-alive 是 Vue 的内置组件,当它包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 transition 相似,keep-alive 是一个抽象组件:它自身不会渲染成一个 DOM 元素,也不会出现在父组件链中。作用:在组件切换过程中将状态保留在内存中,防止重复渲染DOM,减少加载时间及性能消耗,提高用户的体验性。原理: 在 created 函数调用时将需要缓存的 VNode 节点保存在 this.cache 中/在 rende原创 2021-06-01 20:28:22 · 640 阅读 · 0 评论 -
事件委托
1.什么是事件委托呢?如果子元素身上绑定了大量相同的事件,我们尽量采用事件委托的方式,把所有子元素的自己的事件委托给父级2.事件委托的原理?事件冒泡原创 2021-05-30 20:54:18 · 354 阅读 · 0 评论 -
解析this指向
解析this指向调用位置在理解this得绑定过程之前,首先要理解调用位置:调用位置就说函数在代码中被调用得位置(注意:不是声明得位置),只有明白调用位置,才能弄懂this到底引用的是什么! 最重要的就是分析调用栈(为了到达当前执行位置所调用的所有函数)。我们关心的调用位置 function baz(){ //当前调用栈:baz //当前调用位置是全局作用域 console.log("baz"); bar(); //<--bar的调用位置...原创 2021-05-27 16:46:01 · 553 阅读 · 0 评论 -
原型和原型链
原型和原型链原型:1,所有引用类型都有一个__proto__(隐式原型)属性,属性值是一个普通的对象 2,所有函数都有一个prototype(原型)属性,属性值是一个普通的对象 3,所有引用类型的__proto__属性指向它构造函数的prototypevar a = [1,2,3];a.__proto__ === Array.prototype; // true原型链:当访问一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到,则会去它的__p...原创 2021-05-26 14:11:30 · 517 阅读 · 0 评论 -
数组方法(es4、es5、es6)
数组方法(es4、es5、es6)目录数组方法(es4、es5、es6)js中数组常用的方法:es4中常用方法es5中常用方法es6中常用方法js中数组常用的方法:es4中常用方法1,sort()数组排序可以没有参数使用:将数组中所有的元素都看作字符型数据来进行排序。var num=[10,5,4,0,29,91,52,73,1];console.log(num);num.sort(function(a,b){ return a-b; }) //将num..原创 2021-05-26 08:05:43 · 660 阅读 · 0 评论 -
arguments
arguments是一个伪(类)数组,指的是函数的参数集合,不能调用数组的方法。1.arguments的特点:只在函数中存在(箭头函数除外)。 有长度length,可通过下标index访问。 是一个集合,存储了我们传入的所有实参。2.arguments方法(转换成真的数组可以使用个数组的方法):1,展开运算符:function fn (){let arr = [...arguments];// arr 就是一个数组}fn(1,2,3)2,call()方法:fun原创 2021-05-26 07:51:47 · 377 阅读 · 0 评论 -
数据类型判断
数据类型判断几种判断数据类型的方法typeof typeof 对于基本数据类型的判断是没有问题的,但在判断引用数据类型(如:Array,Object,null)是没有用的。 Instanceof instanceof 判断new关键字创建的引用数据类型但它在做判断时不考虑null和undefined以及以对象字面量创建的基本数据类型 constructor 它既可以对进本数据类型进行判断也可以对引用数据类型进行判断,但它也是有缺点的,constructor不能用于undef原创 2021-05-24 21:24:19 · 323 阅读 · 0 评论