20231027 前端开发周报

JSDoc 真能取代 TypeScript？；第一次看见这么酷炫的 GitHub 首页；1024程序员节，Nest.js中文文档上线啦（最新版本）；产品：请给我实现一个在web端截屏的功能；前端Vite的出现解决了什么？；面试官问，如何在十亿级别用户中检查用户名是否存在？； Vue DevUI 1.6.0，视觉升级、重量组件发布；一次性弄清前端上线和生产环境地址

1. JSDoc 真能取代 TypeScript？

   这几个月，想必大家都听到过一个新闻： Svelte 弃用 TypeScript，改用 JSDoc 了。 TypeScript 我们知道，是用来给 JS 加上类型的，可以实现类型提示和编译时的类型检查。

2. 第一次看见这么酷炫的 GitHub 首页

   大家好，我是 Lorin，想必大家在日常中经常会对自己使用的开发工具进行美化，比如 IDE、命令行 等等，那你的 GitHub 美化了？

3. 1024程序员节，Nest.js中文文档上线啦（最新版本）

   历时 1 个多月翻译的 Nest.js V10.x 版本中文文档。就在 1024 这天上线吧！网站访问速度还是蛮快的哦！ 网站地址：http://nestjs.inode.club

4. 产品：请给我实现一个在web端截屏的功能

   一、故事的开始 最近产品又开始整活了，本来是毫无压力的一周，可以小摸一下鱼的，但是突然有一天跟我说要做一个在网页端截屏的功能。 作为一个工作多年的前端，早已学会了尽可能避开麻烦的需求，只做增删改查就行

5. 前端Vite的出现解决了什么？

   在 ESM 出现之前，Javascript 是没有一个标准的模块方案。 比如说 CJS 是用于 Node 服务端的模块化方案，AMD 是用于浏览器的模块化方案。为了解决这个模块共用性问题，

6. 面试官问，如何在十亿级别用户中检查用户名是否存在？

   前言 不知道大家有没有留意过，在使用一些app注册的时候，提示你用户名已经被占用了，需要更换一个，这是如何实现的呢？你可能想这不是很简单吗，去数据库里查一下有没有不就行了吗，那么假如用户数量很多，达到

7. Vue DevUI 1.6.0，视觉升级、重量组件发布

   VueDevUI更新啦，欢迎体验与交流。提供了Markdown、CodeEditor、CodeReview组件等新组件。

8. 一次性弄清前端上线和生产环境地址

   不知道小伙伴在前端开发的时候有没有这样的困惑 前端项目打包后，我打包过的静态资源是如何访问后端服务的？ 访问后端服务的时候难道不存在跨域的问题吗？如何解决的？ 加入我想自己简单修改下部署后的目录该如

9. 前端文艺复兴：真的需要Pinia吗？

   我们真的需要Pinia/Vuex吗？Pinia/Vuex解决了什么问题？没有Pinia/Vuex前我们是怎么做的呢，会有什么问题？

10. 前端传参如果参数过多你还会拼接在URL上嘛？

    当然除了 ‘+’ 拼接你也可以用模版字符串的方式，相对来说可能要好一些，但是如果字段太多的话，还是不太方便，所以这里介绍一种其他的方式，比如qs。 qs是npm仓库所管理的包，可以通过npm inst

11. 从0到1搭建webpack5+vue2.7+ts脚手架

    本文使用 webpack5 从0到1搭建项目脚手架，参考业内的很多最近实践。使用了 vue2.7+ts 提高了项目的整体可维护性，使用 esbuild-loader 以及 webpack5 的缓存。

12. 解决前端部署之后，通知用户系统有新版本【version-polling】

    解决前端部署之后，通知用户系统有新版本【version-polling】,设计目的 为了解决前端项目部署之后，如何通知用户系统有新版本，并引导用户刷新页面以加载最新资源的问题。

13. 面试华为终端事业部，历时半个月，还是凉了

    最近有一位读者朋友在我的知识星球程序员学院发帖子，讲述了他最近面试的情况。 这位小伙伴曾经在字节跳动进行后端开发实习，并且在秋招提前批的时候，面试了深圳华为终端事业部

14. 工作两年，本地git分支达到了惊人的361个，该怎么快速清理呢？

    不知道大家平时工作的时候会不会需要经常新建git分支来开发新需求呢？在我这边工作的时候，需求都是以issue的形式来进行开发，每个issue新建一个关联的分支来进行开发，这样可以通过issue看到一个

