- 博客(22)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 高级前端工程师面经
前端插件的开发和使用是提升开发效率和代码复用性的重要手段。通过理解插件的基本概念、开发步骤以及如何根据项目需求进行定制和优化，开发者可以更高效地构建和维护前端应用。选择合适的插件架构：根据使用的框架和库选择合适的插件架构。定义插件的功能：明确插件需要实现的功能和目标。编写插件代码：根据选择的框架和库编写插件代码。测试插件：确保插件在不同场景下都能正常工作。使用插件：根据插件的使用文档引入并使用插件。定制和优化插件：根据项目需求对插件进行定制和优化。
2025-01-16 12:17:51
1012
原创 Device judgement
最常使用判断规则在执行分析或分析并修复时，针对当前处理项的Key做如下处理，若不存在当前key则添加当前key，若已存在当前key则跳过，若此时总记录key项数超过8项，则移除第一项最多使用判断规则在执行分析或分析并修复时，添加当前处理项的Key做如下处理，若不存在当前key则添加当前key，并标记key记录数为1，若存在当前key，则将当前key记录数加1，若此时总记录key项数超过8项，则移除第一个key项数最低的key项启动命令#!/bin/bashgit pull orig
2022-05-24 16:21:24
126
原创 Windows 10 无法访问 Internet 连接注册表信息
成都电信 DNS 服务器 61.139.2.69次要 DNS 202.98.96.68[HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\NlaSvc\Parameters\Internet]ActiveDnsProbeContent=131.107.255.255ActiveDnsProbeContentV6=fd3e:4f5a:5b81::1ActiveDnsProbeHost=dns.msftncsi.comActiveDnsProb
2021-11-15 15:37:32
3409
原创 保障 Promise 循环执行的时序
const arr = [1, 2, 3, 4, 5, 6, 7, 8];const p = (seconds) => new Promise((resolve) => { console.log(`created promise: ${seconds}`); setTimeout(() => { resolve(seconds); }, seconds * 1000); });const after = () => { set
2021-10-28 10:29:43
133
原创 Gulp 详解
Gulp 详解安装准备工作# 全局安装npm install gulp-cli -g# 项目依赖包npm install gulp -D# 创建 gulpfile.js 文件touch gulpfile.js使用 commonjs 规范编写脚本// gulp 4.0 改成了异步任务async function foo() { const msg = 'foo task working'; console.log(msg); await Promise.re
2021-02-17 09:07:24
185
1
原创 郭冬临到底喝了多少瓶水
#郭冬临像极了我爸喝多的样子##郭冬临到底喝了多少瓶水#喜剧春晚的第一个小品来喽~@演员郭冬临 @韩雪 果真不简单！吨吨吨矿泉水下肚，郭冬临喝的不撑吗？[哈哈] L微博综艺的微博视频
2021-02-11 10:08:53
747
原创 Javascript性能优化
Javascript性能优化内存优化的必要性内存管理介绍JavaScript 中的内存管理JavaScript 中的垃圾回收JavaScript 中的可达对象GC 定义与作用GC 里的垃圾是什么GC 算法是什么内存优化的必要性function fn(): void { const arrList = []; arrList[100000] = 'lg is a coder';}fn();内存管理介绍内存：由可读写单元组成，表示一片可操作空间管理：人为地操作一片空间的申请、使用和释放
2021-02-03 14:18:12
102
原创 TypeScript简介
TypeScript简介简介TypeScript 是 JavaScript 的超集任何环境都可以使用 TypeScript 做开发相比 Flow 功能更强大，生态更加健全、更完善简介TypeScript 是 JavaScript 的超集借助类型系统和 es6，将源代码编译输出为 JavaScript，提高编程效率任何环境都可以使用 TypeScript 做开发相比 Flow 功能更强大，生态更加健全、更完善...
2021-01-30 16:26:28
196
原创 Flow 简介
Flow 简介开始使用 flow开始使用 flow安装 flow 环境yarn add -D flow-binyarn flow inityarn flow start代码块// @flowfunction sum(a: number, b: number) { return a + b;}sum('1', '2');删除类型注解才能运行方法一# 安装删除注解模块到本地yarn add --dev flow-remove-types# 执行删除注解命令
2021-01-25 15:52:09
538
原创 1.5手写 Promise 类核心逻辑
手写 PromisePromise 类核心逻辑Promise 类核心逻辑Promise 局势一个类，在执行这个类的时候，需要传递一个执行器进去，执行器会立即执行Promise 中有三种状态分别为等待 pending成功 fulfilled失败 rejectedresove 和 reject 函数是用来更改状态的resolve: fulfilledreject: rejectedthen 方法内部就是在判断状态，如果状态是成功，调用成功的回调，否则调用失败的回调。then 方
2020-12-05 20:40:06
83
原创 1.4代码模拟 JavaScript 异步编程
JavaScript 异步编程1. 同步模式与异步模式2. 事件循环与消息队列3. 异步编程的几种方式4. Promise 异步方案、宏任务/微任务队列5. Generator 异步方案、Aysnc/Await 语法糖
2020-11-17 09:45:28
495
1
原创 1.3函数式编程中的函子
函数的组合根据纯函数和柯里化很容易写出洋葱代码 *h(g(f(x)))*管道根据纯函数和柯里化很容易写出洋葱代码 h(g(f(x)))如何优雅的组合函数纯函数式编程中的副作用如何处理什么是函子，如何使用函子
2020-11-14 11:54:07
662
原创 1.2函数式编程中的柯里化
函数式编程中的柯里化1. 什么是柯里化(Haskell Brooks Curry)柯里化(Curring)2. lodash 中的柯里化方法1. 什么是柯里化(Haskell Brooks Curry)使用柯里化解决上一个案例中硬编码的问题柯里化(Curring)当一个函数有一个以上参数传递的时候，先使用一个函数调用部分参数（这部分参数以后永远不变）再返回一个新的函数接受剩余的参数并且返回计算结果// 待改造的函数// function checkAge(min, age) {//
2020-11-06 08:16:10
263
原创 1.1函数式编程理念
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Mar
2020-10-23 20:44:08
661
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人