- 博客(42)
- 收藏
- 关注
RSS订阅原创 自动导入模块 webpack--require.context、vite--import.meta.glob
自动导入模块 webpack--require.context、vite--import.meta.glob
2023-01-31 11:14:39
2862
转载 浏览器存储 cookie、sessionStorage、localStorage
浏览器存储 cookie、sessionStorage、localStorage
2023-01-29 23:24:22
290
原创 JS 异步解决方案的发展历程以及优缺点：回调函数、Promise、Generator、Async/await
JS 异步解决方案的发展历程以及优缺点：回调函数、Promise、Generator、Async/await
2023-01-29 23:05:22
703
1原创 vue2 对象、数组属性新增删除失去响应式($set、$delete) 和 vue3解构赋值原始类型失去响应式
vue2 对象、数组属性新增删除失去响应式($set、$delete) 和 vue3解构赋值原始类型失去响应式
2023-01-19 16:00:35
4506
原创 手写 instanceof、map、filter、reduce、create、new关键字
手写 instanceof、map、filter、reduce、create、new关键字
2023-01-19 15:14:13
261
原创 JS 对象 Object, 内置对象 Array、String、Number、Date、Math、JSON 常用方法
如果 string 以 "0x" 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。使用负值从数组中读取元素。
2023-01-19 14:52:29
472
原创 nginx 教程
Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，第一个公开版本0.1.0发布于2004年10月4日。其将源代码以类BSD许可证的形式发布，因它的稳定性、丰富的功能集、简单的配置文件和低系统资源的消耗而闻名。2011年6月1日，nginx 1.0.4发布。Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件。
2023-01-18 10:18:39
644
原创 Vue 11种组件传参方式
this.$router 相当于一个全局的路由器对象，包含了很多属性和对象（比如 history 对象），任何页面都可以调用其 push(), replace(), go() 等方法。this.$route 表示当前路由对象，每一个路由都会有一个 route 对象，是一个局部的对象，可以获取对应的 name, path, params, query 等属性。$children 获取子组件(所有的子组件，不保证顺序)$refs 组件获取组件实例，元素获取元素。$parent 获取父组件。
2023-01-17 18:17:27
5021
转载 Typescript
TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集，而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。简而言之，TypeScript是JavaScript的超集，具有可选的类型并可以编译为纯JavaScript。从技术上讲TypeScript就是具有静态类型的 JavaScript。
2023-01-17 14:17:53
123
原创 前端常用软件
开发相关TortoiseGitnode.jsphpstudyapipostnavicat微信开发者工具uni-appFlutterReact NativeReactWeexWeex是*宝塔面板XShellFiddler Everywhere实用工具Notepad++Diagram Designer网易有道词典XMindTypora versionsnipasteEverything。
2023-01-17 11:37:17
151
原创 vscode 前端快捷键
注意: 也可以用ctrl 替代shift, 用shift 时输入法要设置切换英文shift改成其他键如 ctrl + 空格。先按 ctrl + k 再按 ctrl + 0(数字0)先按 ctrl + k 再按 ctrl + j。cursorHome 添加 shift + U。cursorLeft 添加 shift + J。cursorDown 添加 shift + K。cursorEnd 添加 shift + O。cursorUp 添加 shift + I。可以添加光标上下左右行首行尾的快捷键。
2023-01-16 17:03:12
608
原创 js判断数据类型
字符串（String）、数字(Number)、布尔(Boolean)、空（Null）、未定义（Undefined）、Symbol。：对象(Object)、数组(Array)、函数(Function)，还有两个特殊的对象：正则（RegExp）和日期（Date）JavaScript 数据类型。引用数据类型（对象类型）5. 判断数组额外方法。6. 判断对象额外方法。JS判断数据类型方法。
2023-01-16 16:31:33
77
原创 Generator + Promise 实现 async await 效果
async 是 ES7 才有的与异步操作有关的关键字，和 Promise ， Generator 有很大关联的async 函数中可能会有 await 表达式，async 函数执行时，如果遇到 await 就会先暂停执行 ，等到触发的异步操作完成后，恢复 async 函数的执行并返回解析值。await 操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用。
2023-01-16 16:12:33
270
原创 手写 Promise.all/any/race/allSettled
Promise.any 和 Promise.all 相反，全部失败返回失败的结果数组，有一个成功则返回成功结果AggregateError，当多个错误需要包装在一个错误中时，该对象表示一个错误。Promise 身上的这些方法返回的都是一个 PromisePromise.resolve 接受一个 Promise，若非 promise 则将其变成功状态的 Promise。Promise.all 有一个失败则返回失败的结果，全部成功返回全成功的数组。Promise.race 返回第一个成功或失败的结果。
2023-01-16 16:01:41
212
原创 JavaScript Promise 对象
如果Promise.all方法和Promise.race方法的参数，不是Promise实例，就会先调用下面讲到的Promise.resolve方法，将参数转为Promise实例，再进一步处理。上面代码生成一个新的Promise对象的实例p，它的状态为fulfilled，所以回调函数会立即执行，Promise.resolve方法的参数就是回调函数的参数。（2）只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。
2023-01-16 15:40:00
222
转载 宏任务微任务
整体JavaScript代码将作为一个宏任务执行，先将同步任务进入主线程执行，异步任务进入事件(Event Table)并注册回调函数(如:success、then、catch等)。微任务队列中排队的所有微任务都在同一周期内处理，而这些微任务本身也可以将其他微任务添加到微任务队列中中执行，只有这些微任务全部执行完成时，才会执行下一个宏任务。添加.catch()就会解决。new Promise()在实例化的过程中所执行的代码都是同步执行的，而.then、.catch 和 .finally都是异步执行的。
2023-01-16 15:06:01
289
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人