- 博客(314)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 【JavaScript 工具类函数】日期格式化：类似于将20220901转换为2022-9-1
【代码】【JavaScript 工具类函数】日期格式化：类似于将20220901转换为2022-9-1。
2022-09-02 14:48:33
1369
原创 vue-router实现history模式配置（生产环境路由失效跟刷新404问题）
使用history模式通常本地调试没有什么问题，但是一旦发布到测试或生产环境，则会出现页面白屏或者刷新页面白屏的现象，这种问题的出现是因为前端和服务端没有做相应的配置。location/test-daily表示项目部署在了/test-daily目录下，这里要跟vue.config.js里的publicpath的值保持一致。原文链接https//blog.csdn.net/ZhushiKezhang/article/details/122843264。test-daily是你是项目包名。...
2022-07-27 10:53:30
1274
原创 【JavaScript进阶之旅 函数式编程篇 第四十章】数组扁平化基础与原理、数组扁平化函数封装
【JavaScript进阶之旅函数式编程篇第四十章】数组扁平化基础与原理、数组扁平化函数封装。
2022-07-25 16:51:38
226
原创 【JavaScript进阶之旅 函数式编程篇 第三十八章】函数防抖、函数节流
防抖常见案例ajax的请求与提交数据（手机端下拉刷新）、输入的过程中校验合法性。所谓防抖，就是考虑两种情况。输入验证也可以用节流来做。
2022-07-25 16:47:59
263
原创 【JavaScript进阶之旅 函数式编程篇 第三十七章】函数性能优化、缓存函数、函数记忆应用
函数记忆->函数优化->缓存函数->memorize。
2022-07-25 16:47:02
156
原创 【JavaScript进阶之旅 函数式编程篇 第三十六章】偏函数、偏函数与柯里函数的区别、惰性函数
在计算机科学中，偏函数叫做部分应用，局部应用，指固定一个函数的一些参数，然后产生另一个更小元的函数。柯里化将一个多参数的函数转换成多个单参数的函数（将n元函数转换为n个一元函数）偏函数是固定一个函数的一个或多个参数（将n元函数转换为n-x元的函数）本身是用来优化函数的，在运行过程中的一些鸡肋。有两个参数的函数二元函数。...
2022-07-23 09:51:26
203
原创 【JavaScript进阶之旅 函数式编程篇 第三十五章】高阶函数、函数柯里化、封装柯里化函数
当函数存在多个参数时，我们可以调用一个自己封装的函数（柯里化函数）只传递部分参数，并且让函数返回新的函数，新函数可以接收剩余参数，并返回最终结果，这就是柯里化函数。
2022-07-23 00:45:41
463
2
原创 【JavaScript进阶之旅 函数式编程篇 第三十四章】函数组合、结合律、pointfree、使用案例
Pointfreestylemeansneverhavingtosayyourdata.(这种格式从不需要说自己的数据)Lovemeansneverhavingtosayyou’resorry.(我觉得爱不需要说抱歉)若干个纯函数、偏函数、柯里化函数组成一个新的函数，形成数据传递，并实现一种有序执行的效果。上述例子很明显不易读，我们可以使用高阶函数中的左倾来优化。...
2022-07-21 11:21:15
200
原创 【JavaScript进阶之旅 函数式编程篇 第三十三章】JS函数、特点、函数式编程、纯函数
JavaScript世界当中的「一等公民」->函数。优点编程灵活、易学。
2022-07-20 08:27:01
149
原创 【JavaScript进阶之旅 碎片知识篇 第三十二章】call/apply/bind 重写bind
我们无法访问，他是JS引擎内部的，函数封装的我们基本看不到。这里还是不行，我们要更改原型。
2022-07-19 17:18:25
191
原创 【JavaScript进阶之旅 碎片知识篇 第三十章】同步与异步加载的三种方法、企业级异步加载
异步JS文件中不要操作DOM元素，查询更改增加删除DOMasync跟defer属性同时写的话，除开IE以外，都认async，以async为标准解析下载不推荐一起写两个属性，消耗性能。
2022-07-17 20:04:18
239
原创 【JavaScript进阶之旅 前端宿主浏览器篇 第二十九章】剖析JavaScript的执行机制
比如点击一个按钮，按钮有细微的颜色改变（GUI线程绘制了按钮），在点击事件中写一段死循环代码，阻塞了页面解析加载，从而阻塞了GUI线程的绘制按钮，这就是互斥。webworkerHTML5新增API，向单线程中申请开辟子线程（向JS引擎申请，JS引擎向浏览器申请），子线程中数据可以相互访问的，不可以访问DOM，更别说操作DOM。单线程进程内一个相对独立的，可调度的执行单元，于同属的一个进程共享着进程中的资源。多进程启动多个进程，多个进程可以一块来执行多个任务（存在一个算法轮转时间片）......
2022-07-16 16:35:17
241
原创 【JavaScript进阶之旅 前端宿主浏览器篇 第二十八章】渲染引擎、声明HTML、渲染模式
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LWr1iE88-1657960351871)(https//obohe.com/i/2022/07/16/nqkdaj.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CgNg1jUy-1657960351871)(https//obohe.com/i/2022/07/16/nr5hh7.png)]**解决方案保留以前解析渲染的标准（混杂/怪异模式->浏览器向后兼容）**...
2022-07-16 16:34:11
263
原创 【JavaScript进阶之旅 前端宿主浏览器篇 第二十七章】时间线、解析与渲染、封装文档解析完毕函数 ##
异步script不能有依赖其他脚本的操作，不能有需要触发的操作，比如监听文档解析完成，可以执行忘了检查，网络请求等操作，异步操作实际在项目中使用很少。script标签放到DOM结构之前（body开始标签之下），就会浪费页面解析时间，会导致页面留白，不利用用户体验。渲染引擎做了一件事情先解析的那些部分先构建DOM树CSS树渲染树（在解析的时候就已经开始渲染）-script标签放到body最后，他不会影响页面的渲染，极大的给前边的页面解析DOM构建完毕时间。'标题'...
2022-07-16 16:32:06
139
原创 【JavaScript进阶之旅 前端宿主浏览器篇 第二十六章】DOM/CSS渲染树、解析与加载、回流与重绘
深度优先原则html->head->meta->title->body->div->h1->ul->span->i。浏览器引擎将整个HTML页面形成一种DOM结构，在用树形的方式排列起来，这就叫做DOM树，必须满足深度优先解析原则。需要计算的操作比如getComputedStyle()，会刷新队列，清空队列，防止页面刷新影响计算结果。改变元素的位置不引起页面的布局、不会引起回流，就是重绘。JS对页面的节点操作时，就会产生回流或重绘，或者重绘。...
2022-07-15 12:09:24
257
原创 【JavaScript进阶之旅 ES6篇 第二十四章】生成器与迭代器的应用、生成器实现中间件从而判断用户token是否过期、生成器实现log日志功能
生成器与迭代器的应用、生成器实现中间件从而判断用户token是否过期、生成器实现log日志功能
2022-07-14 08:40:51
83
原创 【JavaScript进阶之旅 模块化篇 第二十三章】JavaScript模块化
模块化解决的问题：4、插件化函数声明不是表达式，只要不是表达式就不能加执行符号只要是表达式就可以在后面加执行符号,被括起来就是表达式5、JS引擎遇到script标签做了什么多个script标签会产生变量覆盖问题，变量重名问题，会污染全局6、NodeJS带来的模块化体验CommonJS特点是一种模块化规范用的require引用，只要一引用就会创建一个模块实例有缓存机制，在Node上运行，依赖webpack解析，是同步方法写服务端用CommonJS比较多require
2022-07-13 09:04:25
392
原创 【JavaScript进阶之旅 异步篇 第二十一章】iterator跟generator
2、内部迭代器一次性抽取3、对象是不具备迭代器接口手动部署迭代器接口4、默认调用iterator接口的地方…拓展运算符for ofArray.from()MapSetPromise.all()\Promise.race()yield二、generator函数（生成器）1、用来返回一个迭代器对象yield：产出不同的内部值，暂停函数运行，有记忆功能2、yield作为参数3、yield产出的值不包含return值4、优化对象迭代接口5、生成
2022-07-10 21:42:15
129
原创 【JavaScript进阶之旅 异步篇 第二十章】Promise的使用方法跟自定义promisify
2、promise.catch失败的时候才调用catch等价于：
2022-07-09 10:06:26
217
原创 【JavaScript进阶之旅 异步篇 第十九章】异步的开端Promise
JS是单线程的，如果遇到数据量大的问题，解决方案就是异步操作；而异步操作通常是通过回调函数的方式解决。在jQuery中也是通过Callback处理异步操作，而jQuery中的Deferred方法返回的对象就是一个异步操作的容器对象，该对象可以调用reject方法，抛出异步失败，但是我们不希望直接在外部可以调用reject方法来抛出异步失败，所以引入了Promise，Deferred方法返回的一个Promise对象，解决了在外部直接调用reject方法的问题，Promise可以说是阉割版的Defer...
2022-07-06 14:55:26
238
原创 【JavaScript进阶之旅 ES6篇 第十六章】WeakMap跟WeakSet、Proxy、Reflect
● 阉割版的Map、Set● 不能遍历（无遍历方法）● 成员必需是对象，否则报错● JS垃圾回收机制不会计数WeakMap跟WeakSet数据类型的引用，不考虑他的引用，是一个弱引用，不需要进入垃圾回收机制即不需要释放内存，所以不可以迭代，他是不可预测的● 不建议使用，因为他是不稳定的● 有很少的特殊的场景，需要使用他● let proxy = new Proxy(target, options)2、set赋值操作3、has拦截操作● in操作符会触发has拦截操作● for in循环不
2022-07-05 17:35:34
169
原创 【JavaScript进阶之旅 ES6篇 第十五章】Set、Map、Set跟Map跟Array跟Object的对比
● Set数据结构的特征：a. Set构造函数的参数必须是具备iterator接口的数据解构类型b. Set构造函数的参数必须唯一的（不可重复）2、Set.prototypea. 操作Set数据结构的方法Set.prototype.deleteSet.prototype.clearSet.prototype.hasb. 遍历Set结构的方法for offorEachc. Set数据结构结合map的使用映射出一个新的结构d. Set数据结构结合filte
2022-07-03 12:38:32
753
2
原创 【JavaScript进阶之旅 ES6篇 第十章】操作原型的方法、super、4种遍历方式、Symbol
1、person.proto = {}不推荐这样修改原因：第一个参数为：有包装类的原始值，不会有任何效果，只会将第一个参数进行包装类包装后返回同理，string跟boolean也会失效：第一个参数为：没有包装类的原始值undefined或null会报错Object.getPrototypeOf()读取操作Object.create(obj)生成操作二、Object.keys()|.values()|.entries()Object.keys()Object.
2022-06-30 22:54:27
441
原创 【JavaScript进阶之旅 ES6篇 第九章】对象密封的四种方式、is()、assign()、取值函数的拷贝
const obj = {get foo() {},set foo(x) {}}console.log(obj.foo.name); // 会报错● 通过get|set来获取属性名const obj = {get foo() {},set foo(x) {}}var descriptor = Object.getOwnPropertyDescriptor(obj, ‘foo’);console.log(descriptor.get.name); // get fooconsole.log(desc
2022-06-28 16:33:26
294
原创 【JavaScript进阶之旅 ES6篇 第八章】函数名/对象拓展、描述符、getter/setter
2、Function构造函数new Function().name; // ‘anonymous’ 匿名的(new Function).name; // ‘anonymous’ 匿名的3、bind|call|apply绑定的函数● bind 绑定的函数的name为 bound foo二、对象的拓展1、对象的简写2、箭头函数返回对象的简写3、对象中函数的写法4、CommonJS规范：module.exports跟require导出导入文件5、属性他都要经过包装，变成一个字符串
2022-06-27 19:33:36
523
3
原创 【vue elementUI DatePicker 日期选择器自定义禁用状态】当前月跟上个月之外的时间只能选择整月、获取每个月份的最后一天
【vue elementUI DatePicker 日期选择器自定义禁用状态】当前月跟上个月之外的时间只能选择整月
2022-06-24 15:58:31
1094
原创 【JavaScript进阶之旅 ES6篇 第七章】箭头函数的实质、箭头函数this指向、箭头函数的使用场景
2、剩余参数3、箭头函数的this指向箭头函数的this指向根据外层函数或全局函数的作用域来决定箭头函数的使用场景箭头函数内部是没有this机制的，this指向是固化的，只能够通过父级作用域来获取this，闭包的this箭头函数不能作为构造函数来使用：call、apply、bind没有arguments对象、用rest运算符替代在generator函数当中yield命令不会生效二、箭头函数的使用场景1、箭头函数不是所有场景都适用普通函数实现：使用
2022-06-24 08:44:13
309
原创 【JavaScript进阶之旅 ES6篇 第六章】函数默认值、this、箭头函数、箭头函数结合函数参数解构赋值、rest运算符
函数形参的length等于从左到第一个有默认值的参数的个数2、函数实参的length3、函数的默认值对函数的length的影响更改函数参数默认值，会引起函数的属性length变化length根据默认值的位置确定，只包含默认值之前的参数的长度4、函数的默认值导致形参和实参的映射关系不存在函数的形参和实参是相互映射的关系指定函数的默认值后：任何一个参数给了默认值后，形参跟实参的映射关系将不存在5、给解构赋值一个默认值上述不传值的解决办法：6、fetch调用f
2022-06-23 08:32:24
233
原创 【JavaScript进阶之旅 ES6篇 第四章】暂时性死区、解构赋值、函数默认值、数组解构、对象解构
TDZ： Temporal Dead Zone
2022-06-21 08:37:26
124
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人