2020年12月_如梦灬初醒

原创 VUE组件

VUE组件1、什么是组件组件是vue里面最强的功能，可以扩展html，封装重用的代码。2、vue组件的四种形式一、全局组件1、全局组件含义和使用方法全局组件，就是所有 vue 实例中都可以使用的组件注册全局组件方法如下我们可以使用 Vue.extend() 函数，也可以不用，直接使用 Vue.component()来创建一个 Vue 的构造器image.png二、局部组件1、局部组件含义和使用方法我们使用 Vue 对象的 components 属性来实现局部组件注册，顾名思义局部组件

2020-12-29 19:30:50 132

原创 vue 路由vue Router

在Web开发中，路由是指根据URL分配到对应的处理程序。对于大多数单页面应用，都推荐使用官方支持的vue-router。Vue-router通过管理URL，实现URL和组件的对应，以及通过URL进行组件之间的切换。本文将详细介绍Vue路由vue-routervue Routervue Router 是 Vue.js 官方的路由管理器。它和 Vue.js 的核心深度集成，让构建单页面应用变得易如反掌。路由实际上就是可以理解为指向，就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转；首先我们来

2020-12-28 19:48:04 214

原创 Vue自定义指令

Vue自定义指令简述Vue除了提供了默认内置的指令外，还允许开发人员根据实际情况自定义指令，它的作用价值在于当开发人员在某些场景下需要对普通DOM元素进行操作的时候。注册自定义指令Vue自定义指令和组件一样存在着全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id, [definition] ) 方式注册全局指令，第一个参数为自定义指令名称（指令名称不需要加 v- 前缀，默认是自动加上前缀的，使用指令的时候一定要加上前缀），第二个参数可以是对象数据，也可以

2020-12-22 19:25:37 201

原创 vue修饰符

vue修饰符修饰符修饰符可以分为：表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符表单修饰符.lazy在默认情况下，v-model 在每次 input 事件触发后将输入框的值与数据进行同步。你可以添加 lazy 修饰符，从而转变为使用 change 事件进行同步：<input v-model.lazy="msg" >.number如果想自动将用户的输入值转为数值类型，可以给

2020-12-21 22:23:30 195

原创 Node Express模块

中间件概念在NodeJS中，中间件主要是指封装所有Http请求细节处理的方法。一次Http请求通常包含很多工作，如记录日志、ip过滤、查询字符串、请求体解析、Cookie处理、权限验证、参数验证、异常处理等，但对于Web应用而言，并不希望接触到这么多细节性的处理，因此引入中间件来简化和隔离这些基础设施与业务逻辑之间的细节，让开发者能够关注在业务的开发上，以达到提升开发效率的目的。中间件的行为比较类似Java中过滤器的工作原理，就是在进入具体的业务处理之前，先让过滤器处理。它的工作模型下图所示。...

2020-12-15 22:46:34 254

原创 Vue.js 模板语法

Vue.js 模板语法Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。插值文本数据绑定最常见的形式就是使用 {{…}}（双大括号）的文本插值：文本插值<div id="app"> <p>{{ message }

2020-12-15 20:09:10 107

原创 Node.js模块化

什么是模块？每个.js文件就是一个模块从npm上下载的一个包（可能是由多个文件组成的一个实现特定功能的包）也是一个模块任何文件或目录只要可以被Node.js通过require()函数加载的都是模块每个模块就是一个独立的作用域，模块和模块之间不会互相"污染"我们可以通过编程的方式，指定某个模块要对外暴露的内容（其实就是指定require的返回值，通过require的返回值对外暴露指定内容）。这个对外暴露内容的过程也叫"导出" module.exports为什么要进行模块化模块化胡特点方便代码

2020-12-08 18:46:43 115

原创 ES6class与ES3构造函数区别

es6中的class发布于 2019-07-17在面向对象的编程中,类是一个用于创建对象，为状态（成员变量）和行为实现（成员函数或方法）提供初始值的可扩展程序代码模板。在实际开发中，我们往往需要创建很多相同类型的对象，如用户、商品或其他对象。我们知道，通过new一个function可以创建一个对象，但在现代的JavaScript里，有一个更高级的“类”结构，对于面向对象编程提供了一些很不错的特性。Class语法基本的class语法如下：class MyClass{constructor(){}

2020-12-07 19:56:11 344

原创 Promise和async以及await

PromisePromise是什么？为什么有Promise？Promise是做什么的?Promise是什么？我们先在控制台输出console.dir(Promise)看看Promise 是什么由上可以清楚的知道Promise其实是一个构造函数，自己身上有all、reject、resolve这些方法，原型上有then、catch这些方法。这么说用Promise new出来的对象肯定就有then、catch方法。为什么有Promise？Promise有什么用?为什么有Promise？因为异

2020-12-01 21:39:34 398

原创 ES6的迭代器和生成器

ES6的迭代器在es6之前，遍历数组都需要使用for循环，通过变量来跟踪数组的索引。如果多个循环嵌套就需要追踪多个变量，代码复杂度会大大增加，也容易产生错用循环变量的bug。ES6 引入了一个全新的迭代器的概念，它提供一种方法能够顺序访问一个聚合对象中的各个元素，而不需要暴露该对象的内部表现。迭代器对象（iterator）ES6 对迭代器对象的定义是：实现了next方法的对象，其中next方法返回一个对象，这个对象包含两个属性，分别是done和value.Symbol.iterator ES6新增

2020-12-01 21:04:28 133

TXW6666的博客