2021年6月7日
lightgallery 使用
摘要： 用途 图片预览，支持多图片滑动预览 git 地址 https://github.com/sachinchoolur/lightgallery.js 代码 # idnex.html <script src="js/lightGallery.js"></script> # imagePreview.ht 阅读全文
posted @ 2021-06-07 14:36 shellon 阅读(590) 评论(0) 推荐(0) 编辑
input type 使用
摘要： type属性值 hidden： 隐藏. text：文本 search：搜索 tel url email password：密码 date：日期选择器 month：月份选择器 week：周选择器 time：时间选择器 datetime-local：日期时间选择器 number：数字。 range：范围 阅读全文
posted @ 2021-06-07 13:48 shellon 阅读(57) 评论(0) 推荐(0) 编辑
Signature Pad 使用
摘要： 实现功能 能够在移动设备上实现电子签名，并保存为图片 git地址 https://github.com/szimek/signature_pad 参数说明 dotSize：点的大小（在屏幕上点击留下的点大小，单位：px） minWidth： 线的最小宽度（单位：px，默认：0.5） maxWidth 阅读全文
posted @ 2021-06-07 13:17 shellon 阅读(1833) 评论(0) 推荐(0) 编辑
2021年5月31日
在react项目中实现表格导出为Excel
摘要： 需求背景 数据表格有时需要增加导出Excel功能，大多数情况下都是后端出下载接口，前端去调用。 对于数据量少的数据，可以通过前端技术实现，减少后端工作。 实现方式 使用插件——xlsx 根据自己项目情况，定义通用的导出方法 代码 xlxs git地址https://github.com/SheetJ 阅读全文
posted @ 2021-05-31 17:10 shellon 阅读(2134) 评论(0) 推荐(1) 编辑
2021年4月26日
yarn 过程中遇到的问题
摘要： 场景 项目中打包遇到了点问题，所以想删除原先装好的依赖包，重新yarn，结果神奇的报错了，无语。。。 遇到的问题 （1）error An unexpected error occurred: "https://raw.githubusercontent.com/seonim-ryu/Squire/f 阅读全文
posted @ 2021-04-26 09:50 shellon 阅读(2317) 评论(0) 推荐(0) 编辑
2021年1月12日
组件化思想
摘要： 尽可能少的抛出接口 支持多种数据源，但要谨慎不可过量，否则会使组件内部代码逻辑变得相当复杂 将可预见的组件能力抽象为API 组件的子视图设计：支持插槽的组件 组件方法与事件的区别：方法是指组件提供的能力，事件是用来更改组件属性 组件好不好用的关键：api，事件，扩展 组件化是以功能为导向，模块化是以 阅读全文
posted @ 2021-01-12 14:11 shellon 阅读(164) 评论(0) 推荐(0) 编辑
2021年1月6日
语义化版本号
摘要： 主版本号，向下不兼容api更改 次版本号，向下兼容功能新增 修订版本号，向下兼容问题修正 先行版本号，当要发行大版本或核心功能时，但不能保证这个版本完全正常，就要先发一个先行版本。常见的先行版本号有： alpha - 不稳定版本 beta - 基本稳定 rc - 和正式版基本相同 阅读全文
posted @ 2021-01-06 17:09 shellon 阅读(60) 评论(0) 推荐(0) 编辑
在react项目中使用require引入图片不生效
摘要： 如果使用create-react-app和require导入图像，require返回一个ES模块而不是字符串。这是因为在file-loader中，esModule选项是默认启用的。 用以下方式之一导入图像： const image = require('../path/to/image.jpg'). 阅读全文
posted @ 2021-01-06 13:46 shellon 阅读(2338) 评论(0) 推荐(0) 编辑
2020年12月28日
使用react搭建组件库：react+typescript+storybook
摘要： 前期准备 1. 初始化项目 npx create-react-app react-components --template typescript 2. 安装依赖 使用哪种打包方案：webpack/rollup **webpack** * 代码分割：可以将打包后的代码分割成多个*.chunk.js， 阅读全文
posted @ 2020-12-28 09:38 shellon 阅读(868) 评论(0) 推荐(0) 编辑
2020年9月21日
将本地的react项目代码打包到服务器
摘要： 打包过程 连接服务器 ssh root@xx.xx.xx.xx(服务器IP) 定位到当前项目目录 cd /path/projectName 更新代码到服务器 git pull 执行打包命令(这里我创建了一个脚本文件build.sh，直接运行脚本文件) sh build.sh 脚本文件build.sh 阅读全文
posted @ 2020-09-21 14:49 shellon 阅读(1585) 评论(0) 推荐(0) 编辑