leon96

近期在学习 Fabric.js，Fabric.js 的官网文档可谓是一言难尽。没有中文翻译只能算最小的问题，代码举例少的可怜，文档结构十分不友好，搜索功能也不尽人意，很难让...

Vue Playground具有新增、删除文件，修改文件名的功能，接下来我们也实现一下 修改文件名称 在FileNameList组件添加一个编辑的状态，来判断展示输入框还是...

编译 在原理篇中有介绍是通过@babel/standalone来编译 安装 首先看一下编译后的代码是怎么样的 将编译逻辑单独抽离出来 渲染只需要编译入口文件 在Previe...

当点击FileNameList组件中文件名称时，Editor组件会显示对应文件内容，Preview组件会渲染对应内容 添加zustand 如何可以让多个组件共享一份数据？ ...

创建一个react+typescript项目 布局 首先从布局开始，可以看到Vue Playground可以拖动滚动条左右拖动控制大小 可以使用allotment 这个组件...

实现原理 怎么能实现一个类似Vue Playground呢 从布局来看，左边为代码输入区域，右边为预览区域，我们一个个来看 代码编写区域 借用了@monaco-editor...

项目地址 jsx在babel编译后的结果是React.createElement，由createElement生成虚拟DOM React.createElement有三个参...

主要思路： 前端使用文件的slice把大文件切割成多个小文件 后端收到小文件根据索引排序，然后合并小文件，返回文件的url 前端 HTML结构 在handleChange函...

组件效果 在input组件基础上扩展下拉框数据展示，支持自定义筛选数据fetchSuggestions方法，自定义渲染样式renderOption方法、选中某一项数据回调o...

组件效果 支持设置lg、sm 尺寸大小 支持设置前后缀的文字、图标 支持设置在右侧悬浮添加一个icon 组件结构 src/components/Input/input.ts...

组件效果 支持配置line、card的tabs样式，默认为 line 可设置当前激活tabs面板的index，默认为0 点击组件触发的回调函数，返回当前tabs的索引 组件...

组件效果 支持横向、纵向菜单类型，禁用配置 横向houver出下拉框，竖向点击出下拉框 组件结构 menu src/components/Menu/menu.tsx w-d...

组件效果 支持可配置title、是否显示关闭icon 传入关闭回调，关闭alert时触发的事件 类型四种可选针对四种不同的场景 组件结构 src/components/Al...

Icon组件 Icon组件是基于 react-fontawesome 安装插件 @fortawesome/fontawesome-svg-core是Font Awesome...

组件效果 size控制不同尺寸（lg，sm）的按钮，type控制不同类型（primary，default，danger，link）的按钮，继承原生button、a标签的属性...

页面效果 用户信息上下文 返回一个userInfo、设置userInfo函数，为了缓存userInfo 对象、函数通过userContext传递需要加useMemo、use...

创建项目 安装包 src\.env nest-cli.json asssets是指定build时复制的文件，watchAssets是在assets变动之后自动重新复制 sr...

页面效果 实现使用手机号+验证码登录，自动登录 页面结构 使用Ant Design Pro Components的LoginFormPage组件 登录使用login接口、发...