15. 中级前端必备知识点

    1、从输入url到页面显示出来发生了什么 1.DNS解析 2.TCP连接 3.发送HTTP请求 4.服务器处理请求并返回需要的数据 5.浏览器解析渲染页面 解析HTML，生成DOM树，解析CSS，生成

16. 卷不动，真滴卷不动，前端再出新轮子 nue.js

    NueJS 目前在GitHub上已经有4k多的star了，可谓是吸星之迅速呀。 NueJS 是一个非常小巧 (2.3kb minzipped) 的 JavaScript 库，用于构建 Web 界面。

17. 前端如何直接上传文件夹

    我们经常看到一些网站支持直接选择整个文件夹上传，例如：宝塔面板、cloudflare托管、对象存储网站等等需要模拟文件路径存储文件的场景。那是怎么实现的呢？

18. 前端周报：JS 全新分组方法对 Node 降维打击的 Bun…ViteCof 44 场演讲（2023 年第 38 周）

    JS 全新分组方法和 URL 判断方法，对 Node 降维打击的替代品 Bun，ViteConf 2023 的 44 场演讲。2023 年第 38 周前端生态的技术周报。

19. 强化学习的一周「GitHub 热点速览」

    当强化学习遇上游戏，会擦出什么样的火花呢？PokemonRedExperiments 将经典的 Pokeman 游戏接上了强化学习，效果非同凡响，不然能一周获得 4.5k star 么？看看效果图就知

20. 淡定，前端工作还有很多，只是要求高了

    因为大环境不好，增量的前端工作，相比两年前少了一半以上，但还有很多存量的前端项目，需要开发维护，这就需要负责这些工作的前端要足够靠谱。

21. 前端框架搭建——从零到一搭建一个高颜值Vue3后台管理系统(二)

    上一篇我们已经把基础的工程化搭建了，下面就是集成项目所需要的插件，比如elementplus、unocss、mock之类的，因为我们使用的是vite，所以这些插件需要集成在里面。

22. 面试被问到 FlutterCandies，阁下又当如何应对 ？

    坐在面试官面前，我感到有些紧张，而面试官似乎察觉到了。他面带微笑，递了一杯水给我，问道： “ 你有听说过 `FlutterCandies` 吗？”

23. 终于 Remix 开始支持 Vite 了

    一、事情的开始 今年在学习 React Router 的时候发现 React Router 团队还有一个上层框架 Remix, 于是对 Remix 产生了浓厚的兴趣。因为本身自己是做 React 相关

24. 开源贡献难吗？

    在 CommunityOverCode Asia 2023 上的 Keynote 演讲中，李本超根据自己在开源社区的贡献经历，跟大家分享了《开源贡献难吗？》这一主题演讲。

