前端道萌

简介 Three.js 是一个跨浏览器的脚本，使用 JavaScript 函数库或 API 来在网页浏览器中创建和展示动画的三维计算机图形。Three.js 使用了 WebGL。

Slate 是一个 完全 可定制的富文本编辑框架。 Slate 所有逻辑都是通过一系列的插件实现的，这样，你就再也不会被某项特性 在 或 不在 编辑器【核心】边界之内的问题所困扰了。

场景与需求相伴相生，需求从来无法脱离于场景存在，而新的需求又会创造出新的场景。当我们在写代码时，其实我们都在写一个故事，而场景就是故事中的每一个片段。

该示例是基于 nodejs 的一套UI可视化文件管理系统，提供一些常用文件（夹）操作，包含文件（夹） 读取、创建、拷贝、移动、删除、重命名。

在仓库根目录下，创建 .github/workflows/main.yml 文件，该 yml 文件就是你需要执行操作的一些配置。

使用 cnpmjs.org 来搭建。安装： npm install -g --build-from-source cnpmjs.org cnpm sqlite3

admin dashboard template. Built with React18, Webpack5, useRouter, useStore, eslint, husky, etc.

常用小功能代码片段 const [list, updateList] = useFetchList(getRouter, {projectId: defProject._id});

vue-boilerplate，基于 webpack 搭建的项目脚手架。 集成了： eslin代码规范、stylelint、 jest、husky、commitlint等。

平台的通用性和灵活性，需要我们在实际业务中去权衡。 低代码更多的是用来当作提升开发效率的一个工具，在我们当前业务范围内，写少量代码封装好业务组件，即可进行可视化开发。

我们可以将API通用属性抽取出来，通过属性配置来实现API管理。 将API接口放服务端，使用时直接从服务器获取即可。前后端也只需维护一份接口，方便维护更新。

canvas可以绘制图形、线条、文本、添加保存图片等功能，能帮助我们作一些可视化图形、特效、游戏等。 今天使用canvas简单制作一个涂鸦板。 canvas涂鸦板可以实现自动涂鸦，自定义背景图、添加文

jwt可使用用户信息、当前时间、过期时间等，通过TOKEN_SECRET来设置token。当和后端交互时，会去验证当前token是否有效，如果验证通过，则可进行数据交互，否则退出系统。

markdown转html文档系统。将markdown文件转为html页面展示，只需将md文件放入指定目录，即可在页面展示出文档内容。

useRouter是基于popstate和hashchange来监听路由变化，支持history.pushState、history.replaceState来切换路由，并提供了一些常用工具。

基于提升 开发体验 和 用户体验 的目标，我们经历了组件化、工程化、智能化等一系列方案探究，旨在创建一套 高性能、易开发、易拓展、易升级、安全可靠 的专业化定制开发解决方案。

Node.js 是一个开源与跨平台的 JavaScript 运行时环境，MongoDB是一个基于分布式文件存储的开源数据库系统。基于它们，我们可以做一些服务端开发。

无论在后端还是前端，都使用 JavaScript。所以你只需熟悉一种语言，便可在客户端和服务器之间轻松切换，就可以高效开发一个完整的web应用。

前端性能优化，无非两点： 提升资源请求速度 提升界面渲染速度 所以我们在设计系统或编写代码的时候可以采取一些策略，以便于优化用户体验。

Suspense 不是一个数据请求的库，而是一个机制。这个机制是用来给数据请求库向 React 通信说明某个组件正在读取的数据当前仍不可用。