20231230 前端开发日报

Vue 3.4 发布；JS实用小方法-将时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前或按照传入格式显示；跟杰哥一起学Flutter (七、项目实战-UI部分‍♀️)；1. 使用openai api实现一个智能前端组件；《HelloGitHub》第 93 期；nodejs+vue+ElementUi农产品团购销售系统zto2c；构建、管理和部署基础设施的多种选择 | 开源专题 No.53；2023 年底前端面试感悟与总结

1. Vue 3.4 发布

   今天，我们很高兴地宣布 Vue 3.4 “灌篮高手”的发布！ 此版本包括一些实质性的内部改进 – 最引人注目的是重写的模板解析器，速度提高了 2 倍，以及重构的反应系统，使效果触发更加准确和高效。它

2. JS实用小方法-将时间转换为 `刚刚`、`几秒前`、`几分钟前`、`几小时前`、`几天前`、几月前或按照传入格式显示

   一、代码注释详解 参数相关 date为传入时间 例："2023/5/10 11:32:01" 2023-02-01 09:32:01 type为返回类型 例：YYYY-MM-DD YYYY年MM月DD

3. 跟杰哥一起学Flutter (七、项目实战-UI部分‍♀️)

   上节对实战过程中可能遇到的知识点进行了预研，涉及：网络请求、Json序列化和反序列化、路由跳转、数据共享等内容。所以，本节以放心写UI(堆控件)啦，手把手带你手撸一个Flutter版的Wan

4. 1. 使用openai api实现一个智能前端组件

   大模型发展如火如荼，作为一名web前端开发人员有必要也需要了解大模型，已经大模型可以应用在什么地方。本文通过实现一个简单的智能前端组件，初步探索大模型运用方法

5. 《HelloGitHub》第 93 期

   简介 HelloGitHub 分享 GitHub 上有趣、入门级的开源项目。 这里有实战项目、入门教程、黑科技、开源书籍、大厂开源项目等，涵盖多种编程语言 Python、Java、Go、C/C++、S

6. nodejs+vue+ElementUi农产品团购销售系统zto2c

   文章浏览阅读398次，点赞17次，收藏6次。系统首页、个人中心、用户管理、商品类别管理、热卖商品管理、系统管理、订单管理，用户；系统中管理员主要是为了安全有效地存储和管理各类信息，还可以对系统进行管理与更新维护等操作，并且对干城小区团购平台有相应的操作权限。软件采用B/S结构，软件系统前台主要实现的功能是：用户的注册与登录，商品的查找与浏览，商品的购买。目标是为了完成小区团购平台的设计和实现，在疫情当下的环境，方便小区业主购入生活所需，减小居民的生活压力。商品的查找与浏览：用户可以用搜索的功能，对所需商品进行查询，可以浏览商品的基本信息。

7. 构建、管理和部署基础设施的多种选择 | 开源专题 No.53

8. 2023 年底前端面试感悟与总结

9. Next.js国际化最佳实践–SEO流量高的离谱

10. 【源码共读】| 实现一个Promise A+

11. vue项目实战系列十：自定义指令

    文章浏览阅读89次。①. type="number"属性限制数字不理想,不大喜欢右侧三角.②. 方案:a. 监听input事件再加上正则过滤:" />(2). 但是会有回退现象.b. 用vue的自定义指令时可以直接获取dom,消除了回退.// 注册一个自定义指令 v-number// 聚焦元素})})都只有在第一次点击按钮的时候可以让Input获得焦点，在不刷新页面的情况下，第二次以后的按钮点击都不会让Input获得焦点。

12. VUE3实现点击按钮下载文件功能

    文章浏览阅读370次，点赞10次，收藏8次。在写vue项目时，有个需求是点击表格中某一行的下载按钮，然后开始下载这一行对应的文件，效果如下：表格每行的最右侧的蓝色按钮就是点击下载，这里涉及到原生的JavaScript写法，长期在写vue项目，原生的写法都很陌生了，记录一下先上组件的原始代码：我用的是vue3+setup语法糖写法，代码比较长，关注一下与下载相关的代码

13. vue使用tracking-min.js与face-min.js进行人脸识别并录像组件

    文章浏览阅读261次，点赞8次，收藏3次。vue使用tracking-min.js与face-min.js进行人脸识别并录像组件

14. Vue + Node.js 从 0 到 1 实现自动化部署工具

    文章浏览阅读340次，点赞7次，收藏12次。将上面零碎的知识点汇聚到一起就是 zuo-deploy 的实现，代码写的比较随意，欢迎 star、fork、提改进 PR！

15. Vue ThreeJs实现银河系行星运动

    文章浏览阅读428次，点赞8次，收藏11次。【代码】Vue ThreeJs实现银河系行星运动。

16. react.memo：react的性能优化

    文章浏览阅读335次，点赞13次，收藏6次。React.memo是 React 提供的一个高阶组件，用于性能优化。它类似于类组件中的，但适用于函数组件。React.memo可以避免不必要的组件重新渲染，提高性能。在上面的示例中，Component是一个简单的函数组件，而是通过React.memo包装的组件。当中的状态更新时，Component会被重新渲染，但由于被React.memo包装，只有在name发生变化时才会重新渲染。通过使用React.memo。

17. 【React源码 – ReactDom.render发生了什么】

    文章浏览阅读167次，点赞4次，收藏4次。React源码解析之ReactDom.render

18. Vue的watch功能：实现响应式数据更新

    文章浏览阅读117次，点赞2次，收藏3次。watch是Vue组件中的一个重要组件的选项，用于监听数据的变化并执行相应的逻辑。可以实现实现响应式数据更新。如果你不会，请仔细往后看，有举例说明哟！！！