js
Joshua02
这个作者很懒,什么都没留下…
展开
-
PC网页、移动端适配,页面font-size动态变化
页面font-size动态变化,页面适配,字体大小适配原创 2022-07-15 11:06:30 · 4038 阅读 · 0 评论 -
vue 使用wangEditor
1、npm install @wangeditor/core @wangeditor/editor @wangeditor/editor-for-vue2、封装组件 MyEditor.vue, (这里是通过props content 将展示内容传入)<template> <div> <div style="border: 1px solid #ccc; margin-top: 10px"> <!-- 工具栏 -->原创 2022-05-19 16:09:59 · 13153 阅读 · 2 评论 -
vue自定义指令, 之dialog可拖拽指令封装
自定义指令这里以dialog可拖拽指令举例1、先在src中创建文件夹 directives,其中建两个文件,一个index.js,一个自定义指令文件// index.js 自定义指令 import draggable from '@/directives/draggable'; // 可拖拽指令 export default app => { app.directive('draggable', draggable)}// draggable.jsconst dra原创 2022-05-19 10:44:23 · 863 阅读 · 0 评论 -
vscode使用eslint prettier 自动格式化代码
本文以vue项目举例一、安装 Eslint安装eslint插件二、安装 Prettier-Code formatter插件需要安装这个 代码格式化插件否则会提示 Extension 'esbenp.prettier-vscode' is configured as formatter but not available. Select a different default formatter to continue.三、安装Vetur插件四、配置 set..原创 2022-01-11 12:04:06 · 6059 阅读 · 0 评论 -
vue-pdf 预览时电子签章不展示问题
步骤一 :在node_modules/pdfjs-dist/build/pdf.worker.js注释掉一行代码(19641行)if (data.fieldType === "Sig") { data.fieldValue = null; // 注释掉底下这行 就可以显示电子签章 // this.setFlags(_util.AnnotationFlag.HIDDEN);}步骤二: 在node_modules/pdfjs-dist/es5/build/pdf.原创 2021-08-17 09:08:32 · 1093 阅读 · 1 评论 -
扁平数据转Tree 树 树形结构
源数据:let arr = [ {id: 1, name: '部门1', pid: 0}, {id: 2, name: '部门2', pid: 1}, {id: 3, name: '部门3', pid: 1}, {id: 4, name: '部门4', pid: 3}, {id: 5, name: '部门5', pid: 4},];需要输出:[ { "id": 1, "name": "部门1",原创 2021-07-14 16:09:30 · 176 阅读 · 0 评论 -
axios 下载流文件
后端接口返回一个流文件,下载方法async downLoad(){ let url= '/downloadTemplate.do'; this.downloadLoading = true; axios.get(url,{ baseURL: `/web/api`, responseType:'blob', headers:{Authorization :'Bearer ' + sessionStorage.getIte原创 2021-04-20 18:35:41 · 3712 阅读 · 3 评论 -
多维对象数组 转一维数组
function flatten(arr){// 多维menu数组 变成一维数组 return [].concat(...arr.map(item =>{ return item.children //判断是否有子项,否则会报错 ? [].concat(item, ...flatten(item.children)) : [].concat(item) } ))}let testArr = [.原创 2021-04-07 17:02:42 · 981 阅读 · 0 评论 -
element table checkbox 显示与隐藏
table表头中,全选复选框的隐藏,可以使用:header-cell-class-name,例如:<el-table border ref="multipleTable" :header-cell-class-name="headerCellClass"> <el-table-column type="index" label="序号" width="60" align="center"></el-table-column> <el-.原创 2021-01-20 17:33:37 · 4308 阅读 · 1 评论 -
vue中判断数组长度length报错
{{pawnList.length>0 ? pawnList.name : ''}}报错:Error in render: "TypeError: Cannot read property 'length' of undefined" 解决办法:{{pawnList!== undefined && pawnList!== null && p...原创 2018-11-22 10:19:13 · 42086 阅读 · 3 评论 -
生成二维码 并下载PDF
使用了qrcode.js和jspdf.js<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xm...原创 2018-12-27 15:51:23 · 1251 阅读 · 0 评论 -
ES6中Array数组的操作
转摘自向建峰的慕课手记:https://www.imooc.com/article/50869 ES6中Array数组的各种方法Array.from()Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。console.log(Array.from('Javan'));// output: Array ["J", "a", "v", "a", "n"...转载 2018-12-26 11:11:16 · 1751 阅读 · 0 评论 -
vue项目 生成二维码,pdfjs生成PDF并下载
一 首先安装依赖npm install qrcodejs2 --savenpm install jspdf --save qrcode用于生成二维码,jspdf用于生成pdf 以及pdf的下载 二 项目中使用先引入import QRCode from 'qrcodejs2';import JsPDF from 'jspdf';页面代码(一个空div,用来放置ca...原创 2019-01-17 13:03:12 · 3552 阅读 · 3 评论 -
iview select选中的值 与option不符
这是<Option v-for="option(item,index) in items" :key="index"中的key的问题导致的,(也可能是没有写:key="index",注意,必须写)key根据键值对定位元素,如果index索引只代表一个元素就不会出现重复,否则就出异常(例如:选中与显示的值不符)。解决办法key="index"替换成 key="只代表唯一含义的属性...原创 2019-02-20 09:32:52 · 1788 阅读 · 0 评论 -
js中数组find 与findIndex方法的对比
Array.find()arr.find(callback[, thisArg]) 返回数组中满足callback函数的第一个元素的值,否则返回 undefined。let array1 = [5, 12, 8, 110, 88];let found = array1.find(element => { return element > 10;});consol...原创 2019-02-20 13:23:21 · 6282 阅读 · 0 评论 -
element DateTimePicker 结束时间不能小于开始时间(开始时间不能小于当前时间)
html<el-form-item label="开始时间" prop="startTime"> <el-date-picker v-model="form.startTime" type="datetime" class="inputw" :picker-options="pickerOptionsStart"原创 2019-03-04 17:07:13 · 12192 阅读 · 3 评论 -
vue 从后台获取文件流 导出excel
<template> <div class="container" ref="loadElement"> </div></template>import axios from 'axios'export default { post(url, param, title) { axios.post(url...原创 2019-04-09 10:21:01 · 7599 阅读 · 2 评论 -
js 时间戳计算天数差
var endTime = new Date(res.data.repayDate).getTime() //还款日var nowTime = new Date().getTime() // 今天var nTime = endTime - nowTimevar day = Math.floor(nTime/86400000); //天数差console.log(day)...原创 2019-04-15 10:21:01 · 2343 阅读 · 0 评论 -
js 金额格式化
var moneyFormat = function (value) { // 金额 格式化 if (!value && value !== 0) return '-'; var intPart = Number(value) | 0; //获取整数部分 var intPartFormat = intPart.toString().replace(/(\...原创 2019-04-15 14:15:44 · 5239 阅读 · 0 评论 -
js正则验证url
function checkURL(URL) { var str = URL, Expression = /http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/, objExp = new RegExp(Expression); if(objExp.test(str) == true) { re...原创 2019-09-10 21:10:42 · 5111 阅读 · 0 评论 -
layer 关闭指定弹出层
首先,弹出某个层时需要给层取名(赋值),如:var mylay = layer.open({ type: 2, content: 'layer.html', title: false, area: ['500px', '500px']});需要关闭指定的弹出层时,直接: layer.close(mylay) 如果在弹出层中写js,...原创 2018-06-25 14:43:03 · 18491 阅读 · 4 评论 -
js base64加密 解密
/**base64 *///下面是64个基本的编码var base64EncodeChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";var base64DecodeChars = new Array( -1, -1, -1, -1, -1, -1, -1, -1, -1, -1, -1,...转载 2018-10-30 14:21:16 · 376 阅读 · 0 评论 -
layui 时间选择(结束时间不能小于开始时间)
// 时间选择器初始化 开始时间laydate.render({ elem: '#qBeginTime', format: 'yyyy-MM-dd', done: function (value, date, endDate) { var startDate = new Date(value).getTime(); var endTime = new Date($('#qEndT...原创 2018-10-25 17:38:19 · 13654 阅读 · 10 评论 -
js验证身份证号码(省份 生日规范 避免无效信息)
var aCity={11:"北京",12:"天津",13:"河北",14:"山西",15:"内蒙古",21:"辽宁",22:"吉林",23:"黑龙江",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"原创 2018-10-22 11:12:49 · 358 阅读 · 0 评论 -
vue 图片裁剪上传组件
vue-image-crop-uploadgithub:https://github.com/dai-siki/vue-image-crop-upload里面中文文档,使用示例写的很清楚,不在赘述原创 2018-09-12 10:33:31 · 1416 阅读 · 0 评论 -
正则 6位整数或小数点最多两位
/(^[0-9]{1,6}$)|(^[0-9]{1,6}[\.]{1}[0-9]{1,2}$)/.test(123456.11)/**** true *****/ /(^[0-9]{1,6}$)|(^[0-9]{1,6}[\.]{1}[0-9]{1,2}$)/.test(123456.123)/**** false *****/原创 2018-08-30 17:39:53 · 13144 阅读 · 0 评论 -
BootStrap Table序号翻页后重置
解决 BootStrap Table 每次翻页 序号都从1开始 { field: 'name', title: '序号', width: 250, align: 'center', formatter: function ...原创 2018-06-27 17:36:33 · 809 阅读 · 0 评论 -
js计算天数差
两种方法,一种是时间戳,但是如果只精确到天,有时候会有问题 //计算时间差(天数) function DateDiff (sDate1, sDate2){ var timestamp1 = Date.parse(sDate1) var timestamp2 = Date.parse(sDate2) ...原创 2018-06-27 17:30:16 · 724 阅读 · 0 评论 -
页面滚动到一定位置后 元素滑出显示
元素滑出之前 和之后的位置是不一样的滑出之前 opacity: 0; 之后为 1<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style&原创 2018-06-11 09:46:14 · 13283 阅读 · 0 评论 -
移动端H5页面 广告劫持怎么办 怎么去广告
嵌入的代码基本都是iframe,把以下js代码加入 body标签内,以删除iframe(记得用script标签包裹)//以下代码为删除嵌入广告 var del_times = 0, deTimer = null; function adGo() { var iframe = document.getElementsByTagName('iframe...转载 2018-06-23 16:33:00 · 6412 阅读 · 2 评论 -
jquery获取子元素的子元素……
$('.consulting-item-content:eq(0) div div span:eq(0)').text()中间的div 不能写成class名字,否则取不到只能写标签名原创 2018-05-29 20:41:21 · 7533 阅读 · 0 评论 -
Vue组件分割 动态加载组件
vue开发的项目 组件太多,打包的一个app.js文件太大,网页加载太慢怎么办?将组件分模块打包,按需加载。vue官网有异步加载组件,我在laravel里面试了下,没成功,可能是laravel的webpack配置问题。laravel的webpack配置太长不看。(可以的话laravel+vue的项目,可以考虑不用laravel自带的vue配置,自己重新弄个vue的前端项目,自己写webpack配置...翻译 2018-05-22 11:54:30 · 2380 阅读 · 0 评论 -
手机号,邮箱,中文字符 js正则验证
var adviceStr = $('#adviceContent').val(); var mobileStr = $('#phone').val(); var mailStr = $('#email').val(); if( (/^1[3|4|5|8][0-9]\d{4,8}$/.test(mobileStr)) ){ ...原创 2018-04-25 20:28:19 · 301 阅读 · 0 评论 -
jQuery 获取url参数
定义一个方法,将参数变成一个对象集合function getParams() { var url = location.search; var params = new Object(); if (url.indexOf("?") != -1) { var str = url.substr(1); var strs = str.spli...原创 2018-09-07 09:22:06 · 504 阅读 · 0 评论 -
jQuery封装异步ajax
一、通过回调方式:function ajaxAsync(datas, callback) { var param = JSON.stringify(datas); $.ajax({ type: "POST", url: "www.********/rest", dataType: "json", data: {...原创 2018-09-10 17:43:02 · 441 阅读 · 1 评论 -
Laravel框架中缩小webpack打包vue js的体积
转载,原文: Laravel框架中缩小Vue应用的体积 https://www.codercto.com/a/12720.htmllaravel中 webpack打包生成的app.js居然有3M,生成的production版也有1.4M,放到服务器上,首页打开要十几秒(1M带宽)。于是探究起如何缩小应用体积。定位导致应用体积大的原因这里使用 webpack-bundle-analyze...转载 2018-10-10 14:11:08 · 1624 阅读 · 0 评论 -
bootstrap datetimepicker 开始时间,结束时间
// 时间选择器初始化$('#beginTime, #endTime').datetimepicker({ language: 'zh-CN', autoclose: true, todayBtn: true, format: 'yyyy-mm-dd hh:ii:ss', // minView: 2, minuteStep: 10, // 时间选...原创 2018-09-28 14:24:50 · 5234 阅读 · 1 评论 -
select2 下拉加载 分页数据
这篇博文http://www.php.cn/js-tutorial-384637.html注释写的比较详细, (不过他做了很多修改)https://blog.csdn.net/bossxu_/article/details/80368471 这个也可以看看首先,页面上引入jquery,和select2<link rel="stylesheet" type="text/...原创 2018-09-27 11:26:16 · 4660 阅读 · 0 评论 -
js 时间格式化(ES6语法)
formatNumber = n => { n = n.toString() return n[1] ? n : '0' + n}// 时间格式化formatTime = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.g...原创 2018-09-14 16:26:40 · 12134 阅读 · 0 评论 -
使用pluploader,图片上传阿里oss
页面引入jquery 和 plupload.full.min.js(plupload.js)// 封装ajax 给上传图片用function reqAjax(cmd, data){ var deferred = $.Deferred(); $.ajax({ type:"post", dataType: 'json', url...原创 2018-09-11 11:10:47 · 1319 阅读 · 0 评论