我的账户
猩码学苑

专注C++开发菁英教育

亲爱的游客,欢迎!

已有账号,请

如尚未注册?

前端-汪刚-2023.06.29

[复制链接]
霁后彩虹O 发表于 2023-7-4 17:56:41 | 显示全部楼层 |阅读模式 打印 上一主题 下一主题
今日学习内容:

项目开发:
相关技术: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。可以导出函数,变量名, 数组。

回复

使用道具 举报

关注0

粉丝0

帖子59

发布主题
大家都在学
课堂讨论
一周热帖排行最近7x24小时热帖
关注我们
专注C++菁英教育

客服电话:18009298968

客服时间:9:00-21:00

猩码学苑 - 专注C++开发菁英教育!( 陕ICP备2025058934号-1 )

版权所有 © 陕西菁英数字科技有限公司 2023-2026