- 博客(7)
- 收藏
- 关注
原创 Taro + React + TypeScript 从0-1构建项目 ——3 UI库
摘要:本文介绍了在Taro项目中集成antd-mobile UI组件库的方法。首先通过npm/pnpm/yarn安装antd-mobile,然后配置babel-plugin-import实现按需加载,需在.babelrc中添加插件配置。最后在app.ts中引入全局样式即可使用组件,示例展示了List和Button组件的用法。整个流程简洁明了,能快速在Taro React项目中引入antd-mobile组件库。
2025-06-18 14:21:22
201
原创 Taro + React + TypeScript 从0-1构建项目 ——2 工具函数
本文介绍了前端开发中常用的工具函数封装方法,主要包括: lodash和dayjs的安装配置及使用方式 Taro框架下的storage封装类,提供同步存储操作方法 Taro常用API的二次封装,包括toast提示、loading状态、模态对话框和页面导航等 常用的表单验证函数,如手机号、身份证、邮箱验证和密码强度检查 这些封装提高了代码复用性,便于统一管理和后续扩展,同时简化了日常开发中的常见操作。
2025-06-18 14:20:09
257
原创 Taro + React + TypeScript 从0-1构建项目 —— 1 安装与运行
本文介绍了使用 Taro CLI 创建和运行 React+TypeScript 多端项目的完整流程。主要内容包括:1)全局安装 Taro CLI;2)初始化新项目并选择框架;3)运行开发环境(H5);4)配置测试环境及环境变量使用;5)创建标准目录结构。涵盖了从项目搭建到环境配置的关键步骤,帮助开发者快速启动 Taro 多端开发项目,并提供了规范的目录结构建议。
2025-05-29 17:18:09
174
原创 前端CSS通用、公共样式
Css 通用样式需要安装 sass 预处理器npm install sass-loader --save-devnpm install node-sass --save-dev新建 common.scss 文件// 定义颜色$main-color: #333333;$content-color: #606266;$tips-color: #909399;$border-color: #e4e7ed;body{ font-family: Helvetica Neue, Helv
2020-12-03 17:51:50
2537
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅
1