- 博客(24)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 各种方法介绍
关于 HTML5 中的拖动功能。 更多信息可以查看我们 HTML 教程中的 HTML5 拖放。以下 我只做一下简介。 https://blog.csdn.net/weixin_33672400/article/details/94206193
2022-02-18 16:08:18
309
原创 vue锚点定位 同步标签
<template> <div class="user_set"> <div class="content"> <div class="title_tabs"> <div class="left_list"> <div class="item" :class="[tabsindex==i?'select':'']" v-for=" (v,i) in list" @click="titletabs(i)
2022-01-20 16:48:32
299
原创 js 去重数组对象
var arr = [{key: ‘01’,value: ‘乐乐’}, {key: ‘02’,value: ‘博博’}, {key: ‘03’,value: ‘淘淘’},{key: ‘04’,value: ‘哈哈’},{key: ‘01’,value: ‘乐乐’}];// 方法1：利用对象访问属性的方法，判断对象中是否存在keyvar result = [];var obj = {};for(var i =0; i<arr.length; i++){if(!ob
2021-12-23 14:33:14
74
原创 文件，base64之间的转换
文件转base64var reader = new FileReader(); // 使用 FileReader 来获取图片路径及预览效果this.imgfilesback.push(file[i])reader.readAsDataURL(file[i]);reader.onload =(e)=>{this.imgsback.push(e.target.result); // base 64 图片地址形成预览this.doneLoadnigarr.push(e.target.r
2021-12-23 14:32:09
473
原创 滑动验证码 配合验证码组件使用
<template> <view class="content" :style="{height:windowHeight+'px'}"> <text @click="yzm">获取验证码</text> <xlg-slideCode :session_id="session_id" v-if="slideCode_show" @close="slideCode_show = false" @success="slideCode_succes
2021-12-23 14:31:37
260
原创 史上最全基于vue的图片裁剪vue-cropper使用
基于vue的图片裁剪vue-cropper新的需求vue-cropper官网代码拷贝最后基于vue的图片裁剪vue-cropper最近小编好久没有写博客了，今天发现突然涨了好几个粉，特别的开心，为了回馈大家，我今天准备了一点点小小的心意，最近工作实在太忙，难得抽空更博了，不过最近小编会快马加鞭努力更博的。新的需求最近小编遇到一个图片裁剪的需求，对于一个前端小白的我来说，搞这些花里胡哨的东西，走了很多弯路，各种百度，改了又改，实则不易啊。废话不多说上大图：vue-cropper官网链接：h
2021-12-23 14:31:25
720
原创 vue 打包上线后 解决浏览器缓存问题
const Timestamp = new Date().getTime();module.exports = {lintOnSave: false,publicPath: ‘./’,outputDir: ‘…/Front_PCadmin_dist’, //构建输出目录// productionSourceMap: true, // 生产环境是否生成 sourceMap 文件css: {//配置lessloaderOptions: {less: {javascriptEnabled:
2021-12-23 14:30:59
883
原创 图片网络地址转base64和文件
//图片地址转base64格式imgToBase64(url,cb){var canvas = document.createElement(‘canvas’),ctx = canvas.getContext(‘2d’),img = new Image; img.crossOrigin = 'Anonymous'; img.onload = function () { canvas.height = img.height; canvas.width = img.width;
2021-12-23 11:43:28
373
原创 uni图片剪裁
```bash//页面引用 <!-- selWidth 是 string 裁剪区域的宽，单位px或upx selHeight 是 string 裁剪区域的高，单位px或upx avatarStyle 否 object 头像样式，默认{width: 150upx; height: 150upx; border-radius: 100%;} --> <cropper selWidth="275rpx" ref='cropper' .
2021-11-22 17:55:56
402
原创 js 在线预览pdf
1npm install --save vue-pdf注意路径。别在桌面调出来个终端安装了，这种直接打回去重学Vue。vue-pdf 初体验：安装完之后，使用vue-pdf非常简单，和其他的组件并没有什么不同，上代码：首先我们需要引入这个组件：然后在页面使用vue-pdf,只需要添加标签：8 重启你的项目，访问这个界面，你大概率会发现pdf已经成功显示在你的界面上了。这没有任何问题，但是，正当你准备拿起一根烟，点上，伴着舒适的《美丽的梭罗河》，欣赏你成功的杰作的时候，你会发现
2021-08-18 16:17:45
760
原创 vue 拖拽元素交换数据
<template> <div class="hello"> <h1>{{ msg }}</h1> <div> <div class="team" v-for="(team,tindex) in teamDataArr" :key="tindex"> <div style="margin: 5px;">{{team.teamName}}</div> <d
2021-06-22 17:46:09
309
原创 uni强制设置屏幕的横竖方向
https://uniapp.dcloud.io/collocation/pages?id=globalstyle在pages.json中添加配置：“globalStyle”: {// …“pageOrientation”: “auto”},此方法可以配置全部页面横竖屏切换（切换时有rpx坑，尽量使用 百分比布局 和 px , rem）二、实现某个页面横竖屏切换，其他页面竖屏显示1.在manifest.json中添加配置“orientation” : [//竖屏正方向“portrait
2021-06-07 10:02:06
2546
原创 申请自有证书
1 首先电脑需要有java运行环境java jdk地址https://www.oracle.com/java/technologies/javase-jdk16-downloads.html 怎样配置java 和变量百度2.java配好之后打开cmdkeytool -genkey -alias testalias -keyalg RSA -keysize 2048 -validity 36500 -keystore test.keystore 1输入上面的命令t...
2021-05-17 17:26:58
181
原创 wangeditor v4版本上传图片到服务器
//记得引用 import Editor from "wangeditor" this.editor = new Editor(this.$refs.content_editor); // this.editor.config.uploadImgShowBase64 = true // base 64 存储图片 传base64的时候用 一般不用 this.editor.config.uploadImgServer = this.imgurl+'newsadmin/uploadNewsPic'...
2021-04-28 10:55:25
479
原创 vue-uniapp解决部分手机角度旋转90度问题
1npm i exif-js2 npm i lrzasync uploadfile(event) {if(event.target.files[0].type === ‘image/jpeg’||event.target.files[0].type === ‘image/png’){const u = navigator.userAgent; let that = this; // console.info(event); let file =
2021-03-30 13:56:28
555
原创 moment.js的常用方法
moment.unix(时间戳).format(“YYYY-MM-DD HH:mm”) 时间戳转年月日格式moment(1970-01-19 11:14).unix() //年月日转时间戳moment().unix() //当前时间戳
2021-03-02 19:15:04
892
原创 uni 解决部分手机拍照自动旋转90度问题
第一步 cnpm install exif-js --save//url 就是上面获取到的blod地址 imgname是文件名 这个方法在你选择完照片的调用 吧地址 和名字穿过来 async detail(url,imgname){ let maxWidth = 500; let Orientation = 1; //获取图片META信息 await this.getImageTag(url, 'Orientation'
2021-02-27 08:41:02
651
原创 uni 实现多文件上传
uni.chooseFile({ count: 600000, //默认100上传的最多数量 success: (res)=> { console.log(res); this.files=res.tempFiles //选中的文件数组 const tempImg = this.files.map(item => { return { name: 'uploadFile', //后台接受文件
2021-02-02 17:56:07
350
原创 vue和js 文件压缩 以及base64转file文件
vue 中使用lrz压缩文件1，cnpm i lrz --save 下载依赖2.使用 import lrz from “lrz”; 先引用let url = window.webkitURL.createObjectURL(val); //val 就是你选择的file文件lrz(url, { quality: 0.7, width: 400 }).then((rst)=>{// console.log(rst);// console.log((rst.file.size/102
2021-01-13 09:42:04
172
原创 检测一个对象的所有属性是否都有值不为空
Vue.prototype.true_obj = function(params) { //检测一个对象的所有属性是否都有值 let flag = 'true'; for(var key in params){ if(params[key] != '0' && !params[key]){ // this.$vux.toast.text('请完善数据!', 'middle'); // console.log('请完善数据!', 'middle')
2020-12-15 14:00:07
1117
原创 vue js 根据时间开始日期 结束日期 算出中间有多少天,和每天的日期
// 计算续住的总日期列表 getAll(begin, end) { let arr1 = begin.split("-"); //这里可以换成/ 就2020/01/1 这种 let arr2 = end.split("-"); let arr1_ = new Date(); let arrTime = []; arr1_.setUTCFullYear(arr1[0], arr1[1] - 1, arr1[2]); let arr2_ = new Date();
2020-12-15 13:55:53
3558
1
原创 vue 识别身份证内容并映射到来源地区的js
/**根据身份证号，取得行政区划的js用法1先引用 import { getAreaByIdCard } from “@/tools/city/cardCity”;2let depart = getAreaByIdCard(card); 输入身份证*///根据身份证号取得发证地，身份证号前六位映射到市的结果例如“110101–北京市东城区”“411202–河南省三门峡市湖滨区”export const getAreaByIdCard = (idCard) => {if (!idCa
2020-12-10 11:42:38
3411
原创 vue js 验证身份证号 非常严谨
/** * @method 计算身份证号中的信息 * @param {string} idcard_no 身份证号 * @param {Array|null} validateAge 是否验证年龄，如需验证可传入年龄范围[最小.最大]，若传入null则不验证 * @return {bool|Object} 号码不符合规则返回false，符合规则返回对象，包含age birth sex */export const getIdcardInfo = (idcard_no, validateAge =
2020-12-10 11:36:54
608
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人