- 博客(18)
- 收藏
- 关注
RSS订阅原创 （javascript）new操作符干了什么？
如果在构造函数中返回一个原始类型，那么这个返回值并没有作用，但是如果返回一个对象，那么构造函数就会返回该对象，代码解释如下。根据上一步的分析，new做了什么，实现一个new，代码如下。在js中，new用于创建了一个构造函数的实例对象。使用new创建的实例，不仅可以访问。
2024-03-14 00:50:11
233
1
原创 微信小程序使用NutUI-React组件
在搭建微信小程序项目过程中，使用NutUI组件库时，如果使用其TabBar组件作为自定义的TabBar会有一些小问题，感觉其框架还没有很成熟，所以没有使用，直接使用的微信小程序的默认TabBar。除此之外，在搭建过程中遇到的样式引入等问题，也花费了蛮久的时间，官方文档有些出入，以此来记录一下吧，
2022-10-20 13:05:59
1156
2
原创 【第一章】JavaScript简介
ECMA-262-----定义了一种名为ECMAScript（发音为ek-ma-script）的新脚本语言的标准。
2022-08-08 22:46:48
291
原创 手写Promise（六）
Promise.resolve实现class MyPromise { ... static resolve (value) { if (value instanceof MyPromise) return value; return new MyPromise(resolve => resolve(value)); } }promise.finally实现class MyPromise { ... finally (callback) { return this.the
2022-04-22 14:42:28
39
原创 手写Promise（五）- Promise.all的实现
Promise.all从调用方法可以看出，该方法为静态方法，故需要使用static进行生命，参数为数组，且所有回调成功才返回成功const PENDING = 'pending';const FULFILLED = 'fulfilled';const REJECTED = 'rejected';class MyPromise { status = PENDING; value = undefined; reason = undefined; successCallbacks = [];
2022-04-22 14:17:38
76
原创 手写Promise（四）
异常捕获补充1、执行器的异常捕获constructor(executor) { try { executor(this.resolve, this.reject); } catch (e) { this.reject(e) }}2、then方法回调函数的异常捕获then = (successCallback, failCallback) => { successCallback = successCallback ? successCallback : value =>
2022-04-22 11:36:35
39
原创 手写Promise（三）
then方法的链式调用要实现then方法的链式调用，首先要明确的一点是，只有then方法返回Promise对象才可以，另外每一个then方法需要将返回值传递给下一个then方法，而返回值分为普通值和promise对象两种情况上图红框内的then方法重构如下：then = (successCallback, failCallback) => { // then方法在一定情况下，可以不传递参数，但是可以将返回值依次传递给后面的then方法，直到传递给有回调的then方法 successCall
2022-04-22 11:36:10
66
原创 手写promise（二）
在promise中，多次调用then方法时，分为同步和异步两种，如果为同步时，根据状态直接调用成功或者失败回调即可，但是异步的情况下，需要做特殊处理，异步时，回调函数要依次调用，即需要处理成数组的循环调用。代码如下：const PENDING = 'pending';const FULFILLED = 'fulfilled';const REJECTED = 'rejected';class Promise { status = 'pending'; value = undefined;
2022-04-22 09:38:49
39
原创 手写Promise（一）
思路梳理1、promise是一个类，执行该类的时候，需要传递一个执行器class Promise { construntor(executor) { executor(); }}2、promise有三种状态：pending（执行中）、fulfilled（执行成功）、rejected（执行失败）const PENDING = 'pending';const FULFILLED = 'fulfilled';const REJECTED = 'rejected';class Promi
2022-04-22 08:14:12
47
原创 数据结构与算法（一）--- 栈
这里写自定义目录标题就业方向新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入就业方向Web网站移动App小程序游戏桌面应用服务端新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准
2021-11-25 15:51:02
350
原创 Webpack中的plugin
前言Loader是解决Webpack中的资源加载问题，而Plugin则是解决除了资源加载之外的其他自动化工作用途清除之前的打包文件（dist目录）拷贝静态文件至输出目录压缩打包代码…常用插件clean-webpack-plugin：清除旧的打包文件 yarn add clean-webpack-plugin --dev 或者 npm install clean-webpack-plugin --devimport { CleanWebpackPlugin } from 'c
2021-03-28 12:11:29
165
原创 小巫见大巫之Loader的工作原理
Loader的工作原理Loader其实就是一个从输入到输出的转换，具体可以自己开发一个简单的Loader了解其原理目标定位：开发读取.md文件的loader一、 文件目录结构srcmain.jsabout.mdwebpack.config.jsmarkdown-loader.jspackage.json二、 安装插件- yarn add marked --dev // 转换.md文件为html片段的插件- yarn add html-loader --dev 三、 代
2021-03-24 12:47:30
161
原创 Webpack中的Loader
Webpack（一）文件资源加载器webpack默认只支持打包js文件，非js文件在Webpack中需要loader即文件加载器来进行打包编译，例打包css时，需要载入css-lodder、style-loader，在打包image时，需要载入file-loader而加载器的匹配问题需要在webpack的配置文件进行设置module.exports = { ... module: { rules: [ { test: /.css$/, //
2021-03-23 14:24:57
176
原创 关于模块化
关于模块化不同功能划分成不同的模块模块化 是 一种思想能够学到什么？模块化演变过程模块化规范常用的模块化打包工具基于模块化工具构建现代Web应用打包工具的优化技巧模块化演变过程stage 1: 文件划分方式 缺点：污染全局作用域；命名冲突；无法管理模块依赖关系stage 2: 命名空间方式 将每个模块包括成为一个全局对象的方式，解决了命名冲突的问题，但是仍然没有私有空间，模块成员仍然可以在外部被修改，模块之间的依赖关系也没有得到
2021-03-22 23:16:25
67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人