- 博客(40)
- 收藏
- 关注
RSS订阅原创 behaviors
在组件中，使用 require() 方法导入需要的 behavior，挂载后即可访问 behavior 中的数据或方法，示例代码如下。调用 Behavior(Object object) 方法即可创建一个共享的 behavior 实例对象，供所有的组件使用。// 2 将导入的 behavior 实例对象，挂载到 behaviors 数组节点中，即可生效。// 1、使用 require() 导入需要的自定义 behavior 模块。// 调用 Behavior() 方法，创建实例对象。
2023-06-13 21:24:16
817
原创 父子组件传参
2.1 父组件这个方法没有自定参数，在父组件的方法直接加这个参数就可以拿到2.2 父组件有自定义参数，可以传入event也可以拿到子组件传递的数据。通过event也可以拿到子组件传递的数据。通过event也可以拿到子组件传递的数据。通过event只能传递第一个参数。
2023-05-15 23:13:24
270
原创 Vue生命周期
真实的DOM，内存中编译好的模板渲染到浏览器页面中，第一个可以操作DOM元素的生命周期，如果要通过某些插件操作页面上的DOM节点，最早要在mounted中进行。更新之前，data中数据是最新的，页面中数据还是旧的，未同步，可以执行0次或多次。虚拟的DOM挂载，页面中数据还没有挂载，内存已编译完成，页面中还未渲染新的数据。初始化之前，data中的数据和methods中的方法不能拿到，还没有初始化。更新之后，页面中和data中数据保持同步，都是最新的，可以执行0次或多次。应用：数据请求，数据初始化。
2023-05-15 18:58:52
124
原创 ES6过滤器
第一个参数 过滤器的名字第二个参数 回调函数 function（data,format）{}data 管道符前面的数据format: 过滤器传过来的参数msg } } {
2023-05-15 18:31:01
292
原创 vue修饰符
原理：通过数据劫持结合发布订阅者的模式和object.defineproprety()来劫持各个属性的setter和getter，如果数据有变动，就发布消息给订阅者触发监听。.self 只当事件在该元素本身（比如不是子元素）触发时触发回调。v-model:value=‘’ 简写：v-model=‘’.capture 添加事件侦听器时使用事件捕获模式。.prevent 阻止默认事件。.once 事件只触发一次。.stop 阻止冒泡。
2023-05-15 18:29:04
68
原创 vue初识
Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。核心理念：数据驱动视图 组件化的开发Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！
2023-05-06 19:33:30
55
原创 mcv 与mvvm
优点:MVC易懂: 简单易懂，我想用这四个字来形容MVC在合适不过了。层次分明: 共三个部分，各自完成各自的内容，在有Controller将大家协调在一起。弊端:MVC量级重 : ViewController处理过多的业务逻辑如协调模型和视图之间的所有交互，导致量级重，维护成本很高。过轻的Model对象:在实践中往往大家都把Model的量级设计的非常轻，总容易当做数据模型来对待。至于很开发者所说的无法添加的网络逻辑，我个人认为完全可以设计添加到Model中。
2023-05-05 20:51:40
175
原创 数组去重的七种常用方式
filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。item是当前元素的值，index是当前元素的索引值。indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。利用indexOf() 查询到数组的下标，看是否等于当前的下标，相等的话就返回，否则不返回值。
2023-05-04 18:15:00
1142
原创 数组 迭代器方法
和every()方法不同的是， 当对数组中的所有元素应用该函数，结果均为 true 时，该方法并不返回true，而是返回一个新数组，该数组包含应用该函数后结果为 true 的元素。(3) some()：对数组中的每一项运行给定函数，如果该函数对任一一项返回true，则返回true（默认返回false）。(2) every()：对数组中的每一项运行给定函数，如果该函数对每一个项都返回true,则返回true；(1) map()：对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。
2023-04-27 20:45:14
167
原创 Sass和Less
css预处理定义了一种新的语言，其基本思想是，用一种专门的编程语言，为css增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行CSS的编码工作。通俗地说就是“用一种专门的编程语言，进行Web页面样式设计，再通过编译器转化为正常的CSS文件，以供项目使用”。
2023-04-26 16:11:36
172
原创 js单线程 同步与异步
为了解决这个问题，利用多核 CPU 的计算能力，HTML5 提出 Web Worker 标准，允许 JavaScript脚本创建多个线程，JS中出现了同步和异步。单线程的特点是所有任务都需要排队进行，前一个任务结束，才会执行后一个任务。一旦执行栈中的所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。如果按同步执行，要先通过定时器执行完才执行下一步，浏览器效率大大降低。JavaScript的同步任务在主线程中执行，形成一个执行栈。
2023-04-25 20:52:09
103
原创 ES6 promise和async,await介绍
Promise其实是一个构造函数， 自己身上有all、reject、resolve这些方法，原型上有then、catch这些方法。这么说用Promise new出来的对象肯定就有then、catch方法。prpmise:启动异步任务=>返回promise对象=>给promise对象绑定函数从语法来说：promise是一个构造函数；从功能上来说：promise对象用来封装一个异步操作并可以获取其成功或者失败的结果。（用promise用来封装函数）优点：（1）指定回调函数的方式会更加的灵活。
2023-04-24 19:32:15
192
原创 es6导入导出模块
5、使用export 导出后，import 可以按需导入，减小项目大小，而 export default 是全部导入，开发中更推荐 export。某些时候，一个模块包含某个功能，我们并不希望给这个功能命名，而是让导入者可以自己来命名，这个时候就可以用export default。有时候，我们只想单纯执行某个模块中的代码，并不需要得到模块中向外暴露的成员，此时，可以直接导入并执行模块代码。3、在一个文件或模块中，export、import可以有多个，export default仅有一个。
2023-04-24 19:26:59
471
原创 ES6 Set和Map
WeakSet 对象中储存的对象值都是被弱引用的，即垃圾回收机制不考虑 WeakSet 对该对象的应用，如果没有其他的变量或属性引用这个对象值，则这个对象将会被垃圾回收掉（不考虑该对象还存在于 WeakSet 中），所以，WeakSet 对象里有多少个成员元素，取决于垃圾回收机制有没有运行，运行前后成员个数可能不一致，遍历结束之后，有的成员可能取不到了（被垃圾回收了），WeakSet 对象是无法被遍历的（ES6 规定 WeakSet 不可遍历），也没有办法拿到它包含的所有元素。键值依然是正常引用。
2023-04-23 19:19:08
63
原创 es6箭头函数
ES6中允许使用=>来定义函数。箭头函数相当于匿名函数，并简化了函数定义。箭头函数没有自己的this指向，它会捕获自己定义所处的外层执行环境，并且继承这个this值。箭头函数的this指向在被定义的时候就确定了，之后永远都不会改变。
2023-04-21 16:33:37
157
原创 ES6新增数组用法
6、entries函数 函数作用：对数组的键值对进行遍历，返回一个遍历器，可以用for…2、Array.from函数 函数作用：可以将类似数组的对象或者可遍历的对象转换成真正的数组。4、findIndex函数 函数作用：返回符合条件的第一个数组成员的位置。7、keys函数 函数作用：对数组的索引键进行遍历，返回一个遍历器。5、fill函数 函数作用：用指定的值，填充到数组。8、values函数 作用：对数组的元素进行遍历，返回一个遍历器。
2023-04-19 21:27:05
89
原创 js原型与常见的继承方式
任何函数在被创建时，都会被附带一个新创建的原型对象。原型和实例的关系：每个构造函数附带一个原型对象prototype，原型有一个constructor指向构造函数，实例对象有一个__proto__属性指向原型prototype。函数的原型具有两面性，当作为实例对象时，它的原型()指向Function构造函数的原型对象，当作为构造函数时，它的原型(prototype)指向自身创建的原型对象。
2023-04-18 21:00:33
295
原创 javaScript几道例题
person.getName()调用打印name为全局的 即为var name = ”小张”;本题选择C 字符串和数字减法的运算结果为NaN。3、 数组去重的多种方式？如下代码，会弹出来是什么。
2023-04-17 20:43:33
164
原创 jquery：事件机制 bind() on()
在其中写p标签，为p标签绑定单击事件，获取p的文本值。在向div添加新的p标签后，新标签也会拥有点击事件。delegate() 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。正是由于on函数的参数中多出了一个选择器a，因此我们可以为动态生成的元素也绑定事件。bind() 、on() 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数。target：事件发生的初始对象,事件源(谁触发的这个事件)。data：传入事件对象的数据。
2023-04-15 21:00:37
288
原创 jquery部分基础
2、jQuery对象：jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。1、JavaScript的入口函数要等到页面中所有资源（包括图片、文件）加载完成才开始执行。1、DOM对象：使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。2、jQuery的入口函数只会等待文档树加载完成就开始执行，并不会等待图片、文件的加载。3、jQuery对象其实就是DOM对象的包装集包装了DOM对象的集合（伪数组）4、DOM对象与jQuery对象的方法不能混用。
2023-04-13 20:41:03
44
原创 构造函数与原型详解（prototype、__proto__、constructor）
对象都会有一个属性__proto__ 指向构造函数的 prototype 原型对象，之所以实例对象可以使用构造函数 prototype 原型对象的属性和方法，就是因为对象有__proto__ 原型的存在。每一个实例对象有一个__proto__属性，指向的构造函数的原型对象，构造函数的原型对象也是一个对象，也有__proto__属性，这样一层一层往上找就形成了原型链。3.构造函数的原型对象的constructor属性指向了构造函数,实例对象的原型的 constructor属性也指向了构造函数。
2023-04-12 18:46:05
263
原创 闭包的理解
一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure）。我们都知道, 在函数内部可以读取全局变量,但是如果我们把a变量定义在函数内部 , 需要在函数外部使用. 则失败,那么我们怎样才可以使用函数内部的局部变量, 这就引进了闭包。函数执行, 形成私有的执行上下文, 使内部私有变量不受外界干扰,起到保护(避免命名冲突)和保存(解决循环绑定引发的索引问题)作用。此闭包中可以访问父函数中的变量。
2023-04-10 19:48:14
33
原创 javaScript贪吃蛇游戏
方法：蛇渲染方法 蛇的移动（蛇吃食物） 蛇移动的方向。属性：宽 高 背景颜色 定位 左距离 上距离 方向。属性：宽 高 背景颜色 定位 左距离 上距离。方法：食物的渲染方法。属性：食物 蛇 地图。
2023-04-08 20:12:42
62
原创 深浅拷贝和拷贝继承
栈：自动分配内存空间，系统自动释放，里面存放的是基本类型的值和引用类型的地址。堆：动态分配的内存，大小不定，也不会自动释放。里面存放引用类型的值。
2023-04-07 19:10:08
86
原创 js 改变this指向的方法
4、可以改变this的指向，如果有多个参数，this指向第一个参数，剩下的参数是参数列表。4、可以改变this的指向，如果有多个参数，this指向第一个参数，剩下的参数是数组。3、可以改变this的指向，如果有一个参数，this指向当前参数。3、可以改变this的指向，如果有一个参数，this指向当前参数。3、可以改变this的指向，如果有一个参数，this指向当前参数。2、可以改变this的指向，没有参数this指向window。2、可以改变this的指向，没有参数this指向window。
2023-04-06 20:28:01
398
原创 JavaScript常用BOM操作API
BOM 是 Browser Object Model，浏览器对象模型,BOM提供了专门操作浏览器窗口或软件的API。BOM的核心是window，而window对象又具有双重角色，它既是通过js访问浏览器窗口的一个接口，又是一个Global（全局）对象。JavaScript的实现包括以下3个部分：1.核心（ECMAScript）：描述了JS的语法和基本对象。2.文档对象模型 （DOM）：处理网页内容的方法和接口3.浏览器对象模型（BOM）：与浏览器交互的方法和接口。
2023-04-06 11:55:27
96
原创 js基础部分知识点
ECMAScript 是由ECMA 国际（ 原欧洲计算机制造商协会）进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为 JavaScript 或 JScript，但实际上后两者是 ECMAScript 语言的实现和扩展。BOM (Browser Object Model，简称BOM) 是指浏览器对象模型，它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标记语言的标准编程接口。
2023-04-04 19:19:07
27
原创 JavaScript 的定时器
循环定时器：固定时间间隔指定一次，像闹钟一样，不关闭继续执行。按照指定的周期（毫秒），来调用函数或计算表达式，方法会不停的调用函数clearInterval（）：清除计时器。
2023-03-25 20:15:31
198
原创 点击事件和事件冒泡
单机事件 onclick双击事件 ondblclick移入事件 onmouseover移出事件 onmouseou进入事件 onmouseenter离开事件 onmouseleave按下事件 onmousedown抬起事件 onmouseup。
2023-03-23 20:29:43
1177
原创 常用获取元素的方式和点击事件
6、通过queryselectorAll()获取(选择器 获取所有)5、通过querySelector()获取(选择器 只获取第一个)3、事件的处理程序：事件触发后要执行的代码（函数）事件公式：事件源.事件类型 = 事件的处理程序。鼠标事件 键盘事件 浏览器事件。2、事件类型:事件触发的方式。1、事件源：被触发的元素。4、通过name名获取。1、根据id获取元素。2、通过类名获取元素。
2023-03-22 19:08:56
2363
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人