20240119 前端开发日报

44K star2023最火的前端开源项目；面试官： forEach怎么停止；html中的lang起到什么作用？；【18.3K⭐】WindTerm：一款功能强大、界面优美的开源跨平台终端软件；中国行政区划数据：省级到村级详细信息 | 开源日报 No.148；这里有从零开始构建现代化前端UI组件库所需要的一切（一）；开源一套更好用的表单渲染解决方案 SchemaRender；前端工程化必备-实现一个自己的脚手架

1. 44K star2023最火的前端开源项目

   今天我们推荐的就是2023年最火的前端开源项目，目前在GitHub已超过44K Star，它就是：shadcn-ui。

2. 面试官： forEach怎么停止

   介绍 在准备 JavaScript 面试时,理解数组方法的复杂性至关重要。一个常见的问题是是否可以停止或中断 forEach 循环。本文探讨了 forEach 方法的功能、其局限性以及 JavaScr

3. html中的lang起到什么作用？

   今天被lang="en"这玩意给坑了，平时看着不起眼的一个小配置，结果在中文换行的时候出现了不一样的效果…… 测试在火狐浏览器显示都一样，在chrome就是如图效果，起初还以为是chrome渲染机制的

4. 【18.3K⭐】WindTerm：一款功能强大、界面优美的开源跨平台终端软件

   【18.3K⭐】WindTerm：一款功能强大、界面优美的开源跨平台终端软件 由于我经常需要使用终端来连接远程服务器进行系统管理、编写代码和部署一些AI项目，因此我需要一款功能强大的终端工具，最好界面

5. 中国行政区划数据：省级到村级详细信息 | 开源日报 No.148

   《中华人民共和国行政区划 (五级) 数据库》是一个提供中国省级、地级、县级、乡级和村级行政区划数据的项目。数据来源于国家统计局，已更新至最新发布时间。你可以通过 JSON 或 CSV 格式下载数据，也

6. 这里有从零开始构建现代化前端UI组件库所需要的一切（一）

   这篇系列文章深入探讨了构建现代前端UI组件库的关键步骤。从设计理念到工程结构，再到流程优化和发布维护，为读者提供全面指南。学习如何避免陷阱，确保组件库的稳定性和用户体验。

7. 开源一套更好用的表单渲染解决方案 SchemaRender

8. 前端工程化必备-实现一个自己的脚手架

9. 基于 slate.js 框架 wandEditor 富文本渲染及源码分析

10. 一镜到底vue前端开发准备

11. 「开源」一个可以对日期自定义标记并且生成分享图的日历 – Calendar Remark

12. [Saasfly前端小报] 谁是2023年最好的前端框架？

13. 图解CSS：CSS 的值和单位

14. NodeJS中使用winston做日志记录真的太好用辣

15. Vue3中的Ref和Reactive：理解响应式编程

    文章浏览阅读462次，点赞15次，收藏7次。1.ref是定义简单类型和单一对象2.reactive是用来定义复杂的类型在Vue中，响应式编程是一种使数据与UI页面保持同步的方式。当数据变化时，UI会自动更新，反之亦然。这种机制大大简化了前端开发，不必手动处理DOM更新。

16. 面试官：什么是垂直越权？有哪些解决方案？

17. Three.js衣服logo文字定制

18. 前端必刷系列之红宝书——第 3 章

19. vue3中reactive和ref函数及对比

    文章浏览阅读99次，点赞3次，收藏3次。接受对象类型数据的参数传入并返回一个响应式的对象。

20. react-js中使用wangEditor

    文章浏览阅读130次，点赞3次，收藏5次。wangEditor轻量级 we。

21. node.js(express.js)+mysql实现登录功能

    文章浏览阅读329次，点赞9次，收藏9次。1.检测表单数据是否合法2.根据用户名查询用户的数据3.判断用户输入的喜码是否正确4.生成JWT 的 Token 字符串登录接口完整代码如下：controllers/user.js文件// 登录接口// 导入密码加密// 导入jwt 包来生成token// 导入密钥// 获取客户端提交到服务器的用户信息// 定义sql语句,根据用户名查询用户的信息// 执行sql语句，根据用户名查询用户的信息// 执行sql语句失败。

22. React 中，forwardRef 和 useImperativeHandle 配合实现父组件调用子组件方法和属性

    文章浏览阅读166次。forwardRef： React 提供的一个特殊的 API，主要用于将 ref 属性从父组件 “转发”（forward）到子组件。在 React 中，ref 主要用于获取组件或 DOM 元素的引用，这样我们就可以在需要的时候访问和操作这些组件或元素。然而，由于 React 的 props 传递机制，我们无法直接将 ref 传递给子组件。子组件通过 forwardRef 接收父组件的 ref，通过 useImperativeHandle 将自己的属性和方法和父组件的 ref 实现绑定，并暴露给父组件。

23. VUE–组件通信（非父子）

    文章浏览阅读149次，点赞2次，收藏2次。一、非父子通信 — event bus 事件总线作用：非父子组件之间进行步骤：1、创建一个都能访问到的事件总线（空vue实例）— utils/EventBus.js二、非父子通信 — provide & inject。

24. 【Ant Design of Vue】Modal.confirm无法关闭的bug

    文章浏览阅读115次，点赞3次，收藏4次。在使用 Ant Design Vue 的 Modal.confirm 确认框时，出现了点击取消和确定后 Modal.confirm 确认框无法关闭的问题。

25. Vue3Ts中如何实现父组件传递给子组件

    文章浏览阅读194次，点赞4次，收藏5次。Vue3Ts中如何实现父组件传递给子组件