笔记汇总

好文收藏

1. 【2024】前端，该卷什么呢？
2. RxJS 入门及应用
3. github.com/febobo/web-…
4. www.zhihu.com/people/otak…
5. zh-hans.react.dev/reference/r…
6. www.imooc.com/read/70
7. cloud.tencent.com/developer/a…
8. # 脱发秘籍：前端Chrome调试技巧最全汇总
9. # H5场景下唤起APP方法详解（拉端）
10. # 闲鱼唤端的背后
11. 移动端点击出现蓝色框的解决方案

低代码相关

• github.com/taowen/awes…
• 低码编辑器中的“拖拽”是如何实现的

端外调起

• 什么是Deeplink？以及Deeplink的原理

面试相关

• juejin.cn/post/684490…
• vue3js.cn/interview/J…
• vue3js.cn/interview/c…
• hytonightyx.github.io/fedoc/08-No…
• www.liaoxuefeng.com/wiki/101695…
• 要就来45道Promise面试题一次爽到底(1.1w字用心整理)
• # 前端面试刷题必备（性能优化篇）

tips

1. vue请求网络图片403错误：segmentfault.com/a/119000001…

2. 直接监听dom元素大小变换 justforuse.github.io/blog/zh-cn/…

3. 一个好用的在线编辑器monoca-editor cloud.tencent.com/developer/a…

4. vue watch监听新旧数据相同问题 blog.csdn.net/qq_37768929…
   juejin.cn/post/700508…
   

5. electron
   

6. HTML5内容安全策略（CSP）

7. npm install --legacy-peer-deps干了什么？ juejin.cn/post/697126…

8. v-html防止xss：vue-dompurify-html

9. node升级20，NODE_OPTIONS="--openssl-legacy-provider" www.cnblogs.com/hmy-666/p/1…
   

10. .browserslistrc的作用 juejin.cn/post/708079…

11. vitest和jest

12. JS实现阻止别人调试通过控制台调试网站juejin.cn/post/697625…

13. 手机端页面禁止双指缩放

14. Chrome 浏览器运行原理你了解多少?

15. 超全面的UI设计规范整理，你值得收藏！

16. 腾讯高性能跨端框架 Hippy cloud.tencent.com/developer/a…

17. Vue3: CSS Modules和 Scope深度剖析

18. 设置rem或font-size小于12px在浏览器中无效

20.前端应该如何在项目中进行剪切板操作

21. module.exports和exports的区别

22. 增加水印mobile.ant.design/~demos/wate…

23. Git 合并时 --no-ff 的作用

24. 基于EJS的前端动态HTML构建优化

25. vue3.x 的生命周期和钩子函数，你get了么？

26. [vue3采用xlsx库实现本地上传excel文件，前端解析成Json数据](blog.csdn.net/Smile_66666…

27. tmagic-editor相关
    

    1. 带你了解更全面的 Monorepo - 优劣、踩坑、选型
    2. # 幽灵依赖所引出的知识！
    3. # 讲讲我做低代码平台这一年

28. 一份 2.5k star 的《React 开发思想纲领》

29. Vue3 手把手按需引入 Echarts

30. # Vue3 中 Swiper 插件 loop 无限滚动、并且暂停的问题

31. [字体压缩] (transfonter.org/）

32. 全国哀悼日，一行代码实现网页变灰效果

本人总结：

1. watch监听：juejin.cn/post/726756…
2. vue3+vite+monaco快速使用 juejin.cn/post/726979…
3. vue3+vite+tinymce juejin.cn/post/727039…

随笔：

1. 单行省略

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 1;
display: -webkit-box;