Hik 前端周刊|第 23 期

avatar
@杭州海康威视数字技术股份有限公司

新闻

1. 第四届 Vue.js 开发者大会

第四届 Vue.js 开发者大会由 Vue.js 官方举办,将于 2021 年 05 月 22 日在杭州正式开启。本次大会将主要采用在线直播方式与大家呈现,线下会有听少量听众席位!

vue.w3ctech.com/

2. github 火星计划

github.blog/2021-04-19-…

mars2020achievement_blog.gif

vue 专栏

1. 从 0 开始手把手带你搭建一套规范的 Vue3.x 项目工程环境
juejin.cn/post/695164…

2. 从 vue-cli 迁移到 vite
medium.com/nerd-for-te…

3. 一个非常棒的 Vue 3 markdown-it 组件,可以支持外部插件
github.com/JanGuillerm…

4. Git 的奇技淫巧 🙈
github.com/521xueweiha…

5. 知乎上有关怎么才能有尤雨溪一半强,该怎么学习?的讨论,其中一条回复非常有意思
www.zhihu.com/question/45…

6. 基于 Vite 的 markdown 转 slide 工具 Presentation Slides for Developers (Public Beta 🎉)
github.com/slidevjs/sl…

7. 手摸手教你用 Vue3+Ts+Rollup+Tailwindscss 打造插拔式的业务组件库
juejin.cn/post/695911…

设计与灵感

1. 30 款 react dashboard template
dev.to/davidepacil…

2. 10+ Best React Material-UI Admin Template
dev.to/rakesh_nakr…

3. 一个 transition 工具
www.transition.style/

4. 探秘神奇的运动路径动画
github.com/chokcoco/iC…

5. 如何使用 selection API 为选定文本创建操作
css-tricks.com/how-to-crea…

好文与学习

1. 低代码平台和社区开发者的崛起:更多解决方案还是更多问题
mp.weixin.qq.com/s?...

2. sorrycc/weekly 每周一发布
github.com/sorrycc/wee…

3. 又一篇关于 JavaScript Temporal API 的文献
blog.bitsrc.io/javascript-…,相关 proposal 已经到了 stage-3:github.com/tc39/propos…

4. 精读《React Server Component》
zhuanlan.zhihu.com/p/367612332

5. windcss 3.0 新语法解决了 tailwindcss 的 class 冗长问题
windicss.org/posts/v30.h…

6. 建立元数据驱动的前端架构
github.com/xufei/blog/…

在广义的前端领域,模型驱动视图已经不是什么新鲜话题了,“低代码”和“搭建”也炙手可热,而这些概念都是以增强应用系统的可配置性为前提的。在这个大前提下,建立元数据驱动的前端架构就变得很重要了。

<button
  bg="blue-400 hover:blue-500 dark:blue-500 dark:hover:blue-600"
  text="sm white"
  font="mono light"
  p="y-2 x-4"
  border="2 rounded blue-200"
>
  Button
</button>

工具与类库

1. 一个 vue 低代码方案 - vue-low-code
github.com/KlausSchaef…

2. 有意思的项目,可视化解析 npm 包依赖项目
npm.anvaka.com/#/view/2d/r…

3. 程序员应该知道的那些画图工具
mp.weixin.qq.com/s/oWDoWEHNq…

4. swimlanes.io markdown 转流程图工具
swimlanes.io/

5. 一个命令行工具,preset,通过应用预设来快速构建或升级你的应用
preset.dev/

6. 一个轻量化的评论工具,cusdis,前端部分采用了 vite
github.com/djyde/cusdi…

7. Eva.js 是一个专门用于创建交互式游戏项目的前端游戏引擎。
github.com/eva-engine/…

Eva.js 是一款专注于开发游戏化项目的游戏引擎。 Eva.js 提供游戏化项目开发中最常用、最基础的功能,让开发前端游戏化变得轻而易举。 Eva.js 提供高效的游戏运行时、渲染能力,可实现复杂的游戏化场景。 Eva.js 基于 ECS 设计模式,可自由扩展引擎功能,构建更繁荣的生态系统。