内心澎湃的水晶侠

2023年2月21日

摘要： virtual DOM 在JS里头构建当前DOM树结构，然后精准计算需要更新的DOM元素，来提升性能 shadow DOM 封装组件，隐藏内部的复杂DOM结构 <input type="range" />打开浏览器的 Show user agent shadow DOM 开关阅读全文

posted @ 2023-02-21 11:16 内心澎湃的水晶侠阅读(15) 评论(0) 推荐(0) 编辑

Chrome 调试元素技巧

摘要：当一个元素需要鼠标hover才能显示，但你又需要用inspect去查看DOM的个属性，可以这么做： ctrl+`，在控制台输入debugger，然后再去选择元素当你不知道代码什么地方插入了新的DOM元素，可以这么挂事件： document.addEventListener("DOMNodeInse 阅读全文

posted @ 2023-02-21 10:02 内心澎湃的水晶侠阅读(62) 评论(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 内心澎湃的水晶侠阅读(132) 评论(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 内心澎湃的水晶侠阅读(116) 评论(0) 推荐(0) 编辑

2022年12月23日

TypeScript 项目引用简化

摘要：为了避免出现长路径引用：建议修改成如下：项目的目录：这时候，引用就很方便了：阅读全文

posted @ 2022-12-23 11:45 内心澎湃的水晶侠阅读(32) 评论(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 内心澎湃的水晶侠阅读(40) 评论(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 内心澎湃的水晶侠阅读(125) 评论(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 内心澎湃的水晶侠阅读(80) 评论(0) 推荐(0) 编辑

CSS Flex布局

摘要： Flex 布局单行多元素，可以考虑Flex布局，好处是居中、对齐比较好控制容器布局，决定使用Flex，横向(row row-reverse)还是纵向排列(column column-reverse)，是否折行(flex-wrap, nowrap wrap) Div里头的字，也比较好决定水平、垂直阅读全文

posted @ 2022-12-08 11:18 内心澎湃的水晶侠阅读(672) 评论(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 内心澎湃的水晶侠阅读(16) 评论(0) 推荐(0) 编辑

内心澎湃的水晶侠

公告