小管管的博客

宏任务里如果有宏任务，不会执行里面的那个宏任务，而是被丢进任务队列后面，所以会最后执行。一个宏任务执行完才会去执行另外一个宏任务async函数返回值是promise对象宏任务里如果有宏任务，不会执行里面的那个宏任务，而是被丢进任务队列后面，所以会最后执行。一个宏任务执行完才会去执行另外一个宏任务async函数返回值是promise对象，await后面的代码是异步微任务。

2022_0704映射关系具体使用示例: 网易云音乐 https://music.163.com/单页面应用(SPA): 所有功能在一个html页面上实现前端路由作用: 实现业务场景切换优点：整体不刷新页面，用户体验更好数据传递容易, 开发效率高缺点：开发成本高(需要学习专门知识)首次加载会比较慢一点。不利于seo官网: https://router.vuejs.org/zh/vue-router模块包它和 Vue.js 深度集成可以定义 - 视图表(映射规则)模块化的提供2个内置全局组件声明式导航自动激

E:\前端学习\7.6课件\02、课件和试卷\课件\05、阶段五 Vue.js项目实战开发\01webpack+Vue基础课程资料\Day06_动态组件_插槽_自定义指令_tabbar案例\01_笔记和ppt1.什么是动态组件?在同一个挂载点, 可以切换显示不同组件2.如何使用动态组件?vue内置的component组件, 配合is属性3.如何切换?改变is属性的值, 为要显示的组件名即可使用Vue内置的keep-alive组件, 可以让包裹的组件保存在内存中不被销毁补充2个钩子方法名:​ acti

1、axios是一个基于Promise的HTTP库，而ajax是对原生XHR的封装；2、ajax技术实现了局部数据的刷新，而axios实现了对ajax的封装。🔗axios和ajax的区别用于取出参数对象的所有可遍历属性，然后拷贝到当前对象之中。🔗扩展运算符生命周期&数据共享[父子-子父-兄弟]&ref引用&数组复习获取页面中的元素可以使用以下几种方式:🔗Dom 获取元素的几种方式组件的 $nextTick(cb) 方法，会把 cb 回调推迟到下一个 DOM 更新周期之后执行。通俗的理解是...

马上能反应过来循环遍历是什么, 索引(下角标)是什么 数组的filter方法使用 重绘与回流(重排)的概念 localStorage浏览器本地存储语法使用 JSON的方法使用今日学习目标能够了解key作用, 虚拟DOM, diff算法能够掌握设置动态样式能够掌握过滤器, 计算属性, 侦听器能够完成品牌管理案例1. vue基础1.0_vue基础 v-for更新监测情况1: 数组翻转情况2: 数组截取情况3: 更新值口诀:数组变更方法, 就会导致v-fo

vue文件代码高亮插件-vscode中安装 代码提示插件-vscode中安装 想学会今天的内容, 先测测这几个会不会如果通不过, 请记住口诀:变量是一个容器, 表达式原地都有返回结果new 类名() - 原地得到一个实例对象 - 对象身上有key(或叫属性, 叫键都行), 对应的值是我们要使用的实例化对象就是new 类名() 创造出来的对象, 身上包含属性(key, 键) 对应的 值什么是属性和方法(固定格式)对象的复制和取值(固定格式)有=(赋值运算符) 就是赋值, 没有就是取值thi

之前用npm学习的webpack打包：🔗打开快速、可靠、安全的依赖管理工具。和 npm 类似, 都是包管理工具, 可以用于下载包, 就是比npm快🔗中文地址下载地址: https://yarn.bootcss.com/docs/install/#windows-stablewindows - 软件包(在笔记文件夹里)mac - 通过homebrew安装(看上面地址里)mac如果没安装过homeBrew先运行这个命令上面命令不行: 试试这个: curl -o- -L https://yarn..

vue是一套用于的前端。数据驱动视图：双向数据绑定：当数据源发生变化时，会被 ViewModel 监听到，VM 会根据最新的数据源自动更新页面的结构当表单元素的值发生变化时，也会被 VM 监听到，VM 会把变化过后最新的值自动同步到 Model 数据源中vue官网：https://v3.cn.vuejs.org/guide/introduction.htmlvue 指令1. 内容渲染指令 指令的缺点：会覆盖元素内部原有的内容！ 插值表达式：在实际开发中用的最多，只是内容的占位符，不会覆盖原有的内容

