l118

概述nodejs中文网中列出三条： 1..Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 2.Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 3.Node.js 的包管理器 npm，是全球最大的开源库生态系统。它是一个运行时，既不是编程语言，也不是框架，是一个基于v8引擎的js运行环境，在nodejs中没有BOM与DOM，那是浏览器运行环境中的，nodejs中只包含JavaScript中的Ecmascript(变量、

概述我们在开发项目时，通常会出现以下情景：当我们有一个输入框时，用户在输入框里输入相应的内容，输入框即会=通过用户输入的内容像我们的服务器发送请求，而将搜索后的结果向我们做一个展示。这样的话，频繁的发送请求，会给我们的服务器造成较大的压力。所以我们得通过一些方法来减少服务器的压力——即进行发抖动操作。防抖触发事件在n秒内函数只能执行一次如果在n秒内又触发了事件，则会重新有计算执行时间单位时间内执行了n次，则会选中最后一次特点：延迟，无限延后，不断的刷新计时器。function deboun

vuex的几个核心概念State用来存放我们状态的相关信息。State单一状态树【single source of truth】如果我们的状态信息时保存到多个Stroe对象中，那么之后的管理和维护等都会变得十分的困难，所以vuex也使用了单一状态树来管理应用层级的全部状态单一状态树能够让我们以最直接的方式找到某个状态的判断，而且在之后的维护和调试过程中，也非常方便管理和维护，Get...

这里写自定义目录标题ES6与javaScript的关系ES6中的数组方法forEachfilterES6与javaScript的关系ECMAScript是javaScript的标准（语法规范），JavaScript用于遵循这个规范。部分浏览器没有支持ES6的语法，如果他不知道，我们可以用babel进行转换。ES6中的数组方法ES6中的数组方法有：forEach、map、filter、 f...

概述我们在做一件事情的时候，总会考虑他的需求。那我们为什么要使用导航守卫呢？网页标题是通过title 来实现的，但是SPA只有一个固定的HTML，切换不同的页面是，辩题并捕获发生改变但是我们可以通过javaScript来修改< title>的内容，window.document.title = '新的标题'导航守卫...

前后端发展阶段后端路由阶段我们知道，早期的网站开发整个HTML页面是由服务器端来渲染的服务器直接生产渲染好对应的HTML页面，返回个哭护短进行展示后端路由一个网页有着自己对应的网址，也就是urlurl会发送到服务器端，服务器会通过正则对该URL进行匹配，并且最后交给一个controller进行处理controller进行各种处理，最终生成HTML或者数据，返回给前端当...

箭头函数的基本使用我们学过了一些函数的定义方式，当然，箭头函数也是一种定义函数的方式：1.方式一const aaa=function(){ }方式2：const obj = { bbb:function (){},//bbb(){}3.即使用我们的箭头函数//3.ES6中的箭头函数const ccc=(参数列表)=>{}箭头函数的参数和返回值1...

exportexport指令用于导出变量，举个列子：export default某些情况下，一个模块中包含某个功能，我们并不希望给这个功能命名，而且让导入者直接来命名此时需要用export default导出的方式及代码演示：var name='小梦'var age=19var flag=truefunction sum(num1, num2){ return num...

概述在我们的生活中，很多地方都有插槽，但闹得usb插槽，插板中的电脑插槽 插槽存在的目的会让我们原来的设备拥有更多的扩展性。组件的插槽是为了让我们封装的组件更加具有扩展性让使用者可以决定组件内部的一些内容到低显示什么如何进行封装呢？他们之间有着很多的区别， 但是也有很多的共性如果我们每一个都去封装一个组件吗显然不合适：比如每个页面都返回，这部分内容我们就要重复去封装但是，...

这里写自定义目录标题组件化开发概述vue组件化思想注册组件的基本步骤组件化开发概述我们人类在面对复杂问题的处理方法：任何一个人处理信息的逻辑能力都是有限的，所以，当面对一个非常复杂的问题时，我们不他可能一次性搞定一大堆内容但是，我们人类有一种能力，就是将问题进行拆分，如果我们将一个复杂的问题，拆分成很多个可以处理的小问题，再将其放入整体中，我们会发现大的问题也可以迎刃而解。同理，组件...

概述表单控件在实际开发中是非常常见的，特别是对于用户信息的提交，需要大量的表单vue 中使用v-model指令来实现表单元素和数据的双向绑定案例解析：当我们在输入框中输入内容时，因为Input中的v-model绑定了message,所以会实时的将输入的内容传递给message,mesage发生改变当message发生改变时，因为我们是用来Mustache语法，将message的值...

概述v-showv-show的使用和v-if类似，也用于决定一个元素是否被渲染v-show和v-if的区别：v-if和v-show都可以用来决定一个元素是否渲染v-if为flase时，压根不会有对应的元素在DOM中v-show对应为flase时，仅仅是将元素的display属性设置为none而已开发过程中，我们应该如何选择呢？当我们需要在显示与隐藏之间频繁切换时，使用v-show...

概述在前端开发中，我们经常用于交互，这个时候我们必须监听用户发生的回家爱你，比如：点击，拖拽，键盘事件等等在vuejs中，我们使用v-on指令来实现这个功能。v-on简介v-on作用 ：绑定监听事件缩写：@预期：Function Inline Statement Object参数：eventv-on 的使用 <h2>{{...

计算属性的基本使用我们知道，在模板中可以直接通过插值语法显示一些data中的数据，但是在某些情况下，我们可能需要对数据进行一些转换后在显示，或者需要将多个数据结合起来进行显示。例如下列代码：我们有firstName和lastName两个属性，我们需要显示完整的名称，但是如果多个地方都需要显示完整的名称，我们就需要写多个{{firsName}}和{{lastName}},我们就可以将其换成计算属...

vue简介vue是一个渐进式框架，渐进式意味着可以将vue作为你应用的一部分嵌入其中，带来更为丰富的体验。vue具有很多特点和web开发中常见的高级功能。解耦视图和数据可复用的组件前端路由技术状态管理虚拟DOMvuejs的安装...

通过input就可以将一个简单的复选框呈现在页面上复选框为checkbox对象<input type="checkbox" name="fav" id="fav" value="" /> <br/>全选因为要得到复选框数组，而id又不能重复。所以通过name来得到复选框数组。得到数组后遍历，将所有checked值设置为true即可实现全选，全不选原理相同反选...

document的概念浏览器对外提供的支持js的用来操作HTML文档的一个对象，此对象封存HTML文档的所有信息使用document对象获取HTML元素对象直接获取：①通过id方式 function testGetElementById() { var inp= window.document.getElementById("uname"); ale...

概念当我们的行为动态满足了一定的条件后，会触发某类事务的执行作用：主要结合函数来使用js中添加事件的一种方式：在HTML上直接使用事件属性进行添加，属性值为所监听的函数；js中的事件只有在当前html元素上有效；一个事件可以先监听多个函数的执行，但是不同的函数用分号隔开。单双击事件单击(onclick） 当鼠标单击时会触发双击(ondbclick) 当鼠标双击时会触发鼠标事件on...

JavaScript的函数的学习，其作用是进行功能代码块的封装，减少代码的冗余。1、函数的声明方式一：function 函数名（形参名1；形参名2）{执行体}方式二： var 函数名=new Fuction（“形参名1”，“形参名2”…,“函数执行体”）；注意：此声明表明在js中函数是作为对象存在的方式三： var 变量名=function(“形参名1”，“形参名2”…,){函数执行体}...

自己最近在学习javaScript的知识，觉得还是动手写点什么来加深印象。于是就想着写个简易的计算器。不仅能巩固自己之前学习的css知识，也能对最近学习的知识做一个巩固。css样式如下所示： <style type="text/css"> #showdiv{ border:solid 1px; bor...