vision_seven7的博客

这里写目录标题mapfilterreduce方法区别mapmap函数是对数组每个元素的映射操作，并返回一个新数组，原数组不会改变map不改变原数组，返回一个原数组处理之后的新的数组map 有且必须有return ，否则新数组各项值为undefined let arr=[2,3,4,5]; let a=arr.map(e=>{ return e=e*2 }) console.log(arr)//[2,3,4,5]

这里写目录标题vue-router的实现原理路由的三个基本概念vue-router中的路由基于以上4点实现：通过npm安装vue-router路由配置案例vue-router的实现原理路由不同的页面也就是加载不同的组件。路由的三个基本概念router：它是一条路由，test按钮 => test内容，这是一条route，test1按钮 => test1内容，这是另一条路由。routers：它是一组路由，把上面的每一条路由组合起来，形成一个数组。[{test按钮 => test内容

这里写自定义目录标题生命周期图示生命周期生命周期钩子函数vue第一次页面加载会触发哪几个钩子函数？生命周期图示生命周期生命周期： Vue是一个构造函数，当执行执行这个函数时，相当于初始化vue实例；在创建实例过程中，需要设置数据监听，编译模板，将实例挂载到DOM上，数据更新能够让DOM也更新，在这个初始化，又会不同阶段默认调用一些函数执行，这些函数就是生命周期的钩子函数；生命周期钩子函数生命周期钩子函数，让够让咱们在初始化实例时，添加自己的代码；生命周期的钩子函数中的this，会默认指向

文章目录vue介绍jquery介绍vue和jquey对比举例说明vue介绍vue是一个刚兴起不久的前端框架，有一套完整的体系，是一个精简的MVVM。从技术角度讲，vue.js专注于MVVM模型的ViewModel层，通过双向数据绑定把view层和Model层连接起来，通过对数据的操作就可以完成对页面视图的渲染。vue以它独特的优势简单、快速、组合、紧凑、强大而迅速崛起。jquery介绍jquery是一个类库，提供了很多方法，不能算框架。在过去和现在Jquery是最流行的web前端js库，可是现在无论

vue常见指令指令描述v-text和插值一样也是使用vue中的变量，但是默认没有闪缩问题，但是会覆盖原本的内容，插值不会v-html显示HTML的内容v-bindVue提供的属性绑定机制，缩写是 ‘:’v-onVue提供的事件绑定机制，缩写是:’@’v-text给元素设置设置文本 语法 : 在标签里面 v-text="data里面的数据" 特点 : 直接设置 会覆盖掉标签原本的文本

Vue里的钩子函数js中的钩子函数jQuery的动画钩子函数vue钩子函数自定义指令的钩子函数vue的生命周期钩子js中的钩子函数在js中的钩子函数，相当于回调函数**回调函数：**让开发者在特定的时候 执行自定义逻辑//定义主函数，回调函数作为参数function A(callback) { callback(); console.log('我是主函数'); }//定义回调函数function B(){ setTimeout("console.lo

Vue.js是什么Vue 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。Vue.js 是前端的主流框架之一，和Angular.js、React.js 一起，并成为前端三大主流框架！Vue.js 是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整

这里写目录标题transition 过渡动画案例盒子阴影案例盒子模型文字阴影案例background案例线性渐变径向渐变二维转换旋转平移缩放扭曲三维旋转效果三维移动3D盒子案例transition 过渡动画transition 的参数 参数1：表示过渡的属性 all 代表所有的属性 参数2：表示过渡的时间 参数3：表示动画的延迟时间 参数4：表示动画的运动方式 linear 匀速 staps()分布的 表示这个动画需要 几步完成

文章目录什么是Express？express 入门基于express快速搭建 后台服务express 路由express 响应方法利用 Express 托管静态文件中间件定义中间件可以做的事情什么是Express？Express是基于Node.js平台，快速、开放、极简的Web开发框架。express 入门创建一个文件夹在cmd命令下，进入当前文件夹初始化npm 环境（否则直接下载模块会报错）npm init -y安装express模块npm i express基

这里写目录标题jQuery操作属性attr操作prop操作val()/text/()html()案例jQuery尺寸和位置操作width方法与height方法innerWidth/innerHeight/outerWidth/outerHeightscrollTop与scrollLeftoffset方法与position方法jQuery补充知识点链式编程each方法多库共存案例jQuery操作属性attr操作设置单个属性// 第一个参数：需要设置的属性名// 第二个参数：对应的属性值$obj

这里写目录标题学习nodejs的意义?什么是nodejs？优缺点服务器端的js和浏览器端的js有什么区别?nodejs的执行方法读取文件写入文件http的基本使用路径nodejs的路径问题nodejs的路径模块学习nodejs的意义?了解浏览器端和服务器端的交互过程 可以缩短开发周期出现bug 可以快速定位是前端问题还是后端问题nodejs和其它后端语言拥有一样的功能 可以做数据库的增删改善 爬虫 读写文件…什么是nodejs？Node.js 是一个开源与跨平台的 JavaScrip

这里写目录标题js继承的几种方式1.构造函数继承2.原型链继承3.原型拷贝继承（混入式继承）4.实例继承（原型式继承）5.组合式继承6.寄生组合继承7.es6继承js继承的几种方式​ 继承是面向对象技术当中的一个概念。这种技术使得复用以前的代码非常容易，能够大大缩短开发周期，降低开发费用。继承就是子类继承父类的特征和行为，使得子类对象（实例）具有父类的属性和方法，或子类从父类继承方法，使得子类具有父类相同的行为。​ 继承在js中占有非常重要的地位，那么在js中有很多中继承的方式，不过每一种继承方

canvas画布初始canvas设置画布大小画布中画图给线条设置颜色画圆画矩形画闭合图形填充和描边初始canvas<canvas id="myCanvas"> 您的浏览器版本过低，请更新浏览器</canvas>canvas 就是画布的意思获取canvas元素搭建canvas绘制环境(我们所有的绘制行为都是在这个环境下进行的)在内存绘制（仅仅存在于内存中 我们看不到）绘制到页面上(调用stroke方法)搭建canvas画布的绘制环境：

ES6知识点梳理2函数的扩展箭头函数ES6里的this指向Symbol特点共享符号setset的构造方法set集合的遍历数组新方法函数的扩展箭头函数只有一个参数 并且函数体只有一句话 那么参数可以省略() 返回值可以省略return//原型var fn(a){ return "箭头函数"}//箭头函数 var fn = a => "箭头函数"如果箭头函数没有参数 或者有多个参数，那么参数中的()就不能省略如果箭头函数的函数体有多条代码，就不能省略{},也不能省略ret

ES6知识点梳理什么是ES6变量作用域let注意点let的作用解构什么是解构？解构赋值扩展运算符(...)扩展运算符的作用对象的扩展对象新增方法class关键字的基本使用模板字符串模板引擎使用步骤模板引擎的内部循环模板引擎的应用字符串里新增API字符串标记什么是ES6ES6 ECMAScript 第六版,全称 ECMAScript 6.0ECMAScript 是JavaScript的一套标准化设置变量作用域let和const 命令是ES6新增的语法作用 ： 是用来声明变量和var的作用一样概

jQuery知识点整理2jQuery知识点整理2jQuery选择器1. 基础选择器2.层级选择器3.过滤选择器4.筛选选择器jQuery动画1.显示和隐藏2.滑入和滑出3.淡入和淡出4.自定义动画 animate方法5.动画队列jQuery节点操作1.添加节点2.移除节点克隆节点jQuery知识点整理2jQuery选择器1. 基础选择器 ID选择器：$("#myDiv") 匹配唯一的具有此id值的元素 类选择器：$(".myClass") 匹配具有此类样式值的所有元素 标签选择器：$("

这里写目录标题jQuery是什么？jQuery版本介绍jQuery的入口函数设置文本的方法设置获取样式的方法jQuery是什么？jquery其实就是别人封装好的一个外部js库jquery是一个快速、小型切功能丰富的JavaScript库。它使用一个在多种浏览器上工作的易于使用的API，使得HTML文档遍历和操作、时间处理、动画和Ajax等工作变得更加简单。随着功能性和可扩展性的结合，jquery改变了数百万人编写JavaScript的方式jQuery版本介绍不同的版本 jquery

这里写目录标题页面结构H5新增的结构标签自定义属性新增的表单元素type属性值本地存储临时存储页面结构网页结构：头部 logo 搜索框 导航栏主体部分 商品展示 左右结构 左中右结构尾部 赞助商信息 友情链接 版权信息 合作商全部使用div布局的缺点不利于SEO（搜索引擎优化）布局没有一个统一的标准 都是直接使用类名来控制的（语义不明确）H5新增的结构标签头部：header导航栏 ：nav主体部分 ：main小模块

这里写目录标题概述方法history.go()history.back()history.back()概述window.history属性指向 history 对象，它表示当前窗口的浏览历史。方法history.back()、history.forward()、history.go()history.go()使用够go()方法可以在用户的历史记录中任意跳转，可以向前也可以向后。参数 ...

offic家族offset作用和属性offset作用和属性作用：获取元素真实的位置或宽高offset属性家族：offsetWidth offsetHeight offsetParent offsetLeft offsetTop