2.基于axios请求列表数据当前终端被占用，新建一个终端输入如下指令，完成后删除这个终端🔗axios是一个专注于网络请求的库安装并导入axios请求库在methods方法中，定义getList函数请求列表数据在created生命周期函数内调用步骤2封装的getList函数3.请求回来的数据转存到data中data里面----- list:[]if (res.status === 200) this.list = res.list;在vue调试控制台可以看见list4.

axios 是一个专注于网络请求的库！只负责发请求和拿数据在后面的vue react都会用axios来请求数据

1.实际的前端开发：⚫ 模块化（js 的模块化、css 的模块化、资源的模块化）⚫ 组件化（复用现有的 UI 结构、样式、行为）⚫ 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、 Git 分支管理）⚫ 自动化（自动化构建、自动部署、自动化测试）2.什么是前端工程化前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行。企业中的 Vue 项目和 React 项目，都是基于工程化的方式进行开发的。好处：前端开发自成体系，有一套标准的开发方案和流程3.

接上一篇笔记1.原因在使用 npm 下包的时候，默认从国外的 https://registry.npmjs.org/ 服务器进行下载，此时，网络数据的传输需要经过漫长的，因此下包速度会很慢。2.淘宝 NPM 镜像服务淘宝在国内搭建了一个服务器，专门把国外官方服务器上的包同步到国内的服务器，然后在国内提供下包的服务。从而极大的提高了下包的速度。扩展：镜像（Mirroring）是一种文件存储形式，一个磁盘上的数据在另一个磁盘上存在一个完全相同的副本即为镜像3.npm、nrm两种方式查看源和切换镜像网友

git 是一种版本控制系统，是一个命令，是一种工具，类似于SVNgitlib 是用于实现git功能的开发库github 是一个基于git实现的在线代码仓库，包含一个网站界面，向互联网开放gitlab 是一个基于git实现的在线代码仓库软件，你可以用gitlab自己搭建一个类似于github一样的系统，一般用于在企业、学校等内部网络搭建git私服，可以看作是一个简单的github1.文件的版本的缺点：操作麻烦、命名不规范、容易丢失、协作困难2.版本控制软件：把手工管理文件版本的方式，改为由软件管理文件的版

1.什么是通信通信，就是信息的传递和交换。2.通信三要素：通信的主体通信的内容通信的方式3.通信协议通信协议（Communication Protocol）是指通信的双方完成通信所必须遵守的规则和约定。通俗的理解：通信双方采用约定好的格式来发送和接收消息，这种事先约定好的通信格式，就叫做通信协议。4.互联网中的通信协议客户端与服务器之间要实现网页内容的传输，则通信的双方必须遵守网页内容的传输协议。网页内容又叫做超文本，因此网页内容的传输协议又叫做超文本传输协议（HyperText Trans

axios1.Axios 是专注于网络数据请求的库。相比于原生的 XMLHttpRequest 对象，axios 简单易用。相比于 jQuery，axios 更加轻量化，只专注于网络数据请求。2.axios发起GET请求axios.get(‘url’, { params: { /参数/ } }).then(callback)// 请求的 URL 地址 var url = 'http://www.liulongbin.top:3006/api/get' // 请求的参数对象 var para

1.什么是XMLHttpRequestXMLHttpRequest(简称xhr)是浏览器提供的JavaScript对象，通过它,可以请求服务器上的数据资源,之前所学的jQuery中的Ajax函数,就是基于xhr对象封装出来的----能否直接使用xhr对象发起Ajax请求？可以，稍微麻烦一点2.使用xhr发起GET请求// 1. 创建 XHR 对象var xhr = new XMLHttpRequest()// 2. 调用 open 函数，指定 请求方式 与 URL地址xhr.open('G

1.join()方法 $('#tb').empty().append(rows.join(''))join方法通过连接数组中的所有元素创建并返回一个新字符串，用逗号或指定的分隔符字符串分隔。如果数组只有一项，则将不使用分隔符返回该项。2. a href=“javascript:;” —提高用户体验其中javascript:是伪协议，它可以让我们通过一个链接来调用javascript函数.而采用这个方式 ,可以实现A标签的点击事件运行时，如果页面内容很多，有滚动条时，页面不会乱跳，用户体验更