今日学习内容:
项目开发:
相关技术:Vue2+Vuex+Vue Router(全家桶) 运用插件:Swiper,IScroll,Axios,Sass综合运用 移动适配方案:Rem+视口缩放 2.初始化HTML中的代码 目标:解决浏览器兼容问题,SEO(TKD),网页快捷图标等。 puclic/index.html的**header**中加入下列代码,讲引用的图标拷贝到public目录 public中的文件不会被webpack处理 3.借助postcss-pxtorem实现自动将px转换成rem; 4.-webkit` 表示针对safari浏览器支持。`-ms`表示针对 IE 浏览器支持。`-moz` 表示针对Firefox浏览器支持。-o: 表示针对欧朋【opera】内核识别码 5.## 初始化默认的全局样式 1 /src/assets中添加默认样式文件: ----base.scss: 将其他样式全部引入,及基础样式设置 ----reset.scss:清空样式 ----variable.scss:常用变量(如:字体规范,常用字体颜色等) ----mixin.scss:自定义函数 6.组件引入步骤: 1 导入组件; 2 注册组件; 3 使用组件; 7.配置封装: src下新建**目录api ** 新建文件**network.js** 8.Promise三个状态:待定(pending)*: 初始状态,既没有被兑现,也没有被拒绝; 当执行executor中的代码时,处于该状态; 已兑现(fulfilled)*: 意味着操作成功完成; 执行了resolve时,处于该状态,Promise已经被兑现; 已拒绝(d)*: 意味着操作失败; 执行了reject时,处于该状态,Promise已经被拒绝这里需要注意:一旦状态被确定下来,Promise的状态会被锁死,该Promise的状态是不可更改的** 在我们调用resolve的时候,如果resolve传入的值本身不是一个Promise,那么会将该Promise的状态变成 兑现(fulfilled); 在之后我们去调用reject时,已经不会有任何的响应了(并不是这行代码不会执行,而是无法改变Promise状态);
Promise本身具备三种状态:
pending**:初始状态,也叫就绪状态,这是在Promise对象定义初期的状态,这时Promise仅仅做了初始化并
注册了他对象上所有的任务。
fulfilled**:已完成,通常代表成功执行了某⼀个任务,当初始化函数中的resolve执行时,Promise的状态就
变更为fulfilled,并且then函数注册的回调函数会开始执⾏,resolve中传递的参数会进⼊回调函数作为形参。
rejected**:已拒绝,通常代表执⾏了⼀次失败任务,或者流程中断,当调⽤reject函数时,catch注册的回调
函数就会触发,并且reject中传递的内容会变成回调函数的形参。
三种状态之间的关系:
Promise中约定,当对象创建之后同⼀个Promise对象只能从pending状态变更为fulfilled或rejected中的其中⼀
种,并且状态⼀旦变更就不会再改变,此时Promise对象的流程执行完成并且finally函数执行。
9.组件
有两种使用方式:全局和局部,我们局部使用就可以了,局部导入局部注册,局部使用。
10.import解构与不解构 export:导出的为函数,变量名。无法导出对象另一个页面import引用时,需要{ }解构,且函数名与变量名要一致。(可导出多个export)export default:另一个页面import引用时,无需解构。一个vue模块只能存在一个export default。可以导出函数,变量名, 数组。
|