iygxv

项目搭建一.VueVue (读音 /vjuː/，类似于 view)，不要读错。Vue是一个渐进式的前端框架，什么是渐进式的呢？ VUE全家桶渐进式意味着你可以将Vue作为你应用的一部分嵌入其中，或者如果你希望将更多的业务逻辑使用Vue实现，那么Vue的核心库以及其生态系统。比如Core+Vue-router+Vuex+axios，也可以满足你各种各样的需求。Vue的特点和Web开发中常见的高级功能：解耦视图和数据双向数据绑定可复用的组件前端路由技术状态管理虚拟DOM

故心故心故心故心小故冲啊一.jQuery 的简介什么是JS框架和库JS框架和库都是将原本JS的部分功能集合成一个JS文件，并且在使用的时候，引入这个文件，便可以使用这里面的功能。库和框架区别：框架（framework）通常是强制执行解决方案的一种方式，就像一个模具，需要你把所需的原材料放在模具里面，然后成品就会出来，由于模具已经建好，所以原材料不能乱加，人家要什么你就给什么，这时控制权在模，框架就像一门语言，有自己的世界。库（library）的形式就不同，控制权在用户手中，想实现

故心故心故心故心小故冲啊文章目录一.JS的组成二.事件1.注册事件,解绑事件2. 事件的三个阶段3. 解决冒泡3.事件对象4.事件委托三.获取元素四. 修改样式五.开关属性六.自定义属性1.JS的自定义属性2. H5 的自定义属性七.节点节点校验八.定时器九.跳转页面十.三大家族十一.拖拽一.JS的组成ECMAScript : 规范，规定了js的基本语法和功能DOM ： document object model 文档对象模型，浏览器提供的一套操作元素的APIBOM ： browser

数组方法之includes(写出我的myIncludes)首先,includes()方法用来判断一个数组是否包含一个指定的值，如果是返回 true，否则false。先来简单的使用一下include()方法var arr = [10,20,30,40,50];arr.includes(10); //true当传入俩个参数的参数var arr = [10,20,30,40,50];arr.includes(10,1); //false竟然变成false了那么先介绍一下对于include

故心故心故心故心小故冲啊文章目录在写代码的时候遇到一个问题，在访问一个对象嵌套对象在嵌套对象，例如var obj = { a：{ c:123 }}获取c的值obj.a.c //123那么如果只能通过obj[ ] 的方式应该如何去获取呢？这样获取吗？obj['a.c'] //错误那么如何实现obj[ ] 这样的方式获取呢？可以从上面可以知道obj.a.c 是可以获取到值的，那么我们就可以通过一个lookup函数来变成这样/**obj

故心故心故心故心小故冲啊文章目录1.jQuery ajax2.axios3.fetch1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶属于原始js中，核心使用XMLHttpReq..

故心故心故心故心小故冲啊文章目录计算属性缓存 vs 方法计算属性 vs 侦听属性不同点总结计算属性缓存 vs 方法<p>Reversed message: "{{ reversedMessage() }}"</p>// 在组件中methods: { reversedMessage: function () { return this.message.split('').reverse().join('') }}computed: { /.

故心故心故心故心小故冲啊文章目录vue中修饰符分为以下五种：表单修饰符事件修饰符鼠标按钮修饰符键盘修饰符v-bind修饰符vue中修饰符分为以下五种：表单修饰符事件修饰符鼠标按键修饰符键值修饰符v-bind修饰符表单修饰符lazy在我们填完信息，光标离开标签的时候，才会将值赋予给value，也就是在change事件之后再进行信息同步trim自动过滤用户输入的首空格字符，而中间的空格不会过滤number自动将用户的输入值转为数值类型，但如果这个值无法被parseFloat解析

故心故心故心故心小故冲啊文章目录1.async await 如何检测异常2.vue中的修饰符3.在vue中样式设置了scope唯一性,那么如果需要里面的一个样式呢?push和 replace的差别 就是 this.\$router.push() 和this.\$router.replace() 以及go的差别1.async await 如何检测异常通过try catch2.vue中的修饰符3.在vue中样式设置了scope唯一性,那么如果需要里面的一个样式呢?vue引用了第三方组件，

故心故心故心故心小故冲啊文章目录JavaScripy常见的继承方式原型链继承构造函数继承（借助 call）组合继承(原型链 +构造函数继承)原型式继承寄生式继承寄生组合式继承JavaScripy常见的继承方式原型链继承构造函数继承（借助 call）组合继承原型式继承寄生式继承寄生组合式继承原型链继承原型链继承是比较常见的继承方式之一，其中涉及的构造函数、原型和实例，三者之间存在着一定的关系，即每一个构造函数都有一个原型对象，原型对象又包含一个指向构造函数