25. 前端鉴权的几种方式

    常见鉴权方式 目前我们常用的鉴权有四种： HTTP Basic Authentication (HTTP基本认证) session-cookie Token 验证(包括JWT,SSO) OAuth(开

26. 在vue开发中如何利用.env文件

    前言 我们在 vue 项目的目录中经常看到 env 开头的文件，在文件内声明一些变量，这些变量就是一些配置变量，在不同环境下可使用的变量。 环境 项目的运行不止在我们敲代码的时候，还在正式使用时等等，

27. 前端同学的副业探索

    跟一个前端小伙伴聊了聊关于35岁危机的话题。 老家有实体资源的，可以充分利用起来，结合互联网的便利性，为自己另谋出路。

28. React 期许的未来（RSC）可不能并不是国内前端想要的未来

    这是 `React ` 团队当下想要 `all in server` 的信号即可，而 `RSC` 是这方面目前最具代表的技术 我自己则是实现了一版另类的 `RSC`，过程有些唠叨，希望可以耐心看下去

29. 简单使用GitHub、Git的方法

    本文首先介绍什么是GitHub与Git软件，以及为什么我们要运用这些工具，随后对二者的简单使用方法加以介绍~

30. vue3优雅的使用useDialog

    在日常开发时，弹窗是一个经常使用的功能，而且重复性极高，你可能会遇到下面这些问题: 1、一个页面内多个弹窗, 要维护多套状态,看的眼花缭乱 2、弹窗内容比较简单，不想单独维护一套变量 关于这个问题,

31. 北京市大兴区公交可视化免费开源——持续更新中

    北京市大兴区公交可视化开源项目用公交路线数据，还原城市结构，通过数据可视化手段，充分体现了数据可视化带来的便利和效果！

32. 8种大 O 表示法的 JavaScript 描述

    大 O 简介 大 O 表示法是一种用于描述算法执行时间的渐进复杂性的数学表示方法。它指示了算法的运行时间如何随输入规模的增加而增长。 前端（JS）开发者为什么需要学习大 O? 性能优化 数据结构选择

33. 两周面试，遇到的那些奇事

    最近两周在帮别的部门面试，期间遇到了许多典型案例。有的真正做到了学习一年，重复十年；有的一手好牌，打的稀碎；有的连基本的社交礼仪都不懂的…… 这里将这些案例和思考拿来分享，也是想让目前还从事软件行业的

34. 人人都说 vite 快，但它究竟为啥快？

    在前端技术一浪拍死一浪的洪流中，vite 已经逐渐取代 webpack 成为各大框架推荐的打包工具。 大家都说 vite 快，那它究竟为啥快呢？ 今天就和大家伙一起好好扒一扒 vite 的底细。 de

35. 关于我调部门感觉又重新面试一次，这件事，做出知识总结

    当时部门调整，要调动到其他部门，最开始我以为就走个流程意思意思，一点准备都没有。没想到，去其他部门还经过了3面，感觉挺正式的，在这期间问的问题有些令我印象深刻，发现了许多不足吧

36. 写一个服务，从NodeJs到Express到Koa

    前端写Nodejs服务的基础知识点探索的文章，对比了Nodejs、Express、Koa写服务的一些差异。

37. 学习前端工程化2️⃣——webpack入门演练

    新人前端往往在学习过程中由于找不到体系化的工程化课程，导致对这一块的理解很浅薄。前端工程化的网上资源较乱，但是面试又特别爱问，故而写下这个系列的文章整理。

38. 优秀的 Vue3 开源后台模板推荐

    总能看见很多推荐开源项目的文章，但是发现其中推荐的项目质量参差不齐，甚至有些作者早就不维护了。所以打算写下这篇推荐文…

39. 前端开发，vue3实现excel文件预览和打印

    在前端开发中，有时候一些业务场景中，我们有需求要去实现excel的预览和打印功能，本文在vue3中如何实现Excel文件的预览和打印。

40. 人手一个编程助手北大最强代码大模型CodeShell-7B开源，性能霸榜，IDE插件全开源

    继 CodeLlama 开源之后，北大等机构正式开源了性能更强的代码基座大模型 CodeShell-7B 和代码助手 CodeShell-Chat。不仅如此，团队还把方便易用的 IDE 插件也开源了！

41. 35k Web3 智能合约架构师面试记录

    从很多朋友那儿道听途说最近行情非常差，于是在主流招聘平台投了一些岗位试试水。最近可能会持续更新一些面试文章。 不得不说今年的环境确实是最近四五年最差的一年。主要是有两点，第一点是真正招人的公司变少了…

42. Vue3: 使用Tdesign过程中遇到的坑洼（全网首发）

    滑进Tdesign的设计世界，哪怕只是一不小心，你也会掉进一些意想不到的坑里！但别慌张，大胆探索，和做好每一次的总结。 在这篇文章中，我将分享我们在使用Tdesign过程中遇到的坑洼，以及我个人

43. 纯前端也可以实现「用户无感知录屏」？

    如果真正做到无感知，那我们就不能借助浏览器或者系统系统的能力了。我们能做的就只能是通过js去操作了。 要在页面内直接录制视频似乎并不容易，没有现成的开源库可以使用，也没有很好的想法。 那我们换一个思路

44. 前端特效之”我裂开了”

    又简简单单地过了一周，这回给大伙带来一个新的前端特效，我把它命为-我裂开了。这个特效呈现的效果就是给背景图片加上一种裂开效果，大家可以接着往下看。 效果预览 这个效果其实就是一个撕裂特效

45. 前端技术栈盘点大杂烩

    作为一名前端程序猿应该学习掌握的技术有哪些呢？你可能需要这份技术学习路线图，看看吧~~~~~~~

46. 聊聊前端困境与破局之道

    不快乐一般是由于【摆烂和努力都不够纯粹】，这是你过的很拧巴的根源。 今天我们来聊聊前端的【发展的困局】 和【破局之道】

47. 每日一练-平衡二叉树的构建-JS简易版

    上篇文章介绍了排序二叉树的内容，这篇文章介绍平衡二叉树的创建。 排序二叉树虽说查找的复杂度是O(logn)，但这也是平均情况，极端情况可能就是O(n)了.比如一个没有分叉的排序二叉树，这时候树的高度就

48. Flutter应用的美学之旅：Material 3的一致与灵活

    Flutter应用的美学之旅：Material 3的一致与灵活 概述 作为程序员，我们在摸鱼之余时候都会有一些"天才"的想法需要实现，MaterialDesign提供了一套强大的设计指南解决这个问题。

49. 学好setup语法糖，快速上手Vue3

    在之前的文章中，我们在代码里都使用了setup的语法糖，写起来十分简洁方便，但是有些小伙伴对它的用法不是很了解，私信说希望能讲一讲；本文我们就结合typescript，详细讲透setup语法糖的一些用

50. 梦回JavaScript之作用域–小白篇

    .作为一名刚刚接触JavaScript的萌新小白，我们今天来聊点“干货”—-作用域。萌新必看！！！

51. 从 Tailwind CSS 到 UnoCSS —— 原子化真的是现代前端CSS的救星吗

    原子化 CSS 是一种 CSS 的编写方式，它将样式规则分解为独立的、可重复使用的小型类名，以实现更高度可组合和可重用的 CSS。显然原子化 CSS 并不适用于所有情况。

52. 用Three.js做一个智慧城市-纯前端（Vue3+Three.js+antvG2）

    在网上找了很久都没有找到使用Three.js开发智慧城市的免费文章或者免费视频,自己花了一点时间做了一个纯前端的智慧城市项目。  技术栈都是最新的:vue3+vite+typeScript

53. 一个功能强大的Flutter开源聊天列表插件

    flutter_im_list是一款高性能、轻量级的Flutter聊天列表插件。可以帮助你快速创建出类微信的聊天列表的效果。 目录 预览图 示例 视频教程 如何使用 API 预览图 整体 长按 输入中

54. JS设计模式：敲代码还不会追女孩子？受不了一点-小白篇

    小白必看，JavaScript设计模式：理清对象设计思路！码商 + 情商 = 面向对象，找"对象"必学一招

55. APP与H5通信-JsBridge

    背景 在移动开发领域，原生应用嵌入网页(H5)可以实现一套代码多端使用，那么原生应用(APP)和网页(H5)之间的通信就非常重要。 JsBridge作为一种实现此类通信的工具，用于实现原生应用和嵌入其

56. 超火迷你GPT-4视觉能力暴涨，GitHub两万星，华人团队出品

    GPT-4V来做目标检测？网友实测：还没有准备好。 虽然检测到的类别没问题，但大多数边界框都错放了。 没关系，有人会出手！ 那个抢跑GPT-4看图能力几个月的迷你GPT-4升级啦——MiniGPT-v

57. electron27+react18集成搭建跨平台应用|electron窗口多开

    文章浏览阅读67次。electron27-vite4-react18基于electron27结合vite4构建工具快速创建react18跨端应用实践。综上就是electron27+react18创建跨端桌面应用的一些分享，希望能喜欢~~这里选择使用vite.js构建工具来快速创建一个react18项目。在项目根目录下新建一个主进程文件electron-main.js。创建桌面端项目的一些分享，里面有打包的一些配置，感兴趣可以去看看。这样一个简单的react18项目就已经创建完毕了。配置vite.config.js主进程入口。

58. elementUI 中 date-picker 的使用的坑（vue3）

    文章浏览阅读471次。日常贴

59. springboot+avue医院绩效考核系统源码

    医院用综合绩效核算系统，系统需要和his系统进行对接，按照设定周期，从his系统获取医院科室和医生、护士、其他人员工作量，对没有录入信息化系统的工作量，绩效考核系统设有手工录入功能（可以批量导入），对获取的数据系统按照设定的公式进行汇算，且设置审核机制，可以退回修正，系统功能强大，完全模拟医院实际绩效核算过程，且每步核算都可以进行调整和参数设置，能适应医院多种绩效核算方式。

60. 基于 nodejs+vue购物网站设计系统mysql

    文章浏览阅读169次。本文首先介绍了购物网站设计的发展背景与发展现状，然后遵循软件常规开发流程，首先针对系统选取适用的语言和开发平台，根据需求分析制定模块并设计数据库结构，开发此系统的目的是建立一个配合网络环境的购物网站设计，这样可以有效地解决购物网站管理信息混乱的局面。