菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 前端-汪刚-2023.06.29 [打印本页]

作者: 霁后彩虹O 时间: 2023-7-4 17:56
标题: 前端-汪刚-2023.06.29
今日学习内容：

项目开发：

相关技术：Vue2+Vuex+Vue Router（全家桶）

运用插件：Swiper，IScroll，Axios，Sass综合运用

移动适配方案：Rem+视口缩放

1.node代码初始化 1. https://binaryify.github.io/NeteaseCloudMusicApi/#/ 下载zip 解压 2. 在\NeteaseCloudMusicApi-master\根目录也就是package.json 同级目录下执行 **npm install**（根据package.json安装依赖） 3. nodemon .\app.js 启动服务

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。可以导出函数，变量名，数组。

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)