故心故心故心故心小故冲啊文章目录1.新增仓库2.仓库详细信息下载仓库到本地命令创建分支1.新增仓库2.仓库详细信息下载仓库到本地命令git clone +仓库地址 克隆仓库内容git status 查看本地分支文件信息，确保更新时不产生冲突git add .将本地工作区的所有文件添加到缓存区git commit -m “要描述的内容” 描述这次提交的内容 (推送到本地库中)git push origin master 推送到远端仓库中git pull 从远程仓库拉

故心故心故心故心小故冲啊文章目录为何Vue采用异步渲染?为何Vue采用异步渲染?因为响应式数据都是组件化的,也就是说,每一次更新都是渲染整个组件,如果是同步渲染,只要数据中一个数据进行了修改,就会使得整个组件重新去渲染,如果同时修改了多个数据就会更新多次.这样子子是非常消耗性能的.而采用异步渲染的话,只需要更新一次,异步渲染主要采用的是nextTick这个方法,来清空队列.nextTick方法原理?主要使用宏微任务来处理当前队列,首先会先判断当前环境是否支持promise,如果支持将采用.

故心故心故心故心小故冲啊提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录Vue如何监听数组的变化？Vue为什么不能检测数组变动$set为啥能检测数组变动Vue如何监听数组的变化？理解:使用函数劫持的方式，重写了数组的方法 Vue 将 data 中的数组，进行了原型链重写。指向了自己定义的数组原型方法，这样当调用数组 api 时，可以通知依赖更新.如果数组中包含着引用类型。会对数组中的引用类型再次进行监控重写了数组中的原型的方法1.获取数组中的原型方法,因为拦截.

故心故心故心故心小故冲啊文章目录function initData (vm: Component) {... // observe data observe(data, true /* asRootData */)}最重要的就是这一步,把数据添加到观察者中 也就是把数据添加到observe()这个方法observe()这个方法干了什么?将data数据变成可观察的Observe实例对象Observe实例对象又干了啥?Observer`会对对象的每个属性进行劫持怎么实现劫持?

故心故心故心故心小故冲啊文章目录当new Vue实例化对象的时候，最主要的就是执行this._init()方法，这个方法是在上面「初始化Vue构造函数」时调用initMixin()函数时给Vue.prototype上添加的所以当我们在执行new Vue()的时候，最关键的就是执行_init()函数给vm上添加$options，如果是非Component的话调用mergeOptions合并参数初始化生命周期initLifecycle初始化事件initEvents初始化渲染initR.

故心故心故心故心小故冲啊文章目录callapplybindcall //1.手写步骤 // 将函数设为对象的属性 // 执行该函数 // 删除该函数 //细节 --参数问题 //this == null =>指向的是window Function.prototype.myCall = function (context) { //细节 --参数问题 //获取参数 //slice() 用于创建一个包含原.

文章目录手写浅拷贝封装手写深拷贝封装手写浅拷贝封装//浅拷贝 // 浅拷贝比较容易实现,注意一下细节就好了 //遍历对象，然后把属性和属性值都放在一个新的对象不就好了~ function shallowCopy(obj) { //1.只针对对象来进行遍历 if (typeof obj !== 'object') return; //2.新建一个对象或者数组 //instanceof查找构造函数中的原型是否..

故心故心故心故心小故冲啊文章目录闭包作用域作用域链原型原型链闭包闭包就是 外部函数中返回一个内部函数,而这个内部函数又引用了外部函数作用域的变量保存在自己的作用域中优点:在外部函数中作为局部变量,但是在内部函数中作为全局变量,避免了全局的污染,又进行了缓存.缺点:无法回收,一直保存.浪费内存 function a() { let x = 3; return function() { x++; conso

文章目录webpack装载器loader插件plugin代理热加载多页面处理webpack从项目入口文件开始，装载转换所有文件，优化处理文件，生成最终发布文件重要概念：入口(main.js)，出口(dist)，装载器loader，plugin.装载器loaderLoader的作用是让webpack拥有了加载和解析非JavaScript文件的能力。装载器loader, 装载并转换(css,less) ,常用它装载器loaderless-loader less转化csscss-lo..

文章目录多页面处理跨域通过node模拟接口通过webpack解决跨域启动前端服务热加载webpack多环境vuecli多环境配置配置不同的打包命令定义变量多页面处理多个入口多个入口文件 需要一个个指定多个输出文件 [name].js打包输出了多个js文件， 需要把js文件添加到html 需要html-webpack-plugin通过chunks指定不同的html页面引用不同的js文件跨域url三部分不同就跨域 (协议 域名 端口)http://www.baidu.com ..