- 博客(23)
- 收藏
- 关注
RSS订阅原创 Vue全家桶
Vue全家桶vue-cli:用脚手架搭建项目vue:mvvm模式开发，数据上绑双定，页面渲染vue-router:定义路径跳转vuex:前端数据存储axios:ajax技术：用来链接后台element-ui:用来制作html和css,完成响应式和动画子路由：var routers=[{path:"/",components:Center}，{path:"/",components:MainChildren:[{path:"/a",components:Wor
2022-02-18 18:48:29
208
原创 node下的vue
node下的vuenode:node相当于前端的服务器，用于编译js，vue和react框架可以在node环境下进行执行和安装，为了让js下的ES6和typeScript进行兼容，可以通过node环境进行编译webpack:模块打包机，可以将项目打包成浏览器兼容的格式，或者打包成手机app等vue脚手架cli:帮助你快速搭建项目，给项目进行分包分层，进行环境配置npm命令node -v查看node版本npm install模块名 安装模块npm install -g模块名 全局安
2022-02-18 18:41:58
976
原创 自定义指令、混入、路由、生命周期
自定义指令我们可以通过自定义指令为标签操作属性，样式，事件等内容，但是指令要求以”v-”开头例如：<input type="text" v-foc><input type="text" v-sty>directives:{foc:{//修改事件inserted:function(el){el.focus()}},sty:{//修改样式inserted:function(e...
2022-02-16 18:28:24
348
原创 变量的解构赋值
变量的解构赋值用来减少变量的定义，并且从数组或对象中提取值更方便，ES6提出了解构赋值数组的解构赋值let[a,b,c]=[1,2,3]console.log(a)//1console.log(b)//2console.log(c)//3可以省略变量可以与扩展运算符连用let[a,...b]=[1,2,3,4,5]console.log(a)//1console.log(b)//[2, 3, ...
2022-02-15 18:09:57
266
原创 Vue下的函数
函数自定义函数methods:{fun:function(){this.变量}}<div @click="fun">过滤函数filters:{fun:function(v){ return v.toUpperCase() }}<h1>{{str|fun}}</h1>计算函数compu...
2022-02-15 10:22:44
295
原创 Vuejs框架
vue叫做渐进式框架，由底层上传逐层 应用，用来将页面代码进行组件化和规范化，单页面开发，提供浏览器加载速度，加上代码写作，采用mvvm模式，可以实现动态加载标签，动画效果，表单验证，链接后台等；mvc和mvvm模式mvc模式m模式层：htmlv视图层：cssc控制层：jsmvvm模式model->viewmmodel->view 双向绑定，动态更新渐进式框架：可增量采用，渲染->组件(自创的标签)->路由->状态管理 (用到什么填什么)语法
2022-02-14 16:00:07
602
原创 let和const命令
let和const命令let命令用于声明变量，类似于var，但是所声明的变量只在代码块内有效，let没有变量提升没有变量提升:console.log(b)//报错let b=33;只在代码块内有效:if(true){let b=23}console.log(b)//报错暂时性死区只要在块级作用域内声明let，它所声明的变量就绑定在这个区域，不受外界影响同一个作用域中不能重复声明let a=12...
2022-02-14 08:34:12
179
原创 html5存储
html5存储html5存储和cookie的区别cookie存储在浏览器下，html5存储在磁盘中 cookie在服务端发送，html5在客户端使用 cookie需要联网使用，html5可以不用网络 cookie最多存储4kb,html5看磁盘大小 cookie有时间周期，到时间会自动删除，html5除非手动删除，否则一直存在cookie存储cookie用户来存储页面的值，一个网站共享一套cookie，cookie并不是浏览器提供的，是由程序员自己创建的，一个文件大小不得超过4kb，每
2022-02-13 12:07:46
245
原创 html5标签
html5标签媒体标签<audio>音频标签<video>视频标签src路径 autoplay是否要自动播放 controls是否显示控件表单<input type=”date”>年月日<input type=”time”>时分秒<input type=”month”>月份<input type=”week”>一年中的第几个星期<input type=”number”>数字<
2022-02-13 12:02:41
416
原创 封装函数以及事件处理
封装函数function css(){if(arguments.length==2){//获取if(getComputedStyle){return getComputedStyle(arguments[0],false)[arguments[1]]}else{return ar...
2022-02-13 11:58:15
60
原创 JS组成部分
组成：ECMAscript解释器 没有兼容问题 ES6到ES10会有兼容性问题BOM 浏览器对象模型 几乎都不兼容DOM 文档对象模型 部分兼容 DOM1 DOM2 DOM3BOMWindow窗体对象属性innerheight 返回窗口的文档显示区的高度。(可见区域宽高) innerwidth 返回窗口的文档显示区的宽度。 outerheight 返回窗口的外部高度。 (不带菜单栏和控制台的，整个宽高) outerwidth 返回窗口的外部宽度。 pageXOffset
2022-02-13 11:27:46
177
原创 补充继承以及严格模式
定义继承有哪些方式1. 原型链继承function Father(){this.color=["red","blue"]}function Son(){ }Son.prototype=new Father()优点：可以复用父类下的属性和方法缺点：不能给父类下的变量传值，属性被孩子共享，一个改变全改变2. 构造函数继承function Father(name){this.color=["red","blue"...
2022-02-13 11:09:03
139
原创 JS面向对象
面向对象对象：现实中一切事物皆为对象面向对象的实体：包含属性和行为的集合js没有类的概念，叫做对象，思想上是基于对象的，js下定义对象还是用函数体进行定义，基于对象和面向对象的区别面向对象：自己设置图纸，照着图纸盖房子基于对象：别人有一个房子，我照着房子创建面向对象的三大特征：封装、继承、多态封装每一个对象就是一个封装，把具有共同属性和行为的事物放在一起定义对象var a -->饿汉式a=11var a=11 -->懒汉式通过Object创
2022-02-13 10:57:46
104
原创 垃圾回收机制
垃圾回收js具有自动垃圾回收机制，无需手动清除标记清楚原理：当js中声明一个变量的时候，将变量标为“进入环境”，则变量在内存中占有位置，当变量执行完毕，会将其标记为“离开环境”js垃圾回收机制检测到“离开环境”就会自动回收在标准浏览器下常用这个回收方式，只是时间间隔不一样引用计数原理：js会跟踪每一个变量的引用次数，当变量被声明，并将一个值赋给变量，则引用计数会标注为1，如果变量执行元素或有进行了赋值，则引用计数进行加1，相反，变量赋给其他变量，或者没再进行操作，则次数减1，直到次数
2022-02-12 18:11:05
55
原创 变量、作用域，以及变量提升
变量、作用域和内存问题全局变量：全局变量定义可以提供给所有代码块和函数调用if(true){var c=33}console.log(c)//33可以访问到私有变量：在js下，只有函数里定义的变量才是私有的var a=11function fun(){var b=12console.log(a)//11console.log(b)//12}fun()...
2022-02-12 18:06:52
79
原创 JS的函数
函数页面语句会顺序执行，定义函数有利于代码封装，可以把要处理的js封装在一个函数里，减少代码写作，支持多页面调用，也可以通过事件执行函数的定义普通函数function函数名(){执行语句}调用：函数名()带参数的函数function函数名(a,b,c){执行语句}调用：函数名(1,2,3)带返回值的函数function函数名(a,b,c){执行语句return a+b}调用：var v=函数名(1,2,3)递归：自己调用
2022-02-12 18:02:16
302
原创 JS对象（概括）
单体内置对象单体内置对象，在js环境下已经直接存在了，调用时，无需用new关键字创建对象全局对象window对象在全局作用域中，定义的变量和函数，都是window对象下的例如：var a=123document.writeln(window.a)global对象属性和方法parseInt()转化成整数 parseFloat()转化成浮点数 isNaN()判断是否为数字，是数组返回false isFinite()检查一个数字是否是有限的，有限返回true //看能
2022-02-12 11:37:35
58
原创 JS数组及其操作
数组数组是属于对象的一种表现形式，用来存储多个值，并且js的数组可以存储多种类型，从下标0开始，用中括号[]，定义，长度可变定义Var x= new Array()//空数组Var x= new Array(3)//存储数组的长度Var x= new Array(3,4,5,6)//存储值Var x=[2,3,4]//简写var x=[1,2]x[6]=12x=[1,2,3]//替换成这个数组console.log(x...
2022-02-12 11:31:32
108
原创 JS-String对象
String对象转义字符串\”双引号 \’单引号 \\斜杠\n回车 \t制表符(空格)ToString()转化任意进制数//console.log("071".toString(8))//150.toString(8)//转成8进制226属性和方法属性：length 字符串长度方法：charAt() 返回在指定位置的字符。找范围：从0开始，前闭后开var str="asdfjgjfld"console.log(str.charAt(2))//输出：d...
2022-02-12 11:20:29
59
原创 循环与逻辑运算符
循环While循环While(表达式){执行循环语句}do-while循环do{执行循环语句}While(表达式)区别：while先判断后执行，do-while先执行后判断(不满足情况下，do-while会多执行一次)for循环For(赋初值;满足条件;做运算){执行循环语句}初始值是多少，结束值是多少，做什么运算结束语句break多层循环只结束里层continue结束当前循环Lable语句用来给代码取别名，方便下面语句操作此代码a
2022-02-12 11:17:07
180
原创 进制转换以及位操作符
进制转化十进制和二进制转化十进制转化二进制150/2=75余0 75/2=37余1 37/2=18余1 18/2=9余0 9/2=4余1 4/2=2余0 2/2=1余0 1/2=0余1结果：10010110二进制转化十进制10010110=0*2^0+1*2^1+1*2^2+0*2^3+1*2^4+0*2^5+0*2^6+1*2^7二进制与八进制转化二进制转化八进制010 010 110 前补零110=0*2^0+1*2^1+1*2^2=601...
2022-02-11 19:58:48
576
原创 JS判断语句
判断1.条件运算符(三元表达式)var 变量=判断表达式?true返回的结果:false返回的结果var s=typeof str=="number"?"这是数字":"这是字符串2.If/elseIf(表达式){执行语句}else if(表达式){执行语句}.....else{以上条件都不满足才执行}例如：var str=prompt("请输入月份")if(str>="10"&&str<="12"){...
2022-02-11 19:20:01
709
原创 JS第一章
JS介绍全程javaScript,简称js,是由王景公司开发，他不属于HTML语言一部分，但是可以写在前端页面，我们把他叫做脚本语言，类似于后台语言，相比后台少了编译过程，语法比较简单，可以用来制作动画，表单验证，链接后台，页面游戏等语法1.字母大小写敏感2.定义的字符串要用单双引号引起来3.每一条语句要以分号结尾命名规范1.要以字母开头2.多个单词要以驼峰命名，例如：fontSize...
2022-02-11 11:30:21
196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人