- 博客(22)
- 收藏
- 关注
原创 miniprogram-ci 打包typescript,ts项目
miniprogram-ci搭配jenkins构建typescript,sass小程序项目
2023-07-30 11:52:56 342
转载 【无标题】
解决a链接下载图片,跳至预览页uploadCode () { let a_link = document.createElement('a') a_link.style.display = 'none' a_link.href= this.formList.shop_code + '?response-content-type=application/octet-stream' a_link.setAttribute("id", "codeLink")
2022-03-22 08:41:02 76
转载 vue中使用AES加密(AES/ECB/PKCS5Padding)
写在前面,网上有很多关于使用crypto-js实现AES加密的文档。但是有2点需要特别注意,一是很多人都是–save-dev,官网也说需要node.js环境,其实是这个包是支持浏览器环境的。二是PKCS5Padding加密方式的padding值是Pkcs7不是Pkcs5,这是我踩过的坑。第一步: 安装crypto-jsnpm install crypto-js --save第二步:项目中新建一个js文件,比如:utils.js (utils:工具集)第三步:utils.js文件中的内容impo
2021-08-29 19:23:30 3708
原创 element-ui 限制输入数字类型
//input事件解决限制长度的问题,onKeypress解决可以输入字母e的问题<el-input type="number" v-model="form.pub_num" @input.native="changeNum" onKeypress="return(/[\d]/.test(String.fromCharCode(event.keyCode)))" maxlength="999999"></
2021-08-18 15:15:21 272
原创 记录前端一些常用方法
1.切割url,返回对象。哈希模式使用location.hash,history模式使用location.search.function getUrlParams() { let url = decodeURI(window.location.search); let index = url.indexOf('?') let obj = {} if (index !== -1) { let str = url.substr(1) let arr =
2021-04-16 15:29:04 131
原创 npm有包却down(下载)不下来
记录一次使用npm踩坑日记一次协助开发别的公司的项目,拉下来代码,有一个依赖包死活down不下来,报错是该版本找不到。No matching version found for vue-superset@1.9.2npm ERR! notarget In most cases you or one of your dependencies are requestingnpm ERR! notarget a package version that doesn't exist.这里报错指出,npm
2021-01-09 16:27:19 1457 1
转载 node.js复制文件夹
使用hubilderX构建的uniapp项目打包的H5项目想要放到外层目录,因为可视化构建的项目不存在修改webpack配置,所以只能自己写个小脚本copy文件到外层目录var fs=require('fs');var stat=fs.stat;var copy=function(src,dst){ //读取目录 fs.readdir(src,function(err,paths){ console.log(paths) if(err){
2021-01-07 13:51:42 230
原创 css实现盒子高度随宽度等比例缩放的四种方式
前提:先去下margin,padding,方便看效果*{ margin:0; padding:0}方法一:css.container { background-color: silver; width: 100%; position: relative; display: inline-block; } .dummy { margin-top: 100%; } .content { position: absol
2020-12-09 17:27:47 7792 2
原创 Redux学习感悟
根据Redux官网的文档和Todos案例完成了一个简单的小demo,加深理解。ActionAction是把数据从应用传到sotre的有效载荷(类似Vue的payload),它是store的唯一数据来源。一般来源于服务器响应和用户选择/输入,可以使用store.dispatch()和redux的connect函数将action传到store.我理解redux的action较之于Vue的payload只是进行了一种规范化的封装,一方面是约束了代码格式,使其更严谨;另一方面使得action更好的与Red
2020-11-20 17:06:16 129
转载 针对iPhone刘海屏的scss媒体查询封装
最新 iPhone 刘海屏设备信息整理 包含iPhone12 最新系列对应的css媒体查询@mixin bangs { @media only screen and (device-width: 360px) and (device-height: 780px) and (-webkit-device-pixel-ratio: 3), //12 mini only screen and (device-width: 375px) and (device-height: 812px) and (-
2020-11-13 11:24:31 563
原创 简单Loaing动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><style> .juhua-loading { p
2020-11-09 15:45:04 214
转载 create-react-app run eject 后 antd 按需引入的配置
首先我们create-react-app创建一个项目antd 官网中推荐我们经过这样配置之后发现我们的react项目已经完成了对antd的按需加载但是如果我们想更改一下webpack配置的时候需要用到 npm run eject把一些配置暴露出来可能你执行npm run eject的时候会报错 没关系 我们执行一下git initgit add .git commit -m ‘init’链接一下git仓库接下来我们再启动项目你会发现项目启动报错了 提示我们找不到react
2020-10-28 15:03:47 264
原创 前端不同域名实现跨域资源共享
有时候,我们可能遇到这种场景。那就是两个项目部署在了不同的域名,从项目A跳转项目B之后,再项目B中需要访问项目A的storage.根据测试,可以通过message事件,使用localstorage来实现。项目A<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2020-10-16 18:08:05 4605
原创 金额两位小数正则
// 输入金额框的强制正则替换 moneyReg(val) { //清除"数字"和"."以外的字符 val = val.replace(/[^\d.]/g, ''); //只保留第一个. 清除多余的x val = val.replace(/\.{2,}/g, "."); // 保证第一个为数字而不是. val = val.replace(/^\./g, ""); //保证.只出现一次,而不能出现两次以上 val = val.replace(
2020-10-16 15:06:12 276
原创 vue keep-alive组件使用探究
vue keep-alive组件使用探究最近在使用vue的keep-alive组件实现页面缓存的时候遇到了一些问题最主要的困惑是没有分清meta标签中的keeAlive的true和false值的影响,以为能控制keep-alive组件是否缓存页面,后面发现我想错了。keep-alive只是一个组件,用来缓存页面,它本事是很机械的。不管使用这种<keep-alive> <router-view v-if="$route.meta.keepAlive"></r
2020-09-21 15:34:03 156
原创 记录一次下载pdf/xsml的需求
记录一次下载pdf/xsml的需求PC端需要下载pdf/xls文件,但是有可能生成的文件还没有存放到OSS服务器上。所以需要先判断路径是否404,成功之后再使用a标签下载。这个需求在一个vue项目中,但是使用axios无法实现判断404,因为无论是否404,axios的then和catch都会执行。getAjax(scope) { let _this = this if(!scope.prefixURL || !scope.filePath) { this.$co
2020-07-22 19:29:04 221
原创 H5生成二维码
<!DOCTYPE><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"><head><title>Javascript 二维码生成库:QRCode</title><meta http-equiv="Content-Type" content="...
2020-03-14 14:54:05 499
原创 H5获取本地图片并回显
混合开发:当H5所运行app已经得到用户读取本地文件授权的时候也会生效<template> <div> <img src="" id="image" alt=""> <label for="file" style="width:100px;height:100px;background:pink;display:block...
2020-01-13 15:56:11 1692
原创 base64图片转换kb
function getImgByteSize(data:string) { if (data) { const equalIndex = data.indexOf('='); // 获取=号下标 // 根据不同图片格式切割,jpg,jpeg,png,gif const isBase = data.substr(15,4) if (isBase === 'base') ...
2020-01-10 17:25:57 877
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人