摘要: 记录自己的创建步骤,且对自己的错误进行纠正分析。 阅读全文
posted @ 2018-12-28 08:55 当当和瓶瓶 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 1. webpack只识别js文件,其他文件都需要转换成js文件。所有文件都是模块; 2. css解析 css需要css-loader 》style-loader 》less-loader less文件还需要less-loader (注意书写顺序) 3. plugins:他是一个数组,四个属性中唯一 阅读全文
posted @ 2018-12-27 17:21 当当和瓶瓶 阅读(341) 评论(0) 推荐(0) 编辑
摘要: 目的: 模块化开发,组件化开发,让代码符合开发规范,更高效 webpack作用:从pack,就知道这是包的意思,比较专业点叫做前端自动化打包构建工具,代码错误检查,预处理,文件合并(打包),代码压缩, 将各种文件包括es6de 文件转化成es5的可以被浏览器识别的文件。 webpack安装: 1.n 阅读全文
posted @ 2018-12-26 15:49 当当和瓶瓶 阅读(299) 评论(0) 推荐(0) 编辑
摘要: 前端模块化,是指js编写的的模块化规范。 本文参考:大神偶像阮一峰老师的文章 为什么要模块化? 1.一个文件需要很多js文件做依赖的时候,这些js文件之间的关系很容易让人眩晕,模块化后可以现用现引; 2. 模块后可以防止模块内的变量和模块外的变量相互污染; 模块化发展经历了哪些阶段?链接 模块化分类 阅读全文
posted @ 2018-12-25 08:46 当当和瓶瓶 阅读(436) 评论(0) 推荐(0) 编辑
摘要: 我们常用的ajax形式就是post和get。post需要设置请求头,那么问题来了: 首先,为什么get不需要设置编码格式? 其次:不设置post请求头编码格式可以吗? 还有:常用的请求头编码格式有哪些? get方法ajax请求,xhr.open把参数和url放在一块, 常见请求头格式: json:x 阅读全文
posted @ 2018-12-24 10:10 当当和瓶瓶 阅读(11566) 评论(0) 推荐(0) 编辑
摘要: 先看ajax封装函数 ajax发送数据后的返回值,为什么要两个状态码都要判断才能够确定responseText是真正的所需数据呢? readystate:这个是xhr,XMLHttpRequest的实例对象的状态码,表示ajax发送到获取这一过程中所处的不同状态,分别是0到4. status:是根据 阅读全文
posted @ 2018-12-24 09:15 当当和瓶瓶 阅读(316) 评论(0) 推荐(0) 编辑
摘要: 组件:就是自定义标签, 也是Vue的实例对象; 组件好处:就像工作分工,函数封装等 组件分为全局组件和局部组件; 全局组件,在Vue身上的组件,所有的vue挂载的元素内都可以使用;正是因为这一点,component的data必须是一个函数,绑定的变量 都会去执行data函数,然后找data里的返回的 阅读全文
posted @ 2018-12-23 21:11 当当和瓶瓶 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 类名下有不同样式,通过增加或者减少类名,来增加或减少样式。 v-bind:class = {类名:变量,类名:变量。。。} 变量为布尔值,如果是true则类名添加,反正类名不添加到该元素身上 v-bind:class =“ [‘类名1’,‘类名2’,。。。]”(字符串代表数据类名) v-bind: 阅读全文
posted @ 2018-12-23 19:44 当当和瓶瓶 阅读(495) 评论(0) 推荐(0) 编辑
摘要: 一:行间样式 :和绑定其他dom的属性一样, v-bind:style= <div v-bind:style={backgroundColor:color}>2</div> //color是data或者computed的k; <div v-bind:style='style1'>1<div> //整 阅读全文
posted @ 2018-12-23 17:46 当当和瓶瓶 阅读(2578) 评论(0) 推荐(0) 编辑
摘要: filter是和data computed methods watch一样,都是new Vue()的参数。 用于对简单数据的处理,和computed有冲突,所以从vue2.0后就对filter做了删减,我觉得没有filter完全能够用其他方法比如computed来实现 用在{{ 变量1 | 变量2 阅读全文
posted @ 2018-12-23 12:10 当当和瓶瓶 阅读(686) 评论(0) 推荐(0) 编辑