ygpigu-CSDN博客

原创组件化的描述和创建

一、组件化，就是把页面拆分成多个组件，每个组件依赖的 CSS、JS、模板、图片等资源放在一起开发和维护。因为组件是资源独立的，所以组件在系统内部可复用，组件和组件之间可以嵌套，如果项目比较复杂，可以极大简化代码量，并且对后期的需求变更和维护也更加友好。模块化：从代码角度分析问题，把项目中功能类似的代码抽离出，成为一个单独的模块，伪了保证以相同的方式封装模块于是有了模块化规范（commonjs）组件化：从ui的角度考虑，把页面上有重用性的ui结构给解构出来，单独的抽离出来，提高开发的效率。现在，

2021-11-01 10:07:55 202

原创 ES6中class类解析（一）

什么是类：在ES6中新增加了类的概念，可以使用class关键字声明一个类，之后以这个类来实例化对象。类抽象了对象的公共部分，它泛指某一大类( class )对象特指某一个，通过类实例化一个具体的对象，表面看起来可以支持正式的面向对象编程,但实际上它背后使用的仍然是原型和构造函数的概念。所以他也是构造函数的——语法糖。一、类定义： 1. 匿名类 let Example = class {}; 2、命名类 let Example = class Example {}; 3...

2021-10-24 19:05:36 113

原创 ES6迭代iterator、for ...of、for...each

一、首先，iterator迭代器：是一种接口，为各种不同的数据结构提供统一的访问机制，任何数据只要部署iterator接口，就可以完成遍历操作 * ES6创造了新的一种命令：for...of，iterator接口主要提供for...of消费 * Array.Arguments.Set.Map.String.TypedArray.NodeList,都具有iterator接口例如: // for of遍历输出的为其里面的数据 const arr...

2021-10-17 19:50:51 78

原创生命周期与生命周期函数

现在我们来了解一下vue实例的生命周期 const vm = new Vue({ el: '#app', data: { list: [] }, methods: {}, }) 我们创建一个vue实例，一个vue实例，也分为三个阶段：创建阶段、运行阶段、销毁阶段在实例运行的三个阶段中，总是伴随着各种各样的事件，称为：生命周期函数或者生命周期钩子或者生命周期事件，以上叫法都

2021-10-10 13:38:03 137

原创 vue的初步介绍

Vue 是一套用于构建用户界面的渐进式框架。是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。 Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。首先，我们来介绍一下怎么样使用vue 1、引入vue.js文件，可以到官方下载  <script...

2021-10-07 17:25:35 99

原创 javascript中的闭包的功能和立即执行函数

一、闭包：闭包就是把里面的函数保存到了外部形成的当内部函数被保存到了外部的时候，将会生成闭包。 function text() { var num = 0; function a() { console.log(++num) } return a; } var text = text() a() 上述就是闭包的基本结构，在函数里面定义函数，返回里面这个函数。这样就形成了闭包。闭包的作用： 1、实现公有变量：函数累加器不依赖函数变量，可以实现累加 2、使各个函数之间的变量更加严谨，更

2021-10-07 17:09:53 159

原创函数的简化写法

一、ES6可以直接在大括号里面直接写入变量和函数，作为对象的属性和方法 let ad = document.getElementById('event') let name = "tom" let change = function() { console.log(1) } const school = { name, change, impro

2021-09-26 16:40:23 498

原创 ES6数组模型、对象的解构和函数的特性

一、数组的解构（1）数组的赋值和基本使用 1、基本用法：[a,b,c]=[1,2,3] 2、可嵌套：[a1,[b1],c1]=[1,[2],3] 3、可忽略：[a2,,b2]=[1,2,3] 4、剩余运算符：[a3,...b3]=[1,2,3]：剩余的2，3都归b3所有，b3返回一个数组 let [a3, ...b3] = [1, 2, 3]; //由于数组的一一对应，a3的值就为1，其余的2，3都归为b3，并且返回一个数组 5、默认值法：...

2021-09-26 10:10:49 109

原创 dom操作封装函数，实现insertAfter功能，并且兼容所有浏览器

思路：在原型上定义，并且，利用已有的insertBefore功能实现，定义前后节点，并且查看当前选择的节点有无兄弟元素ElementSibling，操作如下： Element.prototype.insertAfter = function(e, afternode) { var beforenode = afternode.nextElementSibling var parentnode = beforenode.parentNode

2021-09-15 09:10:40 152

ygpigu的博客