摘要: 用react开发时,项目中有个色盘的需求,花了好长时间调研,现在记录下色盘实现。 色盘的实现主要用到了 colorsys 这个插件 ,用来转换色值;版本 "colorsys": "1.0.17"; 手势用到了onTouchStart、onTouchMove、onTouchEnd 这三种触摸方法,话不 阅读全文
posted @ 2022-07-07 09:37 微笑时很美n 阅读(439) 评论(0) 推荐(0) 编辑
摘要: 当前需要事件文件夹下创建 LongPress.tsx 文件; import { useCallback, useRef, useState } from "react"; /** * * @param onLongPress 长按事件 * @param onClick 点击事件 * @param s 阅读全文
posted @ 2022-02-22 17:51 微笑时很美n 阅读(966) 评论(0) 推荐(0) 编辑
摘要: 这几天遇到一个需求,上传mp4文件的时候需要获取一下视频的时长,超过一定限制前端做出限制, 结合网上的方案,写了一个获取上传的音视频文件时长的方法,具体代码如下 import React, { useState } from "react"; import { Upload, Button } fr 阅读全文
posted @ 2021-11-26 10:10 微笑时很美n 阅读(788) 评论(0) 推荐(0) 编辑
摘要: 在根目录下创建service文件夹 再创建 baseUrl文件 写入请求地址 const getBaseUrl = (url) => { let BASE_URL = ''; if (process.env.NODE_ENV 'development') { //开发环境 - 根据请求不同返回不同的 阅读全文
posted @ 2021-03-02 17:43 微笑时很美n 阅读(5008) 评论(1) 推荐(1) 编辑
摘要: 一般的小程序中都会带有定位授权服务 我们首先在微信定位服务官网中获取到 SDK https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview 下载微信小程序JavaScriptSDK 然后放入项目中并引入SDK // 引入SDK核心类 v 阅读全文
posted @ 2021-03-02 17:15 微笑时很美n 阅读(891) 评论(0) 推荐(0) 编辑
摘要: 首先以下方法只能在微信小程序中生效,在h5端并不生效,其他小程序还没有测 安装依赖 npm install postcss-px-scale -dev 安装完之后在根目录config文件夹的index文件中找到以下字段并修改 designWidth: 375, deviceRatio: { 640: 阅读全文
posted @ 2021-03-02 17:00 微笑时很美n 阅读(2406) 评论(1) 推荐(0) 编辑
摘要: 用taro做小程序的项目中,也是经常用到从A页面跳到B页面,再从B页面返回A页面携带参数的业务逻辑, 就有很多种方法,本地存储就是一种解决方案, 小程序官方有自带的一种返回携带参数,但是这种方法在taro中并不能使用 我们在B页面要返回之前要拿到上个页面的信息 let pages = Taro.ge 阅读全文
posted @ 2021-03-02 16:49 微笑时很美n 阅读(2132) 评论(0) 推荐(0) 编辑
摘要: 最近在用taro3.X做小程序项目、项目尝试加入ts做demo,在ts文件中引入文件要'../../../'就发现很丑,所以做了配置取别名 当我们平时在js文件中配置时,js文件引入是没有问题的 alias: { '@': path.resolve(__dirname, '..', 'src') } 阅读全文
posted @ 2021-03-02 15:27 微笑时很美n 阅读(1344) 评论(0) 推荐(0) 编辑
摘要: export const validater = { /** * 校验 包括中文字、英文字母、数字和下划线 * 登录账号校验 */ validateAccount(rule, value, callback) { const acount = /^(?!_)(?!.*?_$)[a-zA-Z0-9_\ 阅读全文
posted @ 2020-12-01 13:49 微笑时很美n 阅读(554) 评论(0) 推荐(0) 编辑
摘要: npm安装: npm install --save js-md5; 在需要用到的文件中使用: import md5 from 'js-md5'; var str = '123456'; var md32 = md5(str); //32位小写加密;//e10adc3949ba59abbe56e057 阅读全文
posted @ 2020-09-17 10:43 微笑时很美n 阅读(1399) 评论(0) 推荐(0) 编辑