平凡人的普通修仙之路

摘要： SPA应用： ①单页面应用 ②vs多页面应用 1.页面个数 单页面：多个.html文件 多页面：只有一个完整的.html文件,其余"页面"，其实都是HTML模板片段 2.页面跳转 多页面：删除整颗DOM树，重新下载新的.html文件，重建新的DOM树 单页面：重新加载一个HTML模板片段局部替换指定 阅读全文

摘要： 组件的生命周期 问题：页面加载后执行，window有onload,jQuery有$(document).ready() 解决：Vue.js实例的生命周期：官网/教程/Vue实例/生命周期图示 Vue.js实例的生命周期分为四个阶段： (1)创建(create)阶段 new Vue组件对象创建完成，但 阅读全文

摘要： Axios 什么是：Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。 何时： 主要用于创建请求 在浏览器中，创建xhr请求，在node.js中，创建普通http请求 为什么： 浏览器中创建xhr请求，4种方案： ①使用原生XXHR对象 麻烦 ②使用jQuery的封装 阅读全文

摘要： 1.自定义指令： Vue.js中，除了预定义的13个指令外，还允许用户自定义扩展指令。 创建自定义指令： ①Vue.directive("指令名",{ inserted(el){//当元素被加载到DOM树触发... el为当前一个写有v-指令的DOM元素对象 函数中，执行原生的DOM API } } 阅读全文

摘要： 1.绑定class和style属性 方式一：把class和style作为普通字符串进行绑定 方式二：把class和style绑定为对象 模型数据是一个对象，对象中包含每个class名字，每个class对应一个bool 值控制是否应用该class <span :class="unameClassObj 阅读全文

摘要： Vue的双向绑定 什么是： 既可把Model数据绑定到表单元素的value属性，用于显示： 第一个方向：M=>V 同时，又可把表单元素的value属性实时更改，绑定回Model数据变量上保存。第二个方向：V=>M 为什么：{{}}和v-bind仅是单向绑定。只能将Model数据的值，绑定到页面的表单 阅读全文

摘要： 组件间传参：3种 1.父-子： 问题：父组件中的成员，子组件默认不允许随意访问！因为，每个组件中的数据，归当前组件专属独有！ 解决： 1.父组件中: <子组件标签 :自定义属性名=“父的变量” 2.子组件中: 子组件={ template:`html片段 `, data(){ return {} } 阅读全文

摘要： watch和created有什么差别？ 答：created只在new Vue()对象创建完成后触发一次 watch中的函数,只要变量变化，就会触发。反复变化多次，就会自动触发多次。 什么时候用methods,computed,created,watch 答：所有事件处理函数和根据主要自定义的函数，都 阅读全文

摘要： 1.普通函数或匿名函数自调中的this->window 严格模式下：this->undefined 2.obj.fun() fun中的this->obj 3.new Fun() Fun中的this->正在创建的新对象 4.原型对象中的函数里的this->将来调用当前函数的.前的类型的子对象 5.bt 阅读全文

摘要： 1.旧的网页组成：3部分 HTML：提供网页的内容 CSS：为内容提供样式 JS：为内容提供行为/数据 问题：JS DOM操作，既要加工数据，又要承担大量琐屑的增删改查DOM的任务，代码繁琐。 解决：重新划分上述3部分 2.重新划分 View:视图，指网页中元素和样式，一般指HTML/CSS 其实， 阅读全文