axios-mock-adapter - 数据模拟 · 三方库 axios-mock-adapter今天看大屏的源码时,发现了这个库,看了看发现真好用 基于axios的代码可以很随意和方便的在各自模块进行这种无侵入式的数据模拟,非常方便 https://www.npmjs.com/package/axios-mock-adapter 2023-12-28 js-libs > axios #js-libs #axios
事件拦截 - HTML · Event 背景一些无关紧要的错误被抛到window.onerror事件上,导致异常触发了原有的事件监听,但原有的时间监听是框架内部的无法改动,所以需要拦截事件 https://github.com/juggle/resize-observer/issues/103 阻止触发其他事件监听器event.stopImmediatePropagation() 2023-12-28 HTML > Event #HTML #Event
常用技巧 - Nvim · 帮助文档 替换一个单词 :%s/<four>/4/gc % 匹配全行(文) g 匹配单行全部 < 匹配单词开始 > 匹配单词开始 c 将会在每个匹配出给出确认提示 捕获 :%s/([^,]_), (._)/\2 \1/ 可以使用类正则的表达 2023-12-28 Vim > Nvim > VimHelp #Nvim #Vim #VimHelp
序 - 微前端 几种实现方案iframe天然的跨应用集成方案,缺点也很明显(跨域通信限制、DOM割裂导致的类弹窗类区域限制) 适用场景 全屏嵌入 需要快速集成的跨框架、跨版本的已有老项目 基于路由的渲染 SingleSPA: 基座应用统筹管理路由,基于路由渲染,基座管理和理解都相当费事,且很多事情都需要自己控制和约束 乾坤: 对single-spa做了进一步封装和完善,简化了注册流程,实现了应用隔离(沙箱), 2023-12-27 微前端 #微前端
配置 - Nvim · 帮助文档 vimrc 文件 :edit $MYVIMRC // 在编辑器中执行即可打开配置文件 ~/.config/nvim/init.vim (Unix and OSX) ~/AppData/Local/nvim/init.vim (Windows) 添加一个包(package) 启动时自动加载 可选包 p 2023-12-26 Vim > Nvim > VimHelp #Nvim #Vim #VimHelp
快捷键 - Nvim 常用快捷键 快捷键 描述 J 删除换行符 U 撤销行上所有操作,再次按下则是反撤销 O 当前行上方插入 ZZ 保存并退出 e! 恢复源文件并继续编辑 Ctrl-] (帮助文档)进入子主题 Ctrl-T (帮助文档)返回上一级 Ctrl-O (帮助文档)回到初始的地方 d + i + [‘“{(…] 删除对应区间内的内容(d in …) jk 从编辑器模 2023-12-22 Vim > Nvim #Nvim #Vim
Object - 源码阅读 · lodash Object_.at(object, [paths]) 返回一个由数组path作为key从object取到的所有值集合,这个可以很方便的从一个杂乱的对象数组中快速索引到想要获取到的一些对象或值 path取值的实现是通过while循环,索引对象key而获得最终值 2023-12-16 源码阅读 > lodash #源码阅读 #lodash
Function - 源码阅读 · lodash Function_.after(n, func) 返回一个函数,在该函数调用n次后执行func函数,这个在多个异步操作中确认所有任务都结束时感觉非常有用 实现原理是借助闭包将n存储作计数用 2023-12-16 源码阅读 > lodash #源码阅读 #lodash
基础知识 - art-template 模版同时支持支持标准语法和原始语法,标准语法支持基本模板语法以及基本 JavaScript 表达式;原始语法支持任意 JavaScript 语句,这和 EJS 一样 1234567891011<!-- -------------------------------- 标准语法 --------------------------------- -->{{if use 2023-12-16 art-template #art-template
内容超出后无法滚动查看全部 - CSS · Flex 问题描述就是一个Flex盒子然后里面包含着诸多子项,比如有10 个,但是限制了容器的高度并且制定了子项的高度,这样的话容器放不下就只能滚动,但是实际结果是滚动条无法滚动到最上面,有一部分被截断了没法看全,大概代码如下: 123456789101112.container { display: flex; flex-direction: column; align-items: ce 2023-12-12 CSS #CSS