- 博客(52)
- 收藏
- 关注
RSS订阅原创 uniapp里使用filters过滤器对手机号加密
后端返回的手机号是`Number`类型时需要将字段转换为字符串`String`类型，加上`toString()`，不然会报错：`.replace .replace is not a function`，如果是字符串则不需要
2023-04-03 10:24:48
431
原创 uniapp-小程序使用createSelectorQuery实现点击跳转到页面指定位置
实现小程序，通过点击事件跳转到页面指定位置，uni.createSelectorQuery与uni.pageScrollTo结合使用来实现
2023-04-01 06:47:19
655
原创 uni-app-使用状态管理Vuex
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 是专门为 Vue.js 设计的状态管理库，以利用 Vue.js 的细粒度数据响应机制来进行高效的状态更新。，不需要去安装，直接导入使用。目录，在此目录下新建。
2023-03-29 15:12:32
440
原创 uniapp引入Vant Weapp
在项目根目录下创建文件夹wxcomponents/vant，注意wxcomponents与pages同级。github官网下载代码包，解压，把解压文件夹里的dist 文件copy到第一步创建的vant文件里。里引入具体组件，可以局部引入也可以全局引入。uniapp引入Vant Weapp。uniapp自带的一些组建无法满足。局部引入： 在需要使用组件的。，引入Vant Weapp。
2023-03-24 15:13:58
702
1
原创 Flutter-使用BottomNavigationBar来实现底部导航栏
最后，定义3个简单的页面HomePage、MessagesPage和ProfilePage，它们分别显示一个文本，用于表示当前处于哪个页面。在这个示例中，定义了一个有3个页面的底部导航栏，分别是"Home"、“Messages"和"Profile”。方法，当用户点击底部导航栏的某个按钮时，会调用此方法，在此方法中更新_currentIndex的值，然后调用。的列表，每个条目包含一个图标和一个标题。属性，它指定了当前选中的页面，以及。在Flutter中，可以使用。属性，它是一个包含3个。
2023-03-20 14:36:18
329
原创 Flutter-aspectRatio
AspectRatio的作用是根据设置调整子元素child的宽高比。AspectRatio首先会在布局限制条件允许的范国内尽可能的扩展widget的高度是由宽度和比率决定的，类似于BoxFit中的contain，按照固定比率去尽量占满区域如果在满足所有限制条件过后无法找到一个可行的尺寸，AspectRatio最终将会去优先适应布局限制条件，而忽路所设置的比率。
2023-03-13 15:34:04
177
原创 Flutter-FlutterMediaQuery获取屏幕宽度和高度
在组件的build方法中可以通过，，=MediaQuery.offcontext).size;来获取设备的宽度和高度。
2023-03-10 17:38:25
969
原创 Flutter-ListView动态列表组件以及循环动态数据
使用ListView提供的builder构造函数来生成一个动态列表，在builder里需要传人两个必传参数itemCount、itemBuilder。
2023-03-09 14:40:18
1227
原创 Flutter-自定义图标-iconfont 阿里巴巴
虽然Flutter有许多内置的icon图标，但是有些特殊功能的话，需要自定义图标或者需要在。后，会生成一些不同格式的字体文件，在Flutter中，我们使用。文件其实是用不到的，只是为了能更便捷的看到每个字体对应的。定义多个字体文件，步骤都是一样的，只不过是把解压文件里的。：下载下来解压后的文件，在项目的根目录下新建一个。目录下新建一个自定义字体文件，我这里的命名是。文件，与已引入的字体文件名做区分，在。配置，引入自定义文件，这里首个。，也可配置多个字体，替换不同。文件夹，把解压文件里的。
2023-03-08 10:49:07
1854
原创 Dart中抽象类 多态以及接口
抽象类的作用主要在于约束 定义标准，一个一个抽象类里面有抽象方法的话，子类要去继承该抽象类，那么就重写必须其抽象方法。而因为抽象类可以定义抽象方法，普通类不可以，所以一般如果要实现像Java接口那样的方式，一般会使用抽象类。但是dart的接口有点奇怪，如果实现的类是普通类，会将普通类和抽象中的属性的方法全部需要覆写一遍。1、如果要复用抽象类里面的方法，并且要用抽象方法约束子类的话我们就用extends继承抽象类。：Drat抽象类主要是用于定义标准，子类可以继承抽象类，也可以实现抽象类接口。
2023-03-03 14:43:38
401
原创 Dart中的类的继承
（1）子类使用extends关键词来继承父类。（2）子类会继承父类里面可见的属性和方法 但是不会继承构造函数。（3）子类能覆写父类的方法 getter和setter。
2023-03-03 10:44:43
287
原创 Flutter-重构全局初始化逻辑
解决方法就是把这种逻辑封装到单独的一个类中，同时这个类也是个全局类，这样如果以后有什么内容要在多个界面共享的话，也把需要共享的内容放到这个类中，统一管理。在APP运行前可能需要初始化其他逻辑，比如一些第三方服务，高德地图等等，如果每次多来修改。还有一个情况需要处理的就是，有些服务可能必须初始化完成后，才进入主页面去执行。这样的话，以后有需要初始化的逻辑就不用去修改mian文件，全都放在。解决方法就是在全局类里返回一个异步的对象。随便创建一个dart文件，中，更加方便项目的重构。
2023-02-28 16:03:16
216
原创 Flutter安装
其实这个问题是flutter找不到你的Android Studio的安装目录了，重新设置一下就行，一般我们在mac上的android studio的安装目录为/Applications/Android\ Studio.app。2、**Downloaded executables cannot execute on host.**报错，提示mac和下载的flutter好像不兼容。
2023-02-24 17:24:51
331
原创 Flutter- JSON解析框架使用方法json_serializable
对于目前来说，大部分的API网络请求的通讯内容数据格式都是JSON。JSON返回的都是字符串，假如要取到data里面的id，去直接字符串截取肯定是不行的，要通过一定的方式把它解析成Map或者解析成对象，再去处理它。Dart语言自己有默认的库来解析成Map，我这里引用第三方框架把它解析成data里面的对象，这样用起来更加的方便。注意❗️：JSON返回的字段命名是小写加下划线，而我们在模型里面写的是小驼峰，Dart里面推荐变量还有类名都是用驼峰，所以要通过一定的机制给它配置，指定它解析对应的字段。
2023-02-24 17:00:23
892
原创 Flutter-Dio框架使用方法
在flutter里面要实现网络的请求，dio这个框架是flutter里面用途最广的框架。我的版本是5.0.0，可安装官网文档的最新版本进行配置。
2023-02-23 17:56:37
1672
原创 Flutter-配置允许http请求
因为对于新版的android和iOS来说，它默认是不允许http请求的，如果提供的接口是HTTP的，就要进行配置。如果开发的应用是要上架到苹果App Store的，客户端就不用做下面👇的配置了。如果不支持就需要配置
2023-02-23 11:32:11
796
原创 Dart相关知识
通过 var 定义并初始化变量Dart 语言是强类型语言，但是这里我们没有指定变量类型，Dart 是通过首次初始化值推断变量的类型，这里变量name就是 String 类型。虽然我们定义变量的时候没有指定数据类型，但是如果一个变量已经初始化为一种数据类型，就不能将其他类型的数据赋值给它。name = 100;// 这里错误的，因为name的类型为string, 不能将int类型数据赋值给name我们也可以在定义变量的同时指定数据类型// 直接定义string变量，并初始化。
2023-02-15 10:39:15
305
原创 android studio相关快捷键
连续选择相同内容：Windows：Alt+ j （Control + G，Mac接Windows键盘是 Ctrl + G）选中当前光标位置内容：Windows：Ctrl + w （Option + ↑，Mac接Windows键盘是 Alt + ↑）重新格式化代码：Windows： Ctrl+Alt+L Mac：Command+Option+L
2023-02-07 17:26:14
78
原创 输入`flutter doctor`的相关命令后报错zsh: command not found: flutter
当flutter的开发环境配置好后，退出终端，再进入终端，输入flutter doctor的相关命令后，会显示，zsh: command not found: flutter的错误。
2023-02-06 11:58:20
843
原创 Flutter-打包发布Android项目
根据提示输入密钥口令，自己设置一个简单的就行，剩下的信息无需填写直接回车，默认就行，到最后确认信息输入：y 再回车，之后会让你再输入一个密码，如果要和上面的密钥口令保持一致直接回车。目录中，将图标文件放入使用配置限定符命名的文件夹中。把自己生成的图标，按照规范的名称和大小，覆盖 Flutter 的默认图标png。如果有现有 keystore，跳至下一步。注意⚠️图片的命名要与默认的图标保持一致。工具快速生成应用图标；=后面的内容需自己修改。标签，这是应用的名称。修改app名称的图标。
2023-02-05 12:03:58
2196
原创 Flutter-保持页面状态 AutomaticKeepAliveClientMixin
flutter项目中，如果切换tabar，initState方法会被反复重调，无法保持页面的状态。若想保持原有状态，切换页面时不再调用initState方法，只需要通过。给页面的状态管理类实现一个特征-------使用AutomaticKeepAliveClientMixin。同Vue中的使用原理一样。：在State类中混入 AutomaticKeepAliveClientMixin这个类。：在这个类里面定义一个。
2023-02-03 16:23:07
1697
原创 Flutter-创建Flutter项目的几种方法
终端命令行创建flutter项目，打开终端，cd 打开创建项目文件存放位置，输入。后直接在输入框中输入项目名称， 回车， 按照提示操作即可。⚠️：创建过程中可能会出现。这个插件，智能提示代码。在vs code中按。，调出如下图所示，选中。
2023-02-01 18:04:00
6022
原创 ram设置H5使用postcss-pxtorem适配
ram设置，rem是一个相对的路径，因为我们是一个H5页面需适配不同的屏幕不同的尺寸大小的手机，这个适配安装，会自动把像素转换为rem，会自动解析从而到达自动适配的效果。的版本号一定要对应上，如果版本号对应不上不一致，可能会出现一些奇奇怪怪的问题，导致项目会运行不起来。安装好之后需进行项目配置，在根目录下面新建一个。文件，在根目录（与src同级）下面新建一个。html 自动等比例缩放，自动换算尺寸。配置如下：（这些都是官方配置，可自行去。文件，此文件命名必须为。
2023-01-13 11:39:25
330
原创 mac系统 vscode 每次修改文件时提示没有权限问题
在vs code中修改文件老是弹框提醒没有权限问题，Failed to save ‘package.json’: Insufficient permissions. Select ‘Retry as Sudo’ to retry as superuser.根据提示输入电脑密码后输入命令：（文件夹可以直接拖进来 就会默认形成文件目录），根据提示输入输入电脑密码，但是无效…打开终端在根目录输入。
2022-11-24 16:28:18
2626
原创 学习Django相关知识笔记
使用 django-admin 来创建项目：接下来我们进入 项目的目录输入以下命令，启动服务器：0.0.0.0 让其它电脑可连接到开发服务器，8000 为端口号。如果不说明，那么端口号默认为 8000。
2022-07-14 10:33:12
175
原创 python3安装
打开官方下载页面：https://www.python.org/downloads/windows/，选择相应操作系统对应的版本，比如windows，对应各类版本。一般下载稳定版 ，我这里是选择*Windows installer (64-bit) **，可执行。点击连接之后，浏览器会弹出下载窗口，设置好下载目录和文件名（默认python-3.10.5-amd64.exe），点击确定按钮即可开始下载。安装：1、双击下载的 python-3.10.4-amd64.exe 文件2、点击弹出的“打
2022-06-22 15:45:31
1857
原创 element Table表格el-table表尾合计行：定义合计逻辑
将设置为就会在表格尾部展示合计行。默认情况下，对于合计行，第一列不进行数据求合操作，而是显示「合计」二字（可通过配置），其余列会将本列所有数值进行求合操作，并显示出来。当然，你也可以定义自己的合计逻辑。使用并传入一个方法，返回一个数组，这个数组中的各项就会显示在合计行的各列中。注意！！！element官方文档里举例的方法 要注意，要将计算合计的列加上属性，否则合计无效......
2022-06-16 16:02:21
5078
1
原创 uniapp表单uni-forms校验自定义校验规则，手机校验、身份证校验
validateFunction 自定义校验规则如果需要使用 validateFunction 自定义校验规则,则不能采用 uni-forms 的 rules 属性来配置校验规则，这时候需要通过ref，在生命周期调用组件的setRules方法绑定验证规则 无法通过props传递变量，是因为微信小程序会过滤掉对象中的方法，导致自定义验证规则无效。.........
2022-06-13 14:47:23
16981
12
原创 js换成日期格式-把字符串 (yyyymmdd) 转换成日期格式（yyyy-mm-dd）
js换成日期格式-把字符串 (yyyymmdd) 转换成日期格式（yyyy-mm-dd）
2022-06-10 10:48:04
1357
原创 uniapp-小程序 调用阿里云OCR身份证识别
首先要有阿里云账号，（很方便可以只有用支付宝扫码登录），购买套餐之前需要实名认证。1、阿里云账号实名认证：鼠标悬浮在右上角账号头像，选择，选择左边栏的实名认证，根据提示一步步进行操作2、在阿里云云市场搜索阿里云印刷身份证识别3、点击，进入购买咨询阅读产品介绍文档，查询API调用认证信息购买成功后，您的认证信息是由API网关统一创建的，可以使用两种方式查询到您的API调用认证信息。在云市场控制台中查询登录云市场控制台，在已购买的服务中可以查看到所有购买成功的API商品情况，下图红框中的
2022-06-09 15:36:28
2122
3
原创 华为云-身份证识别-OCR
华为云文字识别 OCR主页链接使用华为云的AI身份证识别-OCR服务功能需要对应的服务器比如点击上方的主页链接，选择，所在的区域默认是，假如本身的服务器是在华北-北京四，那可以免费试用一年，如果不是，在购买套餐的时候一定一定要看清楚区域，因为这个是不给跨区域试用的，通过使用Postman软件，调用OCR服务身份证识别API，帮助快速熟悉OCR服务API的使用方法。使用OCR服务API的详细步骤如下所示：步骤2：配置环境步骤3：Token认证鉴权步骤4：调用服务准备工作已注册华为云帐号，并完
2022-06-08 16:57:01
1158
原创 element表单校验输入框手动清空时出现XXX is required提示
element表单校验输入框手动清空时出现XXX is required提示，如下图，输入框失焦后恢复正常中文校验提示在校验规则rules里已经设置了必填不为空属性required: true，不必再在el-form-item添加required，删除el-form-item里的required即可。...
2022-05-21 09:54:54
3980
原创 前端打包报错this.options.cssProcessor.process(css, Object.assign({ to: assetName }, this.options.cssProces
前端打包报错this.options.cssProcessor.process(css, Object.assign({ to: assetName }, this.options.cssProcessorOptions));打包npm run duild 报错找到build文件目录下的build*webpack.prod.conf.js*注释掉// const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
2022-04-12 12:27:44
1158
原创 Vant中DropdownMenu 下拉菜单样式自定义修改
注意添加/deep/.right /deep/ .van-dropdown-menu.van-dropdown-menu__bar { box-shadow: unset !important; background-color:transparent !important; height: 33px !important;}.right /deep/ .van-popup--top { width: 43% !important; right: 0 !important;
2022-01-18 15:33:53
5858
原创 Element UI Upload 上传文件只能上传一次 ，再次点击上传后无反应的问题
Element UI Upload 上传文件上传文件一次 ，不论是上传成功之后修改文件再上传还是上传失败重新上传，再次点击上传均无反应。方法一：利用 :on-successref=‘upload’:on-success=“handleSuccess”注意： ref='upload 一定要加上ref 不然不起作用 <el-upload class="upload-demo"
2022-01-18 11:45:25
7343
原创 鼠标放上去会变成小手样式
鼠标放上去会变成小手样式在需要想变成小手的div盒子上加上一个css的样式 cursor:pointer;即可。 <div @click="handleDownload" style="cursor:pointer;"> {{$t('StaffManage.downloadTemplate')}} </div>...
2022-01-18 11:24:19
965
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人