项目代码
蓉妹妹
这个作者很懒,什么都没留下…
展开
-
React前端支持后端返回base64的文件格式,并支持下载
React前端支持后端返回base64的文件格式,并支持下载原创 2023-02-24 18:43:41 · 415 阅读 · 0 评论 -
React JSZip下载多张图片并生车压缩包
React JSZip下载多张图片并生车压缩包原创 2023-02-24 17:37:31 · 281 阅读 · 0 评论 -
前端实现复制功能,里面的文字换行
前端实现复制功能,里面的文字换行原创 2023-02-24 17:11:08 · 577 阅读 · 0 评论 -
React+Ant design日期组件DatePicker设置选择日期时分秒 不能早于当前日期
React+Ant design日期组件DatePicker设置选择日期时分秒 不能早于当前日期原创 2023-02-13 15:08:25 · 1167 阅读 · 0 评论 -
React项目引入Websocket,封装了一个公用的,希望对大家有帮助
websocket原创 2023-01-06 17:08:37 · 575 阅读 · 0 评论 -
uni-app实现一维码,二维码生成
uni-app 生成一维码和二维码原创 2022-08-24 14:20:46 · 724 阅读 · 0 评论 -
Ant Design开发过程中,<Input>标签的setState该value值发现不管用,解决方案:加return
Ant Design开发过程中,<Input>标签的setState该value值发现不管用,解决方案:加return原创 2022-07-20 16:47:57 · 873 阅读 · 0 评论 -
抓包工具charles下载安装使用
抓包工具charles下载安装步骤原创 2021-12-03 11:06:06 · 1090 阅读 · 0 评论 -
angular实现图片懒加载
angular实现图片懒加载原创 2022-07-20 10:02:33 · 1549 阅读 · 0 评论 -
angular实现瀑布流
angular实现瀑布流原创 2022-07-20 09:55:51 · 370 阅读 · 0 评论 -
Taro实现商家券与微信券包打通
Taro实现商家券与微信券包打通原创 2022-07-13 14:44:44 · 505 阅读 · 0 评论 -
Ant Design使用Tree 实现修改对应信息
import React, { Component } from 'react';import { services } from '@comall-backend-builder/core';import { Tree, Button, Input, InputNumber, Select, message as AntMessage } from 'antd';import { isEmpty, isArray } from 'lodash';import './index.less';c.原创 2022-05-09 20:59:27 · 562 阅读 · 0 评论 -
手机端多张图片等比区域内等比例展示
/** * 计算图片的缩放宽高 * @param width * @param height */computePicScaleInfo = ( width: number, height: number, systemInfo: ElementInfo | any, maxHeight: number, maxWidth: number) => { let scaleWidth: number; let scaleHeight:..原创 2022-04-13 11:51:59 · 163 阅读 · 0 评论 -
项目taro的package.json配置
{ "name": "demo", "version": "1.0.0", "private": true, "description": "", "displayName": "项目中文名称", "templateInfo": { "name": "default", "typescript": true, "css": "sass" }, "iosVersion": "1.23.0",原创 2022-04-11 09:43:32 · 595 阅读 · 0 评论 -
小程序和app实现项目本地图片保存到相册,采用taro
直接贴代码小程序端实现代码:import Taro, { Component, Config } from '@tarojs/taro';import { View, Image, Text } from '@tarojs/components';import { NavigationBar } from '@/components';import './index.scss';import officialAccountPng from './official-account.png';i原创 2022-03-29 11:42:14 · 569 阅读 · 0 评论 -
Taro实现小程序强制更新新版本
1.在app.tsx初始调用该方法handleUpdate() { if (process.env.TARO_ENV === 'h5') { return; } const updateManager = Taro.getUpdateManager(); updateManager.onCheckForUpdate(function(res) { // 请求完新版本信息的回调 console.log(res.hasUpdate原创 2022-03-17 10:16:31 · 1265 阅读 · 2 评论 -
公众号h5网页跳转小程序
我们目前只有小程序项目(而且是多个租户),还没有关于h5的网页产品提出 是否可以给公众号做一个中转html,然后引导用户关注公众号之后去往对应的小程序。然后我们探讨了一个方案实现方案:1.在公众号增加授权回调页面域名 开发>接口权限>网页服务>网页授权域名为是html所放的链接,并且要把每个公众号的Mp.text文件指定的 web服务器 放在域名根目录下2.直接在公众号链接上 配置该地址 拿到code(该链接额外添加一个要跳转的小程序原始账号miniUserName,g_原创 2021-12-20 18:12:26 · 1104 阅读 · 0 评论 -
微信 ocr.printedText (本接口提供基于小程序的通用印刷体 OCR 识别)
ocr.printedText微信提供的图片解析内容官方文档:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/ocr/ocr.printedText.html随时获取token (可用来测试)https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wx667d6af490440e4b&secret=9原创 2021-12-03 16:45:45 · 1447 阅读 · 2 评论 -
taro实现推荐切换门店,并按距离由近到远展示全部门店
//如果用户所在门店没有活动,则获取该活动参与的门店,并提供选择(展示营业中的门店 开始按照经纬度距离排序) const subsites: any = (blindBoxData && blindBoxData.subsites) || []; if (subsites && subsites.length > 0) { Taro.getLocation({ success: (.原创 2021-11-25 14:38:08 · 242 阅读 · 0 评论 -
时间转换,由「秒」转为「x天x小时x分钟x秒」
/*** 时间转换,由「秒」转为「x天x小时x分钟x秒」*/,formatSecondsToString: (seconds: number) => { if (!seconds) { return ''; } const SECOND = 1; const MINUTE = 60 * SECOND; const HOUR = 60 * MINUTE; const DAY = 24 * HOUR; let diff = seconds; const原创 2021-10-08 17:03:43 · 499 阅读 · 0 评论 -
明天全国哀悼日,小程序只需三行代码秒变黑白
明天全国哀悼日,小程序只需三行代码秒变黑白❤❤❤打开你的 app.wxss 文件,在第一行加上page { filter: grayscale(100%);}原创 2021-03-26 20:00:24 · 1618 阅读 · 0 评论 -
红包雨效果(taro)
以下为实现红包雨效果的代码请自行下载关于代码的描述 等待日后更????原创 2021-02-26 09:30:15 · 258 阅读 · 0 评论 -
js IOS端时间格式no valid
//在开发过程中,有人会出现日期:2020-1-1小时分钟: 9:00let ri = “2020-1-1”let h = “9:00:00”new Date(ri++“ ”+h);安卓可以正常转化,而ios报异常出现以上情况,可以这样解决以下异常//判断如果是ios, 把’-‘转成’/’ yyyy/mm/dd if ('ios' == platform) { ri = ri.replace(/\-/g, '/'); if (h.startTime.length原创 2020-12-28 11:32:00 · 253 阅读 · 0 评论 -
js获得几天后的日期
获取现在的时间const today = new Date();let todayTimeStamp = today.getTime();几小时后的时间计算let startDay = reservedTime * 60 * 60 * 1000;const startTime = new Date(todayTimeStamp + startDay);几天后的时间计算const endDay =toplimit * 24 * 60 * 60 * 1000 const endTime =原创 2020-12-28 09:36:06 · 887 阅读 · 0 评论 -
js 下单选择配送时间段
今天做了一个功能 是关于下单选择配送时间段的???? 后端人员 不愿意计算 所以前端就帮忙给做了…主要的点后台系统配置字段:备货时间 提货时限 多个时间段那么开始啦!!!!!response是后端返回的值this.setDeliverySelfPickTime(response);取到值就开始计算了 /** * 封装 * @param data */ setDeliverySelfPickTime(data: DeliveryTimeRule)原创 2020-12-25 14:26:46 · 902 阅读 · 0 评论 -
3des加密解密
var key = “123” //设置的秘钥var Info =“test” //内容DES3.encrypt(key,Info);DES3.decrypt(key,Info);引入3des.js,具体内容为以下:/** * DES 加密算法 * * 该函数接受一个 8 字节字符串作为普通 DES 算法的密钥(也就是 64 位,但是算法只使用 56 位),或者接受一个 24 字节字符串作为 3DES * 算法的密钥;第二个参数是要加密或解密的信息字符串;第三个布尔值参数用来说明信原创 2020-07-13 09:40:14 · 31171 阅读 · 0 评论 -
taro-多文本换行省略号不生效-解决办法
.pro-name { @include multi-text-overflow-ellipsis(2); }@mixin multi-text-overflow-ellipsis($line-to-show-number: 2) { display: -webkit-box; -webkit-line-clamp: $line-to-show-number; -webkit-box-orient: vertical; overflow: hidden;原创 2020-06-18 11:00:34 · 1336 阅读 · 2 评论 -
`npm rebuild node-sass` to download the binding for your current environment.
MacBook-Pro-2:abl-app ada$ yarn develop -e testyarn run v1.3.2$ gulp develop -e test/Users/ada/abl-app/node_modules/node-sass/lib/binding.js:15 throw new Error(errors.missingBinary()); ^Error: Missing binding /Users/ada/abl-app/node_module原创 2020-05-23 21:48:37 · 588 阅读 · 0 评论 -
angularjs实现微信授权登录,分享朋友圈,分享给好友(umeng)
先贴出一个链接:https://developer.umeng.com/docs/66632/detail/66825友盟的开发文档1.首先引入友盟集成ng-click=“ctrl.shareProduct(targetCode)”; //targetCode为要区分的类型,自定义~ /** * 执行分享操作 * @param {number} targetCode - 分享类型码 */ sh原创 2020-05-23 10:18:29 · 692 阅读 · 0 评论 -
RSA加密解密(兼容各种浏览器)
引入加密js//密码RSA加密var encrypt = new JSEncrypt();//设置公钥 encrypt.setPublicKey(“MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAta+M/VRHuhezFjrChIOkSNlAJCtie/3uGIliQLzOJO0rjjB4Do2rQyPleL8mFBSnLS...原创 2019-03-01 15:40:59 · 2064 阅读 · 1 评论 -
reactjs:在每个模块下定位提示内容展示,三秒后消失
import React, { Component } from 'react';import classnames from 'classnames';import './index.scss';export class TipPopup extends Component { static propTypes: { content: PropTypes.str...原创 2018-11-30 15:37:41 · 1465 阅读 · 0 评论 -
js + css:提示信息公用弹层,在页面居中位置展示
/** * 通用提示层 * param msg 提示内容信息 * param params 包含标题title、确定按钮confirm、取消cancel、关闭close的对象(close不传默认显示关闭按钮,只有传false时不显示关闭按钮) * funcConfirm 确定按钮事件 * funcCancel 取消按钮事件 * funcClose 关闭按钮事件 * funcIsCon...原创 2018-11-30 15:24:16 · 437 阅读 · 1 评论 -
js:校验回调函数值的有效性
//校验回调函数data有效性function valiLoadProductsData(data){if(data == undefined || data.result == undefined|| Object.prototype.toString.apply(data.result) != “[object Array]”|| data.result.length == 0)re...原创 2018-11-30 15:18:20 · 247 阅读 · 0 评论 -
js:文本截取,超出一定字数,省略号
/** * @param a 文本内容 * @param b 截取字符长度 * @param c 后缀,默然"" */ function cutString(a,b,c){ a = htmlTextFormat(a); if(!a) return ""; if(b <= 0) return ""; ...原创 2018-11-30 15:13:21 · 1255 阅读 · 0 评论 -
js:各种正则常见验证
联系方式:(/(^(0\d{2,5}-)?\d{7,8})$|(^1[3456789]\d{9})$/.test(value)发票账号:/^(\d{16,19})$/.test(value)正确邮箱:(/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test(value)密码验证: jQuery.validator.addMethod(&quot;vapassword&quot;, ...原创 2018-11-30 14:59:48 · 195 阅读 · 0 评论 -
jsp:页面嵌入百度云视频,可播放
&amp;amp;amp;amp;amp;lt;%@page contentType=&amp;amp;amp;amp;quot;text/html; charset=GBK&amp;amp;amp;amp;quot;%&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;%@taglib uri=&amp;amp;amp;amp;quot;http://java.s原创 2018-11-30 14:44:43 · 1547 阅读 · 0 评论 -
js:身份证验证
//身份证验证模块开始/**此验证方法参照http://blog.163.com/oscarhui@126/blog/static/11962065720098244153900/@param identityId@returns {Boolean}*/function isChineseIdentityID(identityId){identityId = identi...原创 2018-11-06 15:57:44 · 112 阅读 · 0 评论 -
jsp + js:页面多个图片上传,可点击某张删除
页面代码: 上传图片 ...原创 2018-10-25 17:07:48 · 1392 阅读 · 1 评论