2023年2月21日
virtual DOM VS shadow DOM
摘要： virtual DOM 在JS里头构建当前DOM树结构，然后精准计算需要更新的DOM元素，来提升性能 shadow DOM 封装组件，隐藏内部的复杂DOM结构 <input type="range" />打开浏览器的 Show user agent shadow DOM 开关 阅读全文
posted @ 2023-02-21 11:16 内心澎湃的水晶侠 阅读(17) 评论(0) 推荐(0) 编辑
Chrome 调试元素技巧
摘要： 当一个元素需要鼠标hover才能显示，但你又需要用inspect去查看DOM的个属性，可以这么做： ctrl+`，在控制台输入debugger，然后再去选择元素 当你不知道代码什么地方插入了新的DOM元素，可以这么挂事件： document.addEventListener("DOMNodeInse 阅读全文
posted @ 2023-02-21 10:02 内心澎湃的水晶侠 阅读(69) 评论(0) 推荐(0) 编辑
2023年1月3日
TSConfig
摘要： 设置产出物的目录 { "compilerOptions": { "outDir": "dist" } } example ├── index.js └── index.ts 编译后 example ├── dist │ └── index.js ├── index.ts └── tsconfig.j 阅读全文
posted @ 2023-01-03 15:05 内心澎湃的水晶侠 阅读(139) 评论(0) 推荐(0) 编辑
2022年12月28日
使用patch-package同步node_modules的修改
摘要： 需求： 安装完node_modules，如果需要修改某一个包，又希望将修改保存下来，同步给其他人，可以使用这个工具 首先安装这个工具： npm i patch-package 进入node_modules，修改某一个包的代码，之后运行这个命令： npx patch-package some-pack 阅读全文
posted @ 2022-12-28 10:11 内心澎湃的水晶侠 阅读(136) 评论(0) 推荐(0) 编辑
2022年12月23日
TypeScript 项目引用简化
摘要： 为了避免出现长路径引用： 建议修改成如下： 项目的目录： 这时候，引用就很方便了： 阅读全文
posted @ 2022-12-23 11:45 内心澎湃的水晶侠 阅读(34) 评论(0) 推荐(0) 编辑
2022年12月15日
Typescript TSConfig
摘要： "references": [ { "path": "modules/xxxx" }, { "path": "modules/xxx" }, ], reference 可以提高构建速度 "compilerOptions": { "paths": { "xx": ["modules/xxx/src/c 阅读全文
posted @ 2022-12-15 17:54 内心澎湃的水晶侠 阅读(43) 评论(0) 推荐(0) 编辑
2022年12月13日
JS 模块
摘要： JS 中常用的模块： ES module 浏览器原生支持的模块，typescript也是参考的这个模块 编写模块文件 "test.js" export const name = 'square'; 导入模块并测试 <!DOCTYPE html> <html lang="en"> <head> <me 阅读全文
posted @ 2022-12-13 18:02 内心澎湃的水晶侠 阅读(128) 评论(0) 推荐(0) 编辑
2022年12月8日
CSS Grid布局
摘要： Grid局部，当该容器的元素，需要成行成列的排列时，适合使用Grid 有两种设置： .grid-container { display: grid;} .grid-container { display: inline-grid;} gap = row-gap+column-gap 一、在外部容器上 阅读全文
posted @ 2022-12-08 14:00 内心澎湃的水晶侠 阅读(88) 评论(0) 推荐(0) 编辑
CSS Flex布局
摘要： Flex 布局 单行多元素，可以考虑Flex布局，好处是居中、对齐比较好控制 容器布局，决定使用Flex，横向(row row-reverse)还是纵向排列(column column-reverse)，是否折行(flex-wrap, nowrap wrap) Div里头的字，也比较好决定水平、垂直 阅读全文
posted @ 2022-12-08 11:18 内心澎湃的水晶侠 阅读(681) 评论(0) 推荐(0) 编辑
2022年11月27日
数据结构与算法之回溯法
摘要： 回溯法通用的解题思路 void findSolutions(n, other params) : if (found a solution) : solutionsFound = solutionsFound + 1; displaySolution(); if (solutionsFound >= 阅读全文
posted @ 2022-11-27 17:19 内心澎湃的水晶侠 阅读(17) 评论(0) 推荐(0) 编辑
下一页