- 博客(252)
- 资源 (7)
- 收藏
- 关注
原创 flutter_screenutil的使用
是一个用于屏幕适配的库,旨在解决不同设备尺寸、分辨率和方向的布局适配问题,确保应用在不同设备上显示一致。后缀,结合设计稿尺寸初始化,能够高效实现响应式布局。注意处理横竖屏和字体缩放问题,可进一步提升适配体验。需与 UI 设计稿尺寸一致(通常使用 iPhone 的逻辑像素,如 375x812)。通过简洁的 API 和自动缩放机制,简化了多设备适配的复杂性。根据屏幕尺寸自动缩放尺寸(宽、高、字体、边距等)。:若布局需动态适配方向,可在。的入口处初始化,推荐使用。),或按屏幕比例缩放位图。:建议使用矢量图(如。
2025-04-03 17:42:04
242
原创 flutter实现上拉加载下拉刷新
下面主要是介绍如何使用easy_refresh实现上拉加载数据,详细学习其它例子请查看。main.dart全部代码如下。接口用的是提供的接口。
2023-11-07 14:10:07
1037
4
原创 关于Vue+webpack使用unocss编写CSS,打包后CSS没加前缀
关于Vue+webpack使用unocss编写CSS,打包后CSS没加前缀
2023-10-13 12:11:26
1746
原创 前端工程化初体验
5、 git commit的提交规范,git commit -m 'xxx',’xxx'为这次提交的内容,所以要规范提交的信息,因为一个可读性的提交信息,可让人清楚的知道这次主要的修改了什么内容,修复了什么bug,更新了什么内容等等 编写了一个自动化检测。3、代码检测,代码检测可以来说在前端工程化是至关重要的一部分,修复一些可读性差的代码,代码规范检测的工具主要有eslint、stylelint,这里我就使用自己整理的规范,6、CICD构建,开发完代码后,git push上仓库里面,然后触发构建。
2023-06-07 16:35:24
764
1
原创 git 版本自动工具 standard-version
standard-version可以进行版本自动化,以及生成CHANGELOG.md,使用git tag 也会自动更新package.json的version版本。PS:也可以配合GITHUBS ACTIONS 去使用。也可以执行npm run pubilsh发布到npm。CHANGELOG.md配置。PR到master时会执行。新建.versionrc。gitlab.yml如下。
2023-05-22 22:22:26
1160
原创 mobx的使用
在react中,使用store来管理公共的数据,之前是使用react-redux,发现使用react-redux来操作管理数据会特别麻烦,mobx的出现以及使用,使用步骤也简单,下面来使用mobx来操作一个变量,实现变量加减操作。在src目录下创建store目录,store目录下创建index.ts和count.store.ts,因为这里的例子是操作一个变量count,所以文件名起成count.store.ts,比较语义化。
2023-03-07 12:33:07
267
原创 css实现渐变边框
效果如下:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .
2021-11-11 11:17:22
347
原创 JS手机号分割
对11位的手机号进行3-3-4分割。const splitMobile = (mobile, format = '-') => { return String(mobile).replace(/(?=(\d{4})+$)/g, format)}
2021-10-14 10:04:31
1268
原创 JS数组对象根据对象中的字段去重
deWeight(arr, name) { for (let i = 0; i < arr.length - 1; i++) { for (let j = i + 1; j < arr.length; j++) { if (arr[i][name] === arr[j][name]) { arr.splice(j, 1); ..
2021-10-13 10:56:15
294
原创 JS数组数据划分为两条数据为一组
/** * * array Array * subGroupLength Number ---定义为多少条为一组 */handleList(array,subGroupLength){letindex=0;constnewArray=[];while(index<array.length){newArray.push(array.slice(index,...
2021-09-01 14:32:15
1059
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人