- 博客(45)
- 收藏
- 关注
RSS订阅原创 微信小程序1-小程序代码构成
(1) pages:记录当前小程序的所有页面(2) window:全局定义小程序所有页面的背景色，文字颜色等(3) style:全局定义小程序所使用的样式版本（v2最新样式）(4) sitemapLocation : 指明sitemap.json的位置
2022-07-13 17:15:45
258
原创 v-model和.sync
1.v-bind:属性，v-on：事件2.v-bind:属性，v-on：udpate：属性3.v-bind:属性.sync4.v-model
2021-05-24 19:56:40
583
2
原创 VUE-编程式路由导航
编程式路由导航是通过JS代码实现路由的跳转。一、路由的实现hash：通过改变路径的哈希值，来去实现历史记录的保存。一旦改变了哈希值，浏览器的历史记录就会记录下来这个改变，而且浏览器还能监视改变。一旦监视就知道当前哈希值是多少，有了哈希值就能知道包含的路径，有了路径找到对应的路由组件，找到路由组件就拿出来显示。getState/setState：和hash方式类似。有push和replace方式，这是浏览器要管理所有访问过的路径的状态二、$router(路由器)可实现路由的跳转，栈结构...
2021-04-03 20:09:19
1088
原创 VUE-向路由组件传递数据
方式 1: 路由路径携带参数(param/query)请求参数的方式：params是：query是？index： { path:'/home/messages',//另一种写法 component:Messages, children:[ { path:'/home/messages/MessageDetail/:id',//占位符，动态组件，param
2021-04-01 19:38:24
390
原创 ES6-模块化
一、模块化模块化是指将一个大的程序文件，拆分成许多个小的文件，然后将小文件组合起来。小文件就是模块二、模块化语法模块功能主要由两个命令构成：export和importexport命令用于规定模块的对外的接口import命令用于输入其他模块提供的功能m1.js://分别暴露export let name="lili"export function sayName(){ console.log('nihao')} <script type="module">
2021-03-22 17:13:21
105
原创 ES6-对象方法扩展
1. Object.is 判断两个值是否完全相等console.log(Object.is(120, 120));// === trueconsole.log(Object.is(NaN, NaN));// === trueconsole.log(NaN === NaN);// false2. Object.assign 对象的合并3. Object.setPrototypeOf 设置原型对象 Object.getPrototypeof...
2021-03-20 23:17:51
107
原创 ES6-数值扩展
一、Number.EPSILON 是 JavaScript 表示的最小精度EPSILON 属性的值接近于 2.2204460492503130808472633361816E-16 function equal(a,b){ if(Math.abs(a-b) < Number.EPSILON){ return true; }else{ return false;
2021-03-20 22:45:39
84
原创 VUE-ajax请求
一、VUE-ajax请求在声明周期回调函数中发送请求：mounted(){}使用vue-resource库或者axios来发送ajax请求去获取数据安装vue-resource：npm install vue-resource --save安装：axios:npm install axios --save在main.js引入插件vue-resource：import VueResource from 'vue-resource'在main.js声明使用插件：Vue.use(VueResourc
2021-03-19 18:03:49
532
原创 VUE-组件间通信方式
一、vue组件间的通讯方式1.props2.vue的自定义事件自定义事件主要包括两个部分：（1）监听事件绑定监听事件的方式一：通过v-on绑定，@//给todoHeader 组件对象绑定addLists监听<todoHeader @addLists="addLists"/>绑定监听事件的方式二：通过$on(eventName，回调函数)//通过ref查找需要绑定的组件标签 <todoHeader ref="header"/>eventName是事件名
2021-03-19 17:28:17
114
原创 VUE计算属性computed的get和set / 过滤 /存储数据
一、computed计算属性get是其他的数据来获取computed里定义的那个数据，决定返回值。set是根据computed里定义的那个数据值来改变其他的数据。<input type="checkbox" v-model="checkAllBox"/>computed:{ checkAllBox:{ get(){ return this.listsSize===this.lists.length && this.listsSize>
2021-03-16 20:54:59
1650
原创 VUE-props-自定义事件
一、props组件间通信：通过标签属性子组件在接收父组件传递过来的值，需要声明接收属性，这个属性会成为子组件对象的属性。在父组件定义MyComponent时：<my-component name='tom' :age='3' :set-name='setName'></my-component>1.在子组件内声明接收属性// 方式一：只指定名称props: ['name', 'age', 'setName']// 方式二：指定名称和类型props: { n
2021-03-16 18:56:34
338
原创 VUE初始化
1.组件：局部功能界面，这个界面里要实现这个功能相关的所有资源都是组件的一个组成部分vue的模板文件：<template> <div> </div></template><script> export default{//向外默认暴露一个配置对象 }</script><style>...
2021-03-13 15:56:28
328
原创 ES6-set集合-Map-class类
一、setES6提供了新的数据结构set（集合）。类似于数据，但是成员的值都是唯一的，集合实现了iterator接口，所以可以使用扩展运算符和for…of进行遍历。集合的属性和方法：（1）size：返回集合的元素个数（2）add：增加一个新元素，返回当前集合（3）delete：删除元素，返回boolean值（4）has：检测集合中是否包含某个元素，返回boolean值 let s=new Set(['aa','bb','cc','aa']); consol
2021-03-09 19:38:41
253
原创 ES6-promise
一、promisepromise是ES6引入的异步编程的新解决方案。语法上promise是一个构造函数，用来封装异步操作并可以获取其成功或者失败的结果。1.promise构造函数：Promise（excutor）{}2.Promise.prototype.then方法3.Promise.prototype.catch方法4.实例化一个Promise对象pconst p=new Promise(function(resolve,reject) {//开始异步封装操作//调用resolve时,p
2021-03-08 18:15:54
104
原创 VUE-指令-插件
一、指令1.常用内置指令v:text : 更新元素的 textContentv-html : 更新元素的 innerHTMLv-if : 如果为true, 当前标签才会输出到页面v-else: 如果为false, 当前标签才会输出到页面v-show : 通过控制display样式来控制显示/隐藏v-for : 遍历数组/对象v-on : 绑定事件监听, 一般简写为@v-bind : 强制绑定解析表达式, 可以省略v-bindv-model : 双向数据绑定ref : 为某个元素注册一个
2021-03-03 21:18:30
207
原创 VUE-生命周期-动画/过渡-过滤器
1. vue对象的生命周期1). 初始化显示* beforeCreate()* created()* beforeMount()* mounted(): 挂载2). 更新状态* beforeUpdate()* updated()3). 销毁vue实例: vm.$destory()* beforeDestory()* destoryed() <div id="demo"> <button @click='destoryVue'>销毁vue&l
2021-03-02 21:26:55
166
原创 VUE-event-事件修饰符-按键修饰符-表单输入绑定
1. 绑定监听: v-on:xxx="fun" @xxx="fun" @xxx="fun(参数)" 默认事件形参: event 隐含属性对象: $event <button @click='btn3(123,$event)'>按钮3</button>//方法： btn3(msg,event){ console.log(msg ,event.target.innerHTML);//按钮3 }默认事件对象是event，当事件所对应的响应函数
2021-03-01 21:29:07
312
原创 ES6-迭代器-生成器
一、for…in语句for…in 用来遍历对象中的属性：let nicknames = ['di', 'boo', 'punkeye'];nicknames.size = 3;for (let nickname in nicknames) { console.log(nickname);}结果：0, 1, 2, sizelet nicknames = ['di', 'boo', 'punkeye'];for (let nickname in nicknames) { console
2021-02-28 20:14:35
152
原创 ES笔记-symbol
一、symbol基本使用ES6引入一种新的原始数据类型symbol，表示独一无二的值。它是js的第七种数据类型。类似于字符串的数据类型。1.特点：（1）值是唯一的，用来解决命名冲突（2）值不能与其他数据类型进行运算（3）symbol定义的对象属性不能使用for…in循环遍历，但是可以使用Reflect.ownKeys来获取对象所有的键名。创建symbol的方法： let a=Symbol(); let b=Symbol('aa'); let c=Symbol
2021-02-27 22:02:51
669
1
原创 ES6-赋值-rest-扩展运算符
一、ES6 允许给函数参数赋值初始值。形参初始值，具有默认值的参数，一般位置要靠后，如果赋值了就用赋的值，未赋值就使用默认值。 <script> function fun(a,b,c=3){ return a+b+c; } let result=fun(1,2,10); console.log(result);//13 </script>与解构赋值结合 // funct
2021-02-27 16:21:43
132
原创 VUE学习笔记二：模板语法，计算属性和监视，class/style,条件渲染，列表渲染
一、模板语法1. 模板的理解:动态的html页面，包含了一些JS语法代码，大括号表达式，指令(以v-开头的自定义标签属性)。2. 双大括号表达式语法: {{exp}} 或 {{{exp}}}功能: 向页面输出数据， 可以调用对象的方法 <div id="app"> <p>双大括号表达式</p> <p>{{msg}}</p> <p>{{msg.toUpperCase()}}<
2021-02-25 22:01:48
147
原创 ECMAScript 6-11笔记一
一、Let声明变量1.声明变量特点 let a; let b,c,d;（1）变量不能重复声明（2）块级作用域 、全局、函数、evel例如在块级作用域用let声明的变量，在全局访问不到。（3）不存在变量提升运用var关键字声明变量，可以变量提升，声明的变量相当于一开始就声明好了，到赋值之后才会出现。console.log(a);//undefined var a="lili"; console.log(a);//lililet声明变量无提升，会报错 console.log(
2021-02-05 21:07:51
95
原创 JS-定时器
一、定时器1.setInterval()定时调用可以将一个函数，每隔一段时间就执行一次参数：（1）回调函数 该函数会每隔一段时间被调用一次（2）每次调用的间隔的时间，单位是毫秒返回值：返回一个Number类型的数据，这个数字用来作为定时器的唯一标识。timer目前，我们每次点击一次按钮，就会开启一个定时器，点击多次就会开启多个定时器，这就导致图片的切换速度过快，并且我们只能关闭最后一次开启的定时器。2.clearInterval()关闭定时器①clearInterval()方法中需要一个定
2021-01-30 00:02:32
163
原创 JS学习笔记-BOM
一、BOM 浏览器对象模型BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象，用来完成对浏览器的操作。3. BOM对象：这些对象在浏览器都是作为window对象的属性保存的，可以通过window对象来使用，也可以直接使用。（1）window：代表的是整个浏览器的窗口，同时window也是网页中的全局对象。一般使用userAgent来判断浏览器的信息。userAgent是一个字符串，这个字符串中包含有用来描述浏览器信息的内容，不同的浏览器会有不同的userAgent（2）N
2021-01-29 15:02:11
121
原创 JS学习笔记-事件
一、事件对象event事件对象：当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参传递进响应函数，在事件中封装了当前事件相关的一切信息，比如：鼠标的坐标、键盘哪个按键被按下、鼠标滚轮滚动的方向。鼠标移动的练习：window.onload=function(){ //当鼠标在areaDiv中移动时，在showMsg中来显示坐标 var areaDiv=document.getElementById("areaDiv"); var showMsg=docu
2021-01-29 00:46:37
129
原创 JS学习笔记13-操作内联样式
一、通过JS修改元素的样式语法： 元素.style.样式名=样式值（字符串）。box.style.width="300px";注意：如果css样式名中含有-，这种名称在JS中的不合法的，比如background-color，需要将这种样式名修改为驼峰命名法。box.style.backgroundColor="yellow";通过style属性设置的样式都是内联样式，而内联样式有较高的优先级，所以通过JS修改的样式往往会立即显示，但是如果在样式中写了！important,则此时样式
2021-01-28 00:03:19
573
1
原创 JS学习笔记12-增删改查
一、增加1.创造元素节点document.createElement()(1)document.createElement可以用于创建一个元素节点对象。(2)它需要一个标签名作为参数，将会根据该标签名创建元素节点对象,并将创建好的对象作为返回值返回。var li=document.createElement("li")2.创建文本节点对象document.createTextNode()(1)可以用来创建一个文本节点对象(2)需要一个文本内容作为参数，将会根据该内容创建文本节点，并将新的节点返回
2021-01-27 20:20:21
123
原创 JS学习笔记-DOM
一、DOMDOM：Document Object Model 文档对象模型2.浏览器已经为我们提供了文档节点，对象这个是window属性，可以在页面中直接使用，文档节点代表的是整个网页。console.log(document)//[object HTMLDocument]3.获取button对象<button id="btn">按钮</button>var btn=document.getElementById("btn");4.修改按钮的文字//获取
2021-01-26 23:40:54
145
原创 JS学习笔记十一-正则表达式
一、正则表达式正则表达式用于表达一些字符串的规则，计算机可以根据正则表达式，来检查一个字符串是否符合规则，或则将字符串中符合规则的内容提取出来。1.创建正则表达式的对象语法：var 变量=new RegExp("正则表达式"，“匹配模式”)；var reg=new RegExp();在构造函数中可以传递一个匹配模式作为第二个参数 可以是：i 忽略大小写 g 全局匹配模式2.检查字符串是否符合正则表达式的规则（1）使用test()方法可以用来检查一个字符串是否符合正则表达式的规则，如果符合
2021-01-24 23:46:32
314
原创 JS学习笔记十-Date-Math-包装类
一、Date函数对象在Js中使用date对象来表示一个时间如果直接使用构造函数创建一个Date对象，则会封装为当前代码执行的时间。var d=new Date();//封装，这个代码什么时候执行，显示时间就是什么时候console.log(d);创建一个指定的时间对象，需要在构造函数中传递一个表示时间的字符串作为参数。var d2=new Date("01/24/2021 11:30:46");console.log(d2);日期的格式：月份/日/年 时：分：秒二、Date
2021-01-24 16:57:17
114
1
原创 JS学习笔记-数组
一、数组（Array）数组也是一个对象它和普通对象的功能类似，也是用来存储一些值。不同的是普通对象是使用字符串来作为属性名的，而数组是使用数字来作为索引操作元素。索引：从0开始的整数数组的存储性能比普通对象要好，在开发中我们经常使用数组来存储一些数据。二、创建数组对象使用typeof检查一个数组时，返回objectvar arr=new Array();7. 向数组中添加元素语法：数组[索引] =值var arr=new Array();arr[0]=10;8. 读
2021-01-23 20:29:47
349
原创 JavaScript学习笔记八-方法
一、方法函数也可以作为对象的属性，如果一个函数作为一个对象的属性保存，那么我们称这个函数是这个对象的方法，调用函数就是调用这个对象的方法。var obj=new Object(); obj.name="lili"; obj.age=22; obj.sayName=function(){ console.log(obj.name); } obj.sayName();//lili调用了obj对象的sayName方法二、枚举对象中的属性枚举：当不清楚一个对象中有什么方法
2021-01-23 14:27:44
58
原创 JavaScript学习笔记九-原型对象
一、原型prototype我们所创建的每一个函数，解析器都会向函数中添加一个属性prototype,每一个函数都有自己独自的prototype，这个属性对应着一个对象，这个对象就是原型对象。如果函数作为普通函数调用prototype没有任何作用。当函数以构造函数的形式调用时，它所创建的对象都会有一个隐含的属性，指向该构造函数的原型对象，我们可以通过__proto__来访问该隐藏属性。function MyClass(){}var mc=new MyClass();console.log(
2021-01-23 14:15:43
104
原创 JavaScript学习笔记七-函数
一、函数function函数也是一个对象，函数中可以封装一些功能（代码），在需要时可以执行这些功能（代码）。函数中可以保存一些代码在需要的时候调用。二、 使用构造函数来创建一个函数对象我们实际开发中很少使用构造函数来创建函数对象var fun=new Function();//构造函数来创建函数对象使用typeof检查一个函数对象时，会返回function。可以将要封装的代码以字符串的形式传递给构造函数。var fun=new Function("console.log('Hel
2021-01-18 22:12:58
115
原创 JavaScript学习笔记六-变量-对象
一、变量 ObjectJS中的数据类型：String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义以上这五种属于基本数据类型，以后我们看到的值只要不是以上的五种，就全是对象。基本数据类型都是单一的值“hello” 123 true，值和值之间没有任何联系。在JS中来表示一个人的信息（name，gender，age）var name="lili";var gender="女";var age=22;如果使用基本数据类型我们所创建的变量都
2021-01-17 17:57:32
118
原创 JavaScript学习笔记-break和continue和测试性能、垃圾回收
一、breakbreak关键字可以用来退出switch或循环语句，不能在if语句中使用。break关键字，会立即终止离他最近的那个循环语句。可以为循环语句创建一个label，来标识当前的循环。label：循环语句。使用break语句时，可以在break后跟着一个label，这样break将会结束指定的循环，而不是最近的。break 循环名；二、continuecontinue关键字可以用来跳过当次循环。continue也是默认只会对离它最近的循环起作用。也可以通过标签来终止当次循环b
2021-01-17 13:49:12
255
1
原创 JavaScript学习笔记五-语句例题练习
一、嵌套的for循环通过一个for循环来输出图形这个外层for循环执行几次，图形的高度就是多少，可以用来控制图形的高度。内层循环可以用来决定图形的宽度，执行几次图形的宽度就是多少。 for(var i=1;i<=5;i++){ /* 在循环的内部在创建一个循环，用来控制图形的宽度 目前我们的外部的for循环执行1次，内部的就会执行5次 */ for(var a=1;a<=5;a++){ document.write("
2021-01-17 13:48:27
68
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人