20231013 前端开发日报

ViteConf 2023：Vite的现状与未来展望；if 我是前端 Leader, 前端业务开发做不做设计？；为了实现低代码平台，我写了一个拖拽库，顺便学习如何从0发布一个开源库；Vue3 组件库设计 | 分享 Varlet UI 开源组件库的架构思路；面试官：你之前的工作发布过npm包吗？；一年空窗期后我是如何准备面试的？；分享几个优秀开源免费管理后台模版，建议收藏；一个迷茫的25岁前端程序员的自述

1. ViteConf 2023：Vite的现状与未来展望

   10 月 5 日 – 6 日，ViteConf 2023 在线举行，Vue 和 Vite 的创建者尤雨溪发表了题为《**The State of Vite**》 的演讲，他分享了 Vite 的现状与

2. if 我是前端 Leader, 前端业务开发做不做设计？

   回到正题，做业务前端开发要不要做设计呢？我觉得大部分情况不需要，如果业务比较复杂、涉及到多人分工和共识建立、而且项目预留的充裕的时间给开发者做预研和设计，那么做一下设计还是有必要的。

3. 为了实现低代码平台，我写了一个拖拽库，顺便学习如何从0发布一个开源库

   一年前，我接到一个需求，需要开发一个低代码平台，调研了下市面上适用于React的拖拽库，基本都不满足我的需求，所以我就想自己封装一个

4. Vue3 组件库设计 | 分享 Varlet UI 开源组件库的架构思路

   Varlet UI 移动端组件库的架构思路。Pnpm Monorepo 拆包架构, Design System 设计系统, 开发环境拥抱 Vite 生态, 基于原生语言的 JS/TS 编译器。

5. 面试官：你之前的工作发布过npm包吗？

   01、步骤一注册，02、步骤二创建文件夹，03、步骤三初始化package.json文件，04、步骤四初始化package.json文件的过程，05、步骤五创建index.js文件，06、步骤六初始化

6. 一年空窗期后我是如何准备面试的？

   前前后后从准备到上岸历时一个半月，今天从三个方面分享这个过程我做了什么？ 心态 做事情之前，心态很重要，我遇事很少否定自己，在我看来，别人可以做到的，自己也可以，虽然一年空窗，基本上不接触技术，写代码

7. 分享几个优秀开源免费管理后台模版，建议收藏

   和大家分享一些免费开源的后台管理页面，帮助大家快速搭建前端页面。为什么要用模板？道理很简单，原因是方便我们快速开发。

8. 一个迷茫的25岁前端程序员的自述

   一直听说程序员的危机在 35 岁，没想到我的危机从 25 岁就开始了。 我甚至不知道自己是不是 25 岁，也可能是 26 岁，或者 27 岁，1998 年的生日，按照 2023 – 1998 的算法就

9. 都2023年了，这8个css小技巧你还不赶紧记下来

   关于css大家肯定都已经熟知并且熟练运用了吧，但是我通常都是通过百度cv来实现，所以看到一些样式我都会保存起来。 下面给大家整理了8个常用小技巧 1. 自定义光标（cursor） 首先来看一下CSS的

10. 前端工程化 changeset 详解

    一、简介 一种管理版本控制和变更日志的方法，重点关注 monorepos, 使用 changeset 能够与方便的管理 [semver](https://semver.org/) 的 patch/

11. 前端组内开发技巧（xiaoxiaoxuan个人总结版）

    恭喜大家顺利过完2023年所有假期，现在就准备好上班上到明年吧 /(ㄒoㄒ)/~~ 对了，国庆回来后要过三个周一，兴奋不？？(反正我特难受) X﹏X 好了，不多说了，开始总结一下我板砖两

12. 将Vue3项目部署到Github Page

    前端仔如何倒腾自己的小网站呢，又不想买服务器费钱费力，那免费的 Github Page 很值得推荐！

13. 浅谈前端需要掌握的Nginx知识内容

    背景 现在大一点规模的公司都有自己的运维工程师，基于现在的架构体系，前端部署在哪，后端部署在哪，运维会设计对应的部署架构体系，故其实前端很多时候不需要过多关注前端代码怎么部署的，甚至也很少去关注，甚至

14. 制造麻烦 or 解决问题？前端又出新框架啦你还学得动吗？

    前端又上线了一个全新的框架，叫做 nue.js ，号称可以取代 Vue、React、Next、Vite，并且可以改变目前前端的开发方式~~~

15. 一文揭秘Vue3组件库的优雅打包与细节

    千呼万唤始出来干货满满的组件库打包分享！这次，我终于要给大家带来关于组件库的工程化打包升级与细节的文章啦。回顾组件库的搭建，已经是很久以前了，目前组件库也发展到一个瓶颈期需要升级架构和打包了…

16. 同一套前端代码，如何根据不同登录信息，实现多租户多主题的样式加载？

17. 哇，好像真的理解vue3的diff了

18. vue 甘特图（二）：甘特图时间轴切换

19. mdpress-editor：一个简单的Web Markdown编辑器

20. Vue vs React: JavaScript框架比较与个人观点

21. 使用 Vue 和 Three.js 创建互动式的网页作品展示集

22. Vue CLI 脚手架中 dev server.js 配置文件详解

23. VUE如何使得大屏自适应的几种方法?

24. 使用React的高阶组件（Higher-Order Components，HOC）的方法

25. React 组件传 children 的各种方案

26. React 状态管理 – Context API 前世今生（上）旧版v16.3前

27. Ant Design+react 路由跳转

28. vue原生实现element上传多张图片浏览删除

29. React如何命令式调用自定义的Antd-Modal组件

30. React中的逆向数据流

31. React闭包

32. 图扑 HT for Web 风格属性手册教程

33. 前人在 vue 项目中的 “砍树型“ 写法，让后人乘不了凉

34. 纯css编写开关按钮点击切换

35. vue3 使用 reactive/ref 在 template/script 中是否需要加 value 的总结「有待验证」

36. Node.js 正在逐渐被淘汰Bun 1.0 正在改变 JavaScript 的游戏规则

37. 让CSS官方后悔的一些决定