会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
L.t
生活只会欺负穷人,爱情也是。
博客园
首页
新随笔
联系
管理
订阅
2022年7月7日
React Hooks H5移动端实现色盘取色值
摘要: 用react开发时,项目中有个色盘的需求,花了好长时间调研,现在记录下色盘实现。 色盘的实现主要用到了 colorsys 这个插件 ,用来转换色值;版本 "colorsys": "1.0.17"; 手势用到了onTouchStart、onTouchMove、onTouchEnd 这三种触摸方法,话不
阅读全文
posted @ 2022-07-07 09:37 微笑时很美n
阅读(625)
评论(0)
推荐(0)
2022年2月22日
React Hooks TS 长按点击事件
摘要: 当前需要事件文件夹下创建 LongPress.tsx 文件; import { useCallback, useRef, useState } from "react"; /** * * @param onLongPress 长按事件 * @param onClick 点击事件 * @param s
阅读全文
posted @ 2022-02-22 17:51 微笑时很美n
阅读(1336)
评论(0)
推荐(0)
2021年11月26日
React获取视频时长
摘要: 这几天遇到一个需求,上传mp4文件的时候需要获取一下视频的时长,超过一定限制前端做出限制, 结合网上的方案,写了一个获取上传的音视频文件时长的方法,具体代码如下 import React, { useState } from "react"; import { Upload, Button } fr
阅读全文
posted @ 2021-11-26 10:10 微笑时很美n
阅读(928)
评论(0)
推荐(0)
2021年3月2日
Taro request 请求封装
摘要: 在根目录下创建service文件夹 再创建 baseUrl文件 写入请求地址 const getBaseUrl = (url) => { let BASE_URL = ''; if (process.env.NODE_ENV 'development') { //开发环境 - 根据请求不同返回不同的
阅读全文
posted @ 2021-03-02 17:43 微笑时很美n
阅读(5469)
评论(1)
推荐(1)
Taro、小程序使用定位服务
摘要: 一般的小程序中都会带有定位授权服务 我们首先在微信定位服务官网中获取到 SDK https://lbs.qq.com/miniProgram/jsSdk/jsSdkGuide/jsSdkOverview 下载微信小程序JavaScriptSDK 然后放入项目中并引入SDK // 引入SDK核心类 v
阅读全文
posted @ 2021-03-02 17:15 微笑时很美n
阅读(1022)
评论(0)
推荐(0)
Taro项目中设置了设计稿尺寸为375,taro-ui的样式会被放大
摘要: 首先以下方法只能在微信小程序中生效,在h5端并不生效,其他小程序还没有测 安装依赖 npm install postcss-px-scale -dev 安装完之后在根目录config文件夹的index文件中找到以下字段并修改 designWidth: 375, deviceRatio: { 640:
阅读全文
posted @ 2021-03-02 17:00 微笑时很美n
阅读(2733)
评论(1)
推荐(0)
Taro 页面返回携带参数
摘要: 用taro做小程序的项目中,也是经常用到从A页面跳到B页面,再从B页面返回A页面携带参数的业务逻辑, 就有很多种方法,本地存储就是一种解决方案, 小程序官方有自带的一种返回携带参数,但是这种方法在taro中并不能使用 我们在B页面要返回之前要拿到上个页面的信息 let pages = Taro.ge
阅读全文
posted @ 2021-03-02 16:49 微笑时很美n
阅读(2476)
评论(0)
推荐(0)
Taro + TS 项目取别名配置 alias
摘要: 最近在用taro3.X做小程序项目、项目尝试加入ts做demo,在ts文件中引入文件要'../../../'就发现很丑,所以做了配置取别名 当我们平时在js文件中配置时,js文件引入是没有问题的 alias: { '@': path.resolve(__dirname, '..', 'src') }
阅读全文
posted @ 2021-03-02 15:27 微笑时很美n
阅读(1668)
评论(0)
推荐(0)
2020年12月1日
element ui 表单正则校验
摘要: export const validater = { /** * 校验 包括中文字、英文字母、数字和下划线 * 登录账号校验 */ validateAccount(rule, value, callback) { const acount = /^(?!_)(?!.*?_$)[a-zA-Z0-9_\
阅读全文
posted @ 2020-12-01 13:49 微笑时很美n
阅读(601)
评论(0)
推荐(0)
2020年9月17日
MD5 32位小写和16位小写 加密
摘要: 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
阅读(1700)
评论(0)
推荐(0)
下一页
公告