摘要: SPA应用: ①单页面应用 ②vs多页面应用 1.页面个数 单页面:多个.html文件 多页面:只有一个完整的.html文件,其余"页面",其实都是HTML模板片段 2.页面跳转 多页面:删除整颗DOM树,重新下载新的.html文件,重建新的DOM树 单页面:重新加载一个HTML模板片段局部替换指定 阅读全文
posted @ 2020-07-11 20:42 平凡人的普通修仙之路 阅读(461) 评论(0) 推荐(0) 编辑
摘要: 组件的生命周期 问题:页面加载后执行,window有onload,jQuery有$(document).ready() 解决:Vue.js实例的生命周期:官网/教程/Vue实例/生命周期图示 Vue.js实例的生命周期分为四个阶段: (1)创建(create)阶段 new Vue组件对象创建完成,但 阅读全文
posted @ 2020-06-30 21:32 平凡人的普通修仙之路 阅读(154) 评论(0) 推荐(0) 编辑
摘要: Axios 什么是:Axios是一个基于promise的HTTP库,可以用在浏览器和node.js中。 何时: 主要用于创建请求 在浏览器中,创建xhr请求,在node.js中,创建普通http请求 为什么: 浏览器中创建xhr请求,4种方案: ①使用原生XXHR对象 麻烦 ②使用jQuery的封装 阅读全文
posted @ 2020-06-25 20:41 平凡人的普通修仙之路 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 1.自定义指令: Vue.js中,除了预定义的13个指令外,还允许用户自定义扩展指令。 创建自定义指令: ①Vue.directive("指令名",{ inserted(el){//当元素被加载到DOM树触发... el为当前一个写有v-指令的DOM元素对象 函数中,执行原生的DOM API } } 阅读全文
posted @ 2020-06-24 21:46 平凡人的普通修仙之路 阅读(194) 评论(0) 推荐(0) 编辑
摘要: 1.绑定class和style属性 方式一:把class和style作为普通字符串进行绑定 方式二:把class和style绑定为对象 模型数据是一个对象,对象中包含每个class名字,每个class对应一个bool 值控制是否应用该class <span :class="unameClassObj 阅读全文
posted @ 2020-06-21 20:19 平凡人的普通修仙之路 阅读(314) 评论(0) 推荐(0) 编辑
摘要: Vue的双向绑定 什么是: 既可把Model数据绑定到表单元素的value属性,用于显示: 第一个方向:M=>V 同时,又可把表单元素的value属性实时更改,绑定回Model数据变量上保存。第二个方向:V=>M 为什么:{{}}和v-bind仅是单向绑定。只能将Model数据的值,绑定到页面的表单 阅读全文
posted @ 2020-06-20 22:33 平凡人的普通修仙之路 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 组件间传参:3种 1.父-子: 问题:父组件中的成员,子组件默认不允许随意访问!因为,每个组件中的数据,归当前组件专属独有! 解决: 1.父组件中: <子组件标签 :自定义属性名=“父的变量” 2.子组件中: 子组件={ template:`html片段 `, data(){ return {} } 阅读全文
posted @ 2020-06-19 22:13 平凡人的普通修仙之路 阅读(178) 评论(0) 推荐(0) 编辑
摘要: watch和created有什么差别? 答:created只在new Vue()对象创建完成后触发一次 watch中的函数,只要变量变化,就会触发。反复变化多次,就会自动触发多次。 什么时候用methods,computed,created,watch 答:所有事件处理函数和根据主要自定义的函数,都 阅读全文
posted @ 2020-06-13 22:31 平凡人的普通修仙之路 阅读(1529) 评论(0) 推荐(0) 编辑
摘要: 1.普通函数或匿名函数自调中的this->window 严格模式下:this->undefined 2.obj.fun() fun中的this->obj 3.new Fun() Fun中的this->正在创建的新对象 4.原型对象中的函数里的this->将来调用当前函数的.前的类型的子对象 5.bt 阅读全文
posted @ 2020-06-09 20:52 平凡人的普通修仙之路 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 1.旧的网页组成:3部分 HTML:提供网页的内容 CSS:为内容提供样式 JS:为内容提供行为/数据 问题:JS DOM操作,既要加工数据,又要承担大量琐屑的增删改查DOM的任务,代码繁琐。 解决:重新划分上述3部分 2.重新划分 View:视图,指网页中元素和样式,一般指HTML/CSS 其实, 阅读全文
posted @ 2020-06-05 20:43 平凡人的普通修仙之路 阅读(309) 评论(0) 推荐(0) 编辑