20231129 前端开发日报

尝试用 three.js 实现了这个跨窗口的粒子动画；前端新趋势？有了Web Component，还用纠结Vue或React？；vue3 + ts + svg + ECharts 实现双十一数据大屏；拥抱可选链 (?.) ：打造简洁且健壮的 JavaScript 代码；请查收，本周刷屏的两大热点「GitHub 热点速览」；开源语言大模型演进史：向LLaMA 2看齐；JS闭包应用:通过记忆函数优化递归；深入解析React中useEffect的原理与实际应用

1. 尝试用 three.js 实现了这个跨窗口的粒子动画

   相信不久前大家已经被这个粒子动画给刷屏了吧： 之前看过很多人都在分析跟这个效果相关的跨窗口通信技术，尽管这样是挺好，但我依旧有点纳闷：为什么没有人讲讲背后的粒子特效是怎么实现的呢？

2. 前端新趋势？有了Web Component，还用纠结Vue或React？

   前端新趋势？有了Web Component，还用纠结Vue或React？ 什么是Web Component Web Component 的概念最早在 2011 年被 Google 提出，并在 2018

3. vue3 + ts + svg + ECharts 实现双十一数据大屏

   这不双十一刚过十几天，本篇文章就来介绍下如何使用 vue3 + ts + svg + ECharts 实现一个双十一数据大屏页面~

4. 拥抱可选链 (?.) ：打造简洁且健壮的 JavaScript 代码

   可选链 ?. 不仅能够显著减少代码中的冗余判断，而且让我们的代码更加晰、易读。除了简化代码，可选链 ?. 还能提供更好的错误处理和容错能力。帮助我们避免错误的发生，并提高了代码的健壮性和可靠性。

5. 请查收，本周刷屏的两大热点「GitHub 热点速览」

   如果你逛 HackerNews 或者是推特，你一定会被 multipleWindow3dScene 这个跨窗口渲染项目的成果刷屏，毕竟国内的技术平台上也出现了不少的模仿项目。另外一个热点，便是你在白板

6. 开源语言大模型演进史：向LLaMA 2看齐

   本文将介绍如何通过微调/对齐那些更出色的LLaMA-2等开源模型来提升它们的效果，并缩小开源和私有LLM之间的差距。

7. JS闭包应用:通过记忆函数优化递归

   LeetCode509题:斐波那契数 （通常用 F(n) 表示）形成的序列称为 斐波那契数列 。求该数列的每一项,通过递归虽然简洁明了但是存在重复计算问题,可以通过js中闭包来创建一个记忆函数来优化.

8. 深入解析React中useEffect的原理与实际应用

   React的useEffect是处理组件副作用的重要Hook，通过深入探讨其实现原理，我们能更好地理解其在React中的作用。副作用函数涵盖了数据获取、订阅外部事件、手动DOM操作等。

9. vuex与vuex-class底层学习 & 简版实现

   vuex-class是在class-component中使用vuex的辅助工具，如果不清楚class-component是什么以及为什么要用vue-class-component，可以我上篇文章。 学

10. vue3 + element-plus + ts el-table封装

    文章浏览阅读206次，点赞3次，收藏5次。vue3 + element-plus + ts el-table封装

11. vue3 element-plus el-table表头冻结，表头吸顶

    文章浏览阅读113次。element-plus，el-table表格进行吸顶，冻结表头，复制脚本文件，进行引用，快速实现。

12. 【JavaScript框架】Vue与React中的组件框架概念

    文章浏览阅读362次，点赞8次，收藏7次。比较前端框架Vue与React中的组件框架概念

13. vue select选择下拉组织树，解决不出现横向滚动条

    文章浏览阅读168次，点赞3次，收藏3次。注意：groupList为组织结构的数据，具体情况结合自己的项目。背景：由于项目需求需要使用下拉选择框的组织架构树。才正常出现横向滚动条。

14. 从 0 搭建 Vite 3 + Vue 3 Js版 前端工程化项目

    文章浏览阅读353次，点赞9次，收藏9次。前言之前分享过一篇vue3+ts+vite构建工程化项目的文章，针对小的开发团队追求开发速度，不想使用ts想继续使用js，所以就记录一下从0搭建一个vite+vue3+js的前端项目，做记录分享。Vite 3 – 构建工具Vue 3Vue Router – 官方路由管理器Pinia – Vue Store你也可以选择vuexelement-plus – UI组件库Sass – CSS 预处理器Axios – 一个基于 promise 的网络请求库，可以用于浏览器和 node.js。

15. VUE简易计划清单

    文章浏览阅读353次。vue简单的计划清单程序，实现了添加计划功能，删除计划功能，查看详情，完成计划等功能。

16. 基于vue_cli3+node.js的英语题库系统设计与实现

    文章浏览阅读265次，点赞12次，收藏6次。在应用程序的开发和管理的历史过程中，web应用的发展一日千里，而旧式框架的开发管理已经略显累赘，而与此同时，前后端分离的概念却已渐渐走入人心。2013年，华裔工程师尤雨溪在在GitHub上发布了早期版本的Vue.js框架，此框架轻便快捷，灵活易用。在GitHub的开源项目中，Vue名列前茅，GitHub Star超过了16万。据国家统计局统计分析，大部分的公民在一天内的学习研究的时间严重不充足，公民的学习研究参加率过低。

17. 基于vue+node.js智慧校园学生办证系统

    文章浏览阅读211次。随着计算机技术和网络技术的飞快发展，它加速了国内信息化建设的进程，信息技术对管理改革产生了深远的影响。为了适应新时代的发展趋势，各行各业都高度重视信息化建设。在教育领域，信息时代的到来为传统教育改革和学校管理发展提供新机遇。智慧校园的信息化建设。在传统的方式下，高校的学生丢失证件都需要到指定后勤部门申请，有时候后勤上班时间与上课时间相冲突，这无疑给急需使用证件的学生造成很大的不便利，消耗了人力，物力，财力。在大数据背景之下,传统的校园管理方式已经明显不能满足信息化时代的发展。

18. vue简述

    文章浏览阅读1k次，点赞19次，收藏18次。删除|修改

19. 实战Flask+BootstrapTable最简动态表头及数据(ajax方法)

    文章浏览阅读126次，点赞6次，收藏3次。1.实现原理:通过ajax从后端获取表头及数据。话不多说,有图有源码。

20. React的父子组件互相通信

    文章浏览阅读151次，点赞2次，收藏4次。使用props和ref来实现父子互相通信

21. vue+canvas实现手写签字

    文章浏览阅读160次，点赞4次，收藏4次。技术 : vue + element + canvas。

22. vue建立组件无校验版

    文章浏览阅读188次，点赞4次，收藏6次。有两个要传递的参数，选项名tabTitle,激活的选项索引activeIndex.还有一个要传递的事件handleChange，该事件有一个参数index。组件：文件src/components/TabBlock/index.vue。

23. React Router & React Reducer Hook 实现路由管理

    文章浏览阅读62次。本文将通过React Router & React Redux实现登录和授权路由功能，将会从以下三个部分入手。

24. 错误地使用 React 的五种方式，会导致你被解雇|useState

    文章浏览阅读349次，点赞8次，收藏6次。虽然是一个简单的工具，但useState许多开发人员仍然会犯错误。在代码审查期间，我经常看到即使是有经验的人也会犯这些错误。在本文中，我将通过简单实用的示例向您展示如何避免它们。

25. Vue3-toRaw 和 markRaw 函数

    文章浏览阅读282次，点赞4次，收藏3次。- toRaw(转换为原始)：将响应式对象转换为普通对象，只适用于 reactive 生成的响应式对象。- markRaw(标记为原始)：标记某个对象，让这个对象永远都不具备响应式。一些集成的第三方库，会有大量的只读列表，不让其具备响应式是一种性能优化。

26. vue3默认插槽、具名插槽以及作用域插槽实现父子组件通信

    文章浏览阅读169次，点赞3次，收藏5次。【代码】vue3默认插槽、具名插槽以及作用域插槽实现父子组件通信。