- 博客(20)
- 收藏
- 关注
RSS订阅原创 宏任务和微任务
JavaScript 把异步任务又做了进一步的划分，异步任务又分为两类，分别是：① 宏任务⚫ 异步 Ajax 请求、⚫ 文件操作⚫ 其它宏任务② 微任务⚫ Promise.then、.catch 和 .finally⚫ 其它微任务。
2022-10-12 16:47:30
197
原创 Eventloop
JavaScript 是一门单线程执行的编程语言。也就是说，同一时间只能做一件事情。单线程执行任务队列的问题：如果前一个任务非常耗时，则后续的任务就不得不一直等待，从而导致程序假死的问题。为了防止某个耗时任务导致程序假死的问题，JavaScript 把待执行的任务分为了两类：① 同步任务（synchronous） ② 异步任务（asynchronous）① 同步任务由 JavaScript 主线程次序执行② 异步任务委托给宿主环境执行③ 已完成的异步任务对应的回调函数，会被加入到任务队列中等待执
2022-10-12 15:52:56
117
原创 async/await
是ES8(ECMAScript 2017)引入的新语法，用来简化Promise异步操作。在async/await出 现之前，开发者只能通过链式.then()的方式处理Promise异步操作。)}))})}).then 链式调用的优点：解决了回调地狱的问题.then 链式调用的缺点：代码冗余、阅读性差、不易理解。
2022-10-12 13:49:05
193
原创 Promise
/ 1.方法的名称为getFile// 2.方法接收一个形参fpath, 表示要读取的文件的路径// 3.方法的返回值为Promise的实例对象}注意:第5行代码中的只是创建了一一个形式上的异步操作。
2022-10-12 12:55:34
74
原创 ES6 模块化
ES6模块化规范是浏览器端与服务器端通用的模块化开发规范。它的出现极大的降低了前端开发者的模块化学习成本，开发者不需再额外学习AMD、CMD或CommonJS等模块化规范。每个js 文件都是一个独立的模块导入其它模块成员使用import关键字向外共享模块成员使用export关键字。
2022-10-10 21:28:45
107
原创 vue vue-router 的常见用法
() 方法，可以跳转到指定的 hash 地址，从而展示对应的组件页面。在 src/router/index.js 路由模块中，导入需要的组件，并使用。的时候，强制用户跳转到地址 C ，从而展示特定的组件页面。() 方法，可以跳转到指定的 hash 地址，从而展示对应的组件页面。组件中，声明 tab1 和 tab2 的。后台主页的访问权限，直接放行：next()渲染出来的组件中，可以使用 this.动态路由指的是：把 Hash 地址中。）来定义路由的参数项。⚫ 跳转到指定的 hash 地址，并。
2022-09-29 20:42:38
140
原创 vue vue-router 的基本使用
vue-router是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。vue-router 的官方文档地址：https://router.vuejs.org/zh/
2022-09-27 14:07:49
144
原创 vue-cli
单页面应用程序（英文名：Single Page Application）简称 SPA，顾名思义，指的是一个 Web 网站中只有唯一的一个HTML 页面，所有的功能与交互都在这唯一的一个页面内完成。vue-cli 是 Vue.js 开发的标准工具。它简化了程序员基于 webpack 创建工程化的 Vue 项目的过程。引用自 vue-cli 官网上的一句话：程序员可以专注在撰写应用上，而不必花好几天去纠结webpack 配置的问题。
2022-09-03 10:16:20
247
原创 vue 计算属性
目录1. 什么是计算属性2. 计算属性的特点1. 什么是计算属性计算属性指的是通过一系列运算之后，最终得到一个属性值。这个动态计算出来的属性值可以被模板结构或 methods 方法使用。示例代码如下：<div id="app"> <div> <span>R：</span> <input type="text" v-model.number="r"> </div>
2022-08-30 19:09:35
329
原创 vue watch 侦听器
watch 侦听器允许开发者监视数据的变化，从而针对数据的变化做特定的操作。watch: {//监听 username值的变化//newVal 是“变化后的新值”，oldVal 是“变化之前的旧值”}}})
2022-08-29 17:51:25
376
原创 vue列表渲染指令
为了给 vue 一个提示，以便它能跟踪每个节点的身份，从而在保证。基于一个数组来循环渲染一个列表结构。但这种默认的性能优化策略，会导致。列表渲染指令，用来辅助开发者。v-for 指令还支持一个。时，默认情况下，vue 会。已存在的DOM 元素，从而。有状态的列表无法被正确更新。此时，需要为每项提供一个。v-for 指令需要使。一定要指定 key 的值。有状态的列表被正确更新。数据项 id 属性的值。唯一的 key 属性。......
2022-08-27 21:35:26
174
原创 vue条件渲染指令
如图，v-if的元素被移除，v-show则使用display隐藏。添加或移除 style="display: none;v-if 指令一起使用，否则它将不会被识别！v-if 指令一起使用，否则它将不会被识别！按需控制 DOM 的显示与隐藏。注意：v-else-if 指令。动态地创建或移除DOM 元素。注意：v-else 指令。......
2022-08-27 19:03:39
1146
原创 vue事件绑定指令
vue 提供了v-on 事件绑定指令，用来辅助程序员为 DOM 元素绑定事件监听。语法格式如下：注意：原生 DOM 对象有onclick、oninput、onkeyup等原生事件，替换为 vue 的事件绑定形式后，分别为：v-on:click、v-on:input、v-on:keyup通过 v-on 绑定的事件处理函数，需要在 methods 节点中进行声明：点击+、-按钮可以进行对count的加减操作。......
2022-08-26 17:40:18
1692
原创 vue属性绑定指令
在开发中使用频率非常高，因此，vue 官方为其提供了。在 vue 提供的模板渲染语法中，除了支持。支持Javascript 表达式的运算。
2022-08-26 14:51:53
815
原创 vue内容渲染指令
语法，专门用来解决 v-text 会覆盖默认文本内容的问题。这种 {{ }} 语法的专业名称是。注意：相对于 v-text 指令来说，因为它不会覆盖元素中默认的文本内容。插值表达式在开发中更常用一些。包含 HTML 标签的字符串。注意：v-text 指令会。覆盖元素内默认的值。...
2022-08-26 14:29:41
428
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人