leon96

大家好，我是双越老师。本文分享我开发【划水AI】项目时，如何在 Next.js 中实现 i18n 国际化多语言功能。最后还会把 Next.js 打包发布到阿里云 Serve...

作为一名前端开发者，我们一定都遇到过这样的需求：实现一个占满整个屏幕的欢迎页、弹窗蒙层或者一个 fixed 定位的底部菜单。 直觉告诉我们，这很简单，给它一个 `heigh...

背景 裁员危机 随着AI技术的越发成熟，从刚开始嘲笑gpt3.5写不出可以运行的代码到现在惊叹claude 3.7的神奇魅力，危机感油然而生。agent模式目前写代码成功率...

直接步入正题，首先我们在页面上画一个小球，让他运动 接下来我们添加一些耗时任务 那么问题就来了，runTask这个函数如何编写才能让小球不卡顿呢？ 首先，我们先看看直接去调...

Electron为开发者提供了多种功能完善的打包发布工具，本文将非常详细地讲解基于electron-builder如何进行Electron打包和自动更新。...

近期在学习 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标签的属性...