20240426 前端开发周报

只写后台管理的前端要怎么提升自己；前端太卷了，不玩了，写写node.js全栈涨工资，赶紧学起来吧；分享一款前端网页代码编辑器 Monaco Editor；【规范】看看人家Git提交描述，那叫一个规矩；作者把他写了3年的软件，给开源了；22个实用的CSS技巧，让你的网站脱颖而出；15 分钟带你感受 CSS :has() 选择器的强大；从0到1实践，企业级前端开发底层规范搭建（2024版）

1. 只写后台管理的前端要怎么提升自己

2. 前端太卷了，不玩了，写写node.js全栈涨工资，赶紧学起来吧

   node.js的优缺点和应用场景 Express框架：实践与技术探索 Express是一个轻量级且灵活的Node.js Web应用程序框架，它提供了一组简洁而强大的工具，帮助开发者快速构建Web应用。

3. 分享一款前端网页代码编辑器 Monaco Editor

   Monaco Editor Monaco Editor 是由 Microsoft 开发的一款基于 Web 技术的开源代码编辑器，它是 Visual Studio Code 编辑器的核心。Monaco

4. 【规范】看看人家Git提交描述，那叫一个规矩

   1.IDEA Git描述规范插件:git commit message helper 2.Git提交描述格式规范,type、scope、subject、body、footer 3.实例Git提交分析

5. 作者把他写了3年的软件，给开源了

6. 22个实用的CSS技巧，让你的网站脱颖而出

   想要让你的网站在激烈的竞争中脱颖而出吗？使用CSS的强大功能可以帮助你实现这一目标。本文将分享22个实用的CSS技巧，帮助你提升网站的外观和用户体验

7. 15 分钟带你感受 CSS :has() 选择器的强大

   最近看到了许多关于 :has() 选择器的知识点，在此总结下来。 MDN 对 :has() 选择器 的解释是这样的： 下面一起来感受下 :has() 选择器的强大之处吧。 :has() 选择器选择父元

8. 从0到1实践，企业级前端开发底层规范搭建（2024版）

9. 面试官问我 react scheduler 调度机制原理? 我却支支吾吾答不上来…

10. Jetpack-ViewModel（面试深度起来）

11. Vue3 中的虚拟DOM、 h() 函数，渲染函数，渲染器知识点一网打尽

12. 前端代码规范 – 编辑器&代码风格

13. 前端代码规范 – 编辑器&代码风格

14. 前端代码规范 – 编辑器&代码风格

15. 前端面试高频考点之——深拷贝和浅拷贝

16. 美团一面，面试官让介绍AQS原理并手写一个同步器，直接凉了

17. 为什么不建议在 Vue 中使用 scoped?

18. 前端代码规范 – 编辑器&代码风格

    在如今快速发展的前端工程领域，团队成员较多时导致编码风格百花齐放，如何保持代码的一致性和可读性成为了开发过程中不可忽视的挑战。

19. vue反编译dist包到源码

20. React 19 带来了 JSX 运行时的重要更新

21. 面试官：为什么选择学习 Nestjs，而不是 Express？

22. 让Web应用支持Face ID和指纹一键登录，产品经理对我猛夸速来看实现原理（附源码）

23. 频繁切换v-show，不频繁使用v-if？面试的时候可别再这么说了

24. 你知道git有多少命令吗?盘点那些你可能没见过但很有用的git命令

25. Flutter大型项目架构：UI设计系统实现

26. 面试：性能优化表格和业务场景优化，你了解吗？

27. 【前端缓存】localStorage是同步还是异步的？为什么？

    ‍ 写在开头 点赞 + 收藏 === 学会 一、首先为什么会有这样的问题 localStorage 是 Web Storage API 的一部分，它提供了一种存储键值对的机制。local

28. 记录一次线上 GO 服务 oom 排查以及内存优化思路「附GO json库调研」

29. 前端代码规范 – 编辑器&代码风格

    在如今快速发展的前端工程领域，团队成员较多时导致编码风格百花齐放，如何保持代码的一致性和可读性成为了开发过程中不可忽视的挑战。

30. 不是Jenkins玩不起，而是脚本更有性价比，在1Panel中使用Node搭建前端自动化

31. 《金融行业前端探索》四、金融行业大模型前端对话Chat搭建与实现

32. Next.js v14 的 cookies()、header() 函数实现原理 —— AsyncLocalStorage

33. Sublime Text 3配置Go语言开发环境

    本篇文章 Huazie 向大家介绍使用 Sublime Text 3搭建Go语言开发环境，并演示编译运行 Go语言代码

34. 10分钟掌握 react 中的 hooks

35. 一站式开源数据库模型文档神器：Databasir

36. 上架即封神3.6k Star 的开源游戏模拟器，Delta 冲上 App Store 免费榜

37. 低代码平台前端二开机制设计

38. 使用 Next.js App Router 常犯的 10 个错误

39. 欢迎 Llama 3：Meta 的新一代开源大语言模型

40. [手把手系列] Sublime Text 插件开发小实战

    本文档为有意向开发Sublime Text插件的开发者提供了基础指导。从环境设置到插件的创建、编码、测试，直至最终的分发，确保开发者能够顺利入门插件开发。

41. 升级 jQuery：努力打造健康的 Web 生态

42. 前端代码规范 – 编辑器&代码风格

    在如今快速发展的前端工程领域，团队成员较多时导致编码风格百花齐放，如何保持代码的一致性和可读性成为了开发过程中不可忽视的挑战。

43. 从零实现 React v18，但 WASM 版 – [8] 支持 Hooks

44. pnpm v9 正式发布，已停止 Node.js v16 支持

    近日，pnpm v9.0.0 正式发布！带来了一系列重大更新和改进，让你的开发体验更加顺畅。现在可以通过 npm install -g pnpm 来升级 pnpm 到最新版本，接下来让我们一起看一下

45. 这些Git事故灾难, 你经历过几个?

    在大规模的协作中, git pull和push是远远不够使用的. 笔者介绍了自己在一线的工作中遇到了各种事故现场, 以及相应的解决方案. 快进来学习下, 也许以后用得上.

46. Flutter开发 — 使用Riverpod实现状态管理

47. 【问题解决】如何在 Vue 切换子组件时优雅地进行 Form 表单校验

    在项目中使用 Vue <component> 遇到了一些挑战，通过点击 <el-aside> 标签切换子组件时，并不能自动触发表单校验，这就需要在父组件中集成对子组件表单的校验逻辑。

48. 太卷了，这款高颜值的创意图片编辑器，功能强大而且还开源免费

49. 揭秘“前端+AI”的真相

    揭秘 前端 + ai 的真相 最先进的 Web 机器学习。直接在浏览器中运行变形金刚，无需服务器！

50. AI+前端 —— 实现图片识别功能

    在当今的技术环境中，人工智能（AI）与前端开发的融合越来越普遍。其中一个显著的应用是在图像识别中，AI算法可以检测和标记图像中的对象，增强用户体验，并在网站或应用程序上实现创新功能。

51. 面试官：来说说vue3是怎么处理内置的v-for、v-model等指令？

52. HarmonyOs开发：json转对象，一个插件轻松搞定

53. 结合应用场景学习Web Worker, 姿势就正确了

    前言 JavaScript 中有一些知识点因为日常开发中不太经常使用，或者在特定场景下才会用到，容易随着时间推移而被容易开发者遗忘。比如说Web Workers, 对于这类知识点，如何改进学习方式，保

54. 腾讯的面试，强度拉满

    今天分享腾讯最新面经，面试的强度还是比较大。 很多八股都是逐渐深入的方式来问，所以大家在学习的过程中，针对一些重点的内容，最好深入去学习，不然还是比较难应对这种追问式的问题。

55. 前端百度一面：大厂有表现力的代码

56. 跟杰哥一起学Flutter (十五、玩转状态管理之——Riverpod使用详解)

57. “提升视频体验：使用HTML、CSS和JavaScript实现交互式播放速度控制”——小白请看

58. Flutter 截图上传

    在上一篇文章中，我们谈了 Flutter 中下载并保存图片为文件 的内容，今天，我们来说说怎么将 widget 生成截图，并且怎么通过接口上传。 生成截图 我们指定生成图片的 widget 区域…

59. 【React系列三】React中常见的生命周期

60. Flutter 上新日志库 – 简约/大气/易用/强大