20240125 前端开发日报

2024 前端趋势预测：React 不会被取代，AI 崛起，追求全栈宇宙；2024年，开源AI潜力更大？；你和时间管理大师，就差一个开源工具「GitHub 热点速览」；前端项目打包并部署；Flutter开发-01-JSON和序列化在Flutter中的最佳实践；他凌晨1:30给我开源的游戏加了UI｜模拟龙生，挂机冒险；VueUse、View Transitions API实现暗黑模式主题动画切换效果；使用html,css,js 实现一个龙年春节祝福卡片效果

1. 2024 前端趋势预测：React 不会被取代，AI 崛起，追求全栈宇宙

   作者丨Jamie Birch 译者 | 明知山 策划 | Tina 对于前端来说，2023 是非同寻常的一年。我们见证了争相抢占甚至是发明服务器端渲染（SSR）市场的热潮、AI 的不断进步、Web 渲

2. 2024年，开源AI潜力更大？

   开源（OS）正在驱动生成式 AI 的创新。得益于像 GitHub 和 Hugging Face 等学术研究平台，我们得以见证 AI 技术的蓬勃发展。

3. 你和时间管理大师，就差一个开源工具「GitHub 热点速览」

   在这个快节奏的生活中，我们努力地在平衡工作、生活和个人发展，但常常感到时间不够用。如何在繁忙的日程中找到一丝丝“喘息”的机会，这个名叫 cal.com 开源项目能让你更轻松地管理日程。不管每天再怎么忙

4. 前端项目打包并部署

   一、vue项目打包 1.1 方式一：vue项目命令行打包 在当前项目路径下，执行命令 在当前项目路径下，生成 一个dist文件夹。  将来部署项目，是部署的dist这个文件。 1.2 方式二：使用vu

5. Flutter开发-01-JSON和序列化在Flutter中的最佳实践

   本文记录下在Flutter中使用JSON和序列化相关的方法和要点，方便记忆。主要有两种方式，其中json_serializable为官方推荐使用的代码工具生成方式。另一种是直接使用插件生成序列化实体

6. 他凌晨1:30给我开源的游戏加了UI｜模拟龙生，挂机冒险

   白泽花了点时间，用 800 行 Go 代码写了一个控制台的小游戏：模拟龙生，在游戏中你将模拟一条新生的巨龙，开始无尽的冒险！

7. VueUse、View Transitions API实现暗黑模式主题动画切换效果

   View Transitions API View Transitions API 是原生JavaScript提供一种能让Dom更加丝滑的API 示例

8. 使用html,css,js 实现一个龙年春节祝福卡片效果

   1. Demo 介绍 前天看到掘金酱发的这个活动,便想着参加一下. 毕竟有奖品哈哈哈. 然后呢,我打算实现了一个春节祝福卡片的效果. 这是下面的效果: –

9. 66K star想画出高颜值的流程图，试试这个手绘风开源白板

   今天我们推荐的推荐的项目帮你画出手绘风的高颜值图表，目前在GitHub已超过66K Star，它就是：excalidraw

10. vue2都停止更新维护了，你还没学会打包优化吗？（打包体积减少78%，冷启动速度提升93%， 打包速度提升73%）

    前言 之前的开发工作中对vue2项目也有做过不同的优化，但是都比较零散且没有系统化的记录下来。 正好最近接手了一个老项目，虽然项目不大性能也还过得去，但是我觉得可优化的空间还是比较多的。 所以也趁此机

11. React和Vue的有何不同？

    文章浏览阅读322次，点赞4次，收藏4次。JNPF 快速开发平台的 Vue3.0 版本是基于 Vue3.x、、Vite4.x、Ant-Design-Vue3.x、TypeScript、Pinia、Less 的后台解决方案，采用 Pnpm 包管理工具，旨在为中大型项目做开发，提供开箱即用的解决方案。前端同时适配Vue3技术栈。引擎式软件快速开发模式，除了上述功能，还配置了图表引擎、接口引擎、门户引擎、组织用户引擎等可视化功能引擎，基本实现页面UI的可视化搭建。内置有百种功能控件及使用模板，使得在拖拉拽的简单操作下，也能大限度满足用户个性化需求。

12. React+Three.js实现粒子包围的安卓机器人

    文章浏览阅读513次，点赞15次，收藏4次。文章到这里就结束了，用的东西都是比较入门的，诸如一些纹理图的加载，GLTF模型的加载等这样的知识点，我仍旧在学习摸索的过程中，后面也会通过一个个小的demo分享出来。

13. vue3源码（二）reactive&effect

    文章浏览阅读176次，点赞2次，收藏4次。reactive方法会将对象变成proxy对象，effect中使用reactive对象时会进行依赖收集，稍后属性变化时会重新执行effect函数。

14. Vue组合式与选项式写法的一些总结及部分代码

    文章浏览阅读286次。接收到属性: {{ message }}

15. ES6以及TypeScript(TS)

    文章浏览阅读270次，点赞8次，收藏9次。var num3 = 177.234 console.log("num3.toFixed() 为 "+num3.toFixed()) // 输出：177 console.log("num3.toFixed(2) 为 "+num3.toFixed(2)) // 输出：177.23 console.log("num3.toFixed(6) 为 "+num3.toFixed(6)) // 输出：177.234000。const和let都有个暂时性死区的概念，暂时性死区，就是在声明之前，使用变量，会报错。

16. vue分享会准备

    文章浏览阅读157次，点赞2次，收藏3次。vue分享会准备。