- 博客(33)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 webstorm配置vue+element开发环境
File --> settings --> Editor --> Inspections --> Sass/SCSS --> 取消Missing import的勾选。在 Languages & Frameworks --> Webpack中配置webpck.base.conf.js。新建npm,Name可以自定义一个名字，script选择启动项目的指令。
2022-09-01 12:11:30
1692
1
原创 JS判断数据是否为空
使用Object.prototype.toString判断数据的类型function isEmpty(val){ let valType = Object.prototype.toString.call(val); let isEmpty = false; switch (valType) { case "[object Undefined]" || "[object Null]": isEmpty = true; break; case "[object Array]":
2022-03-22 14:17:14
855
1
原创 JS校验VIN码，生成虚拟VIN码
定义需要使用到的一些常量/** VIN码允许使用的字符数组 */const CharArray = ['1', '2', '3', '4', '5', '6', '7', '8', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'P', 'R', 'S', 'T', 'V', 'W', 'X', 'Y'];/** 国标规定的VIN码的前两位数组 */const ChinaArray = ['L0','L1','L2'
2021-11-22 14:57:41
1843
翻译 CropperJS中文文档（翻译自Cropper.js原英文文档）
Cropper.jsJavaScript 图片裁剪工具官网Photo Editor - Cropper.js的高级示例。jquery-cropper - Cropper.js 的 jQuery 插件包装器。A schematic diagram for data’s properties目录快速上手配置方法事件无冲突支持的浏览器相关项目快速上手npm安装npm install cropperjsCDN:<link href="/path/to/cro
2021-11-15 11:50:20
8611
1
原创 JS数组常用的操作方法
1. push() 将一个或多个元素添加到数组的末尾，并返回该数组的新长度。此方法修改原有数组。var arr = ['a','b','c'];var ele = arr.push('d');// ele结果为: 4;// arr数组被修改: ['a','b','c','d'];2. pop()，从数组中删除最后一个元素，并返回该元素的值。如果数组为空，则返回undefined。此方法修改原有数组。var arr = ['a','b','c','d'];var ele = arr.pop()
2021-11-04 10:36:50
26831
3
原创 JS生成固定和的随机数组（可指定/不指定数组长度）
/** 生成总和固定的随机数组 * @param total -- 必填：数据总和 * @param size -- 非必填，不指定时传 null：数据条目(要生成多少条数据) * @param min -- 非必填：随机数的最小值 * @param max -- 非必填：随机数的最大值 * this.isEmpty() 封装的判断数据是否为空的方法 * this.getRandomNumber() 封装的生成随机整数的方法 * th.
2021-09-16 17:33:51
891
2
原创 在vue中使用腾讯地图
1. 引入腾讯地图在 index.html 中插入<script charset="utf-8" src="https://map.qq.com/api/gljs?v=1.exp&key=你申请的key"></script>2. 引入TMap在 build/webpack.base.conf.js 中 引入 TMap，否则在使用时会报错 externals: { TMap: 'TMap' }3. 创建地图组件3.1.为地图创建容器<temp
2021-02-09 15:43:11
2560
原创 elementUI组件封装（三） ------ 多图上传
组件代码<template> <div @click="aaa"> <div class="weekImg" v-for="(e,index) in numList" :key="index" > <div class="weekTitle">{{e}}</div> <div> <!-- 新增 --> <d
2020-06-08 09:48:57
652
原创 elementUI组件封装（二）------ 标签
组件代码<template> <div> <el-tag :key="tag" v-for="tag in dynamicTags" closable :disable-transitions="false" @close="handleClose(tag)" > {{tag}} </el-tag> <el-input class="
2020-06-08 09:43:17
495
原创 elementUI组件封装（一） ------ 图片上传
封装组件<template> <div> <!-- 新增 --> <div v-if="!id" class="imgList-uploader" > <el-upload class="avatar-uploader" :action="domain" :data="QiniuData" :on-remove="handle
2020-06-08 09:36:07
1350
原创 使用electron-vue时遇到的问题及解决
目录1. 安装yarn及本地模块依赖推荐使用管理员进行安装（win10右击开始栏windows选择Windows PowerShell(管理员)）2. 创建electron-vue项目3. 运行项目时遇到的问题3.1. process is not defined在.electron-vue/webpack.renderer.config.js和.electron-vue/webpack.web.config.js文件中找到HtmlWebpackPlugin代码段并更改为如下代码：3.2. vue-devt
2020-05-26 10:18:44
3844
2
原创 JS调起APP，没有app则跳转至应用市场
HTML<div class="container"> <div id="btn_download" class="card-btn card_item"> 立即下载 </div></div><div class="mask" @click="hide"> <ol> <li>...
2020-04-21 11:08:35
2263
1
原创 JS一些常用方法的封装
过滤html标签以及nbsp等function contentFun (dot) { var dotStr = ""; if (dot) { dotStr = dot.replace(/<[^>]+>|&[^>]+;/g,"").trim(); dotStr = dot.replace(/<[^>]+>/g, ""); ...
2019-11-25 09:21:34
261
原创 vue + tinymce上传图片到七牛以及图片批量上传
此文基于之前博文vue使用tinymce5富文本编辑器图片批量上传插件来自Tinymce5 ax多图片批量上传插件一、上传图片到七牛云1.安装图片上传以及图片批量上传插件import "tinymce/plugins/image";import "tinymce/plugins/axupimgs";2.在toolbar和plugins中使用这两个插件,使用自定义图片上传方法plug...
2019-11-22 11:57:22
10787
2
原创 VScode更新后安装vetur仍无法格式化vue文件
1.删除 C:\Users\Administrator中的.vscode文件夹2.重新安装vscode3.安装vetur插件，此时可以正常使用
2019-08-12 10:06:59
5476
原创 vue使用tinymce5富文本编辑器
我所使用的版本为"@tinymce/tinymce-vue": "^2.1.0","tinymce":^5.0.12通过npm 安装tinymce和tinymce-vuenpm install tinymce -Snpm install @tinymce/tinymce-vue
2019-08-12 09:59:52
28313
14
原创 关于vue中el-date-picker type=daterange日期不回显的问题
原始代码如下： <el-form-item class="form_bigt_p" label="项目起止时间:" prop="time"> <el-date-picker unlink-panels class="bigWidth" :disabled="isDisabled" ...
2019-06-13 10:33:47
19729
4
转载 Vue导出页面为word
由于导出word时，页面样式无法正常使用，因此整体页面采用table布局，尽在几个地方添加style样式，没有其余样式 /** * 当页面中有canvas时，我的做法是 * 在页面中预先放置一个src为空的img标签 * 点击导出时，将canvas转为base64，将之前设置的img标签的src修改为base64，同时置空canvas * 需要注意的是，这种情况下，...
2019-05-11 10:27:14
11779
5
原创 JS判断安卓，ios和微信
var u = navigator.userAgent;var ua = navigator.userAgent.toLowerCase();// 判断安卓u.indexOf("Android") > -1 || u.indexOf("Linux") > -1;// 判断iOS!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终...
2019-04-28 16:33:26
1458
原创 vue使用mintUI，滑动到底部自动加载(infinte-scroll)
做此项目与官网的区别在于，数据总数，页码总数是由后台返回，而非前端设置<ul v-infinite-scroll="loadMore" infinite-scroll-disabled="loading" infinite-scroll-distance="10"> <li v-for="(item,index) in records" :key="index">...
2019-04-23 20:13:01
749
原创 js转换时间戳为2014-04-05格式
changeDate(date) { var myDate = new Date(date); var day = myDate.getDate(); if (day < 10) { day = `0${day}`; } var mon = myDate.getMonth() + 1; if (m...
2019-04-23 10:43:22
270
原创 vue中post请求报400的解决
因为默认数据格式为json,发请求时参数报错通过以下方式修改数据格式即可import qs from 'qs';const data = { 'bar': 123 };const options = { method: 'POST', headers: { 'content-type': 'application/x-www-form-urlencoded' }, data: ...
2019-04-19 14:51:03
17855
1
原创 vue打印echarts
思路将整个body的内容替换为弹窗的内容，打印操作完成之后还原echarts打印时未显示，通过将其转为img的方法进行打印 //打印触发的方法 print() { var that = this; var oldstr = document.body.innerHTML; // 获取当前页面内容用以还原 var div_print = docume...
2019-04-12 18:18:56
1126
4
原创 记一次vue+element项目中echarts的展示问题
展示前提：后台返回的是一段绘制用的js脚本，并是以父向子传参的方法传递过来，无法以正常的import方式使用echarts解决：// 通过此方法引入echarts所需js文件methods:{ introduce(){ var script1 = document.createElement("script"); script1.src = "http://www.c...
2019-04-12 18:15:40
1704
原创 foreach循环json数组
定义一组数据如下传入一个参数可见：一个参数时，foreach循环的是json数组中的每个对象传入两个参数可见：两个参数时，第一个参数是json数组中的对象，第二个参数是对应的index值...
2019-04-10 08:54:26
11871
原创 vue中axios的使用以及跨域问题的解决
在vue中使用axios使用 npm install axios 安装在main.js中添加以下代码import Axios from "axios";Vue.prototype.$axios = Axios;解决跨域问题在config中的index.js修改ProxyTable为如下：proxyTable: { "/api": { target: "后...
2019-04-09 15:46:39
534
原创 简单多表联查的操作
学生表（student）studentIdnamephonecollegeId1 张三 1832093147512 李四 1774520364323 王五 155328402633学校表（college）collegeIdcollegeName1 长安大学 2 蓝鸥 3 蓝鸥 14 西安交...
2019-01-17 16:56:43
722
1
原创 PHP操作数据库的基本操作
PHP操作数据库的基本操作连接数据库进行数据库的操作 (curd / 增删改查) 断开数据库命令1. 数据库的连接new mysqli(); arg1:主机名，代表当前连接的是哪一台服务器的数据库，默认是当前计算机(localhost/127.0.0.1) arg2:连接数据库所使用的账号，默认是root arg3:连接数据库的密码，默认是&quot;&quot; ...
2018-12-18 09:54:45
638
原创 数据库的简单了解
数据库的概念什么是数据库数据库：是由一批数据构成的有序的集合，这个集合通常被保存为一个或者多个彼此相关的文件关系型数据库MySqlOracleMicroSoft Sql ServalIDB DB2SQL(Structeured Query Language)结构化的查询语言 sql 语句数据表(table) 结构化的数据框架字段：数据表中各个数据的键查询：...
2018-12-17 21:20:36
272
原创 常用简单正则
账号： /^([a-zA-Z]|\d){6,8}$/g密码：^([0-9]|[a-zA-Z]){6,18}$手机号^1(3[0-9]|47|5[0-3|5-9]|7[0|7]|8[0|2-9])\d{8}$邮箱^[a-zA-Z0-9][\w\-]+@[a-zA-Z0-9]+\.[A-z]{2,4}$身份证号^[1-9]\d{5}(18|19|2[0-9])\d{2}(0[...
2018-11-17 10:50:05
240
原创 自用VScode插件
Auto Close Tag自动补充闭合标签Auto Rename Tag同步修改头尾标签background-cover背景图片Beautify代码格式化Bracket pair color括号颜色Chinese中文Color Info颜色主题css-auto-prefix自动补全css3代码Elm Emmet代码提示gui...
2018-10-30 09:07:20
684
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人