- 博客(31)
- 收藏
- 关注
RSS订阅原创 vsCode 设置保存格式化时html 标签属性不换行
1.vscode 安装 vetur 插件2.文件->首选项->设置搜索–vetur->format->default formatter:html 设置为：js-beautify-html3.将以下代码放到settings.json中 "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "auto", "wrap_line_length":
2022-03-07 18:30:48
1125
原创 js输出一个数组，奇数在前偶数在后
var arr = [1, 2, 3, 4]; for (let i = 0; i < arr.length; i++) { for (let j = arr.length - 1; j > i; j--) { if (arr[i] % 2 == 0) { let n = arr[i]; arr[i] = arr[j]; arr[j] = n; } } } console.log(arr);// .
2021-07-15 17:52:58
848
原创 Warning: Accessing non-existent property ‘cd‘ of module exports inside circular dependency
vue打包遇到一堆警告出现这种问题就是因为当前node版本过高导致，解决办法：可切换node至v10.版本升级shelljs到0.8.4即可解决升级shelljs：npm install shelljs@0.8.4 --save路漫漫其修远兮，吾将上下而求索。加油！...
2021-06-25 18:09:05
5854
原创 Node.js（windows系统）：ExperimentalWarning: The fs.promises API is experimental
vue项目打包时总是提示： ExperimentalWarning: The fs.promises API isexperimental这是因为node版本过低，而在项目引入的模块是最新的导致，只需升级node即可
2021-06-25 14:16:25
964
原创 WARNING in asset size limit: The following asset(s) exceed the recommended size limit (244 KiB)
打包出现文件大小警告提示在webpack.base.conf.js配置，添加module.exports = { performance: { hints: 'warning', //入口起点的最大体积 整数类型（以字节为单位） maxEntrypointSize: 50000000, //生成文件的最大体积 整数类型（以字节为单位 300k） maxAssetSize: 30000000, //只给
2021-06-23 11:45:05
380
原创 vue 鼠标视觉差效果实现parallax-js
今天来点酷一点的，鼠标放图片上实现视觉差效果parallax-js安装依赖 npm i -s parallax-js页面引入 import Parallax from 'parallax-js' or const Parallax = require('parallax-js')html <div id="scene"> <div data-depth="0.2"> <img src="../img/main.jpg.
2021-04-21 16:44:56
1788
4
原创 element ui表格数据控制只能选择一行，选中其他行则清除上一行
<el-table :data="tableData" center ref="table" style="width: 100%" @select="handleSelectionChange" stripe > handleSelectionChange(selection, val) { // table组件选中事件,记得加上@select="handleSelectionChange" //只能选择一条，.
2021-03-13 15:07:20
1523
2
原创 vue修改表格数据时视图没有更新
项目中遇到一个问题，开始我用的下图第一种方法修改表格数据,发现数据确实是变化了，但是视图没有更新,之后用Vue.set方法解决了问题希望对遇到此类问题的小伙伴有所帮助，加油！
2020-12-24 10:05:48
1208
原创 tab菜单点击选中状态始终在屏幕可视区内
<template> <div class="hello"> <div class="flash-list"> <div class="scroll-box"> <div v-for="(item, index) in tabArr" :key="index" ref="pageContainer" class="flash-item-
2020-12-18 11:31:37
762
原创 vue项目中报错：syntaxerror: Unterminated string constant解决
syntaxerror: Unterminated string constant解决办法： 升级vue-template-compiler"vue-template-compiler": "^2.6.12"，"vue": "2.6.12",同时保证和vue是同一版本，否则报错：vue-template-compiler must be installed as a peer dependency, or a compatibl...
2020-11-26 14:23:41
2760
2
原创 flex布局两端对齐并且多列换行，最后一行不满左对齐
给父容器after或者before（适用于每行3或者4列）.box:after { display:block; content:""; width: 32%; height:0px;}本人亲测有效，希望能帮助到需要的小伙伴，加油！
2020-09-23 09:25:05
2058
1
原创 微信小程序手写签名canvas
小程序引用canvas实现手写电子签名，我将毫不吝啬的分享给大家，跟我来悄悄告诉你这套代码我也是网上撸的，你会乍一看好像都一样呢，别着急，别人的不好用拿这套试试，这套代码解决了手写延迟，功能包括重写、预览、保存、上传，简直好到极致了。试试看呢wxml<view class="wrapper"> <view class="handBtn"> <image catchtap="selectColorEvent" src="{{ selectCo.
2020-06-04 14:48:02
1849
2
原创 基于Vue的移动端电子签名demo
HTML<template><div ref="canvasBox"> <canvas id="canvas" ref="canvas" height="150"></canvas></div><div class="row row-space-between"> <p @click="onClickCancle" class="statusNoBtn">取消</p> <p @cl
2020-05-15 14:30:11
780
1
原创 vue项目中使用pdfjs-dist预览pdf文件+分页并兼容字体
1.安装npm install pdf-dist --save2.引入let PDFJS = require(“pdfjs-dist”);PDFJS.GlobalWorkerOptions.workerSrc = require(“pdfjs-dist/build/pdf.worker.min”);3.<div class="center"> <div c...
2020-03-04 15:12:17
8900
19
原创 GitLab配置SSH秘钥（windows下）
1.文件夹下选择 git bath here2.运行指令 ssh-keygen -t rsa -C “自己的邮箱地址” -b 40963.运行指令 cat ~/.ssh/id_rsa.pub | clip4.粘贴到5.完成
2019-12-09 10:30:50
569
原创 input上传文件手机拍照图片Canvas压缩上传后图片旋转问题解决
在做H5公众号项目的时候发现一个bug，ios图片上传会逆时针旋转90度，偶尔安卓也会这样，显然这不是我们想要的，开始以为是上传的阿里云服务器后旋转的，后来发现不是。在网上找了几种方式，做种选择插件EXIF.js来解决这个问题。npm安装：npm install exif-js --saveOr Bower: bower install exif-js --save引入使用：import {...
2019-11-29 15:02:31
869
原创 vue中循环时动态绑定值
在vue项目中，在未知绑定数量的情况下动态生成绑定值，以绑定下标index为例 data() { return { groundLocationCode: [], } <div v-for="(item,index) in glptModifyDtoList" :key="index"> <el-form-item label=...
2019-10-29 16:11:06
1318
原创 js根据银行卡号判断属于哪个银行并返回银行卡类型
//cardType:DC->储蓄卡,CC->信用卡function bankCardAttribution(bankCard) { var cardTypeMap = { DC: "储蓄卡", CC: "信用卡", SCC: "准贷记卡", PC: "预付费卡" }; function extend(target, source) { ...
2019-09-26 13:57:47
1232
原创 倒计时开始时间的未来三小时到当前时间的倒计时
CountDown('2019-9-20 10:30:00','2019-9-20 10:00:00'); //项目中这两个参数都为后台传入 function CountDown(time, now0) { var _times = 0; var tt = null; var _nowtimes = null; var _hb = ""; var ...
2019-09-20 10:28:48
699
1
原创 移动端手机验证码倒计时
话不多说，直接上代码<body> <input type="button" value="获取验证码" id="get-login-code"></body>js:var countdown =59;$("#get-login-code").on('click', function() { settime() function settime(...
2019-09-20 09:33:56
259
原创 基于vue 图片上传，图片压缩转换base64的几种方式(jQuery)
话不多说直接上代码…方式一：template： <input type="file" :value="imgValue" class="uploadInput" accept="image/*" @change="uploadImg($event)" />script: uploadImg(event) { let _t...
2019-09-19 09:07:06
1634
原创 vue+element动态设置el-menu导航,刷新页面保持当前菜单选中项及路由
今天闲来无事整理了一套后台管理系统的侧边栏菜单，实现了页面刷新路由保持不变和菜单也是当前点击的高亮状态来一起看看吧！首先，菜单数据是动态的，注意的是 id 和 路由的 name保持一致，页面刷新要用到：一级菜单不用name，因为没用到路由跳转const menus = [ { id: '0', label: '首页', path: '/', icon: 'fa fa-dashboa...
2019-07-11 15:31:57
17473
9
原创 $set用法 vue
$set用法为dom添加一个不存在的属性<div @click="collectionFn(item.id,index)"> <p class="collection"> <img :src="collectionImg" v-show="!item.collectionFlage" alt> <img :src="collectionImgAc...
2019-06-25 20:56:14
195
原创 Element UI disableddate设置动态时间,时间段，或者当前之前不可选，当天之后不可选
在项目中使用Element UI 日历控件，本人遇到的场景是某个时间到当天时间可选，其他不可选，代码如下：dom: <el-date-picker v-model="ruleForm1.date" type="date" value-format="yyyy-MM-dd" placeholder="选择日期" :picker-o...
2019-06-05 09:46:32
21452
6
原创 js验证身份证是否合法，vue+element表单验证
var validateCard = (rule, value, callback) => { if (value === "") { callback(); return; } else { if (!this.IdentityCodeValid(value)) { cal...
2019-05-15 17:17:46
1975
原创 h5 canvas手写签名插件，拿来即用！
项目需要，用到了canvas手写签名的功能，直接上代码css样式#myCanvas{ width: 90%; height: 150px; border-radius: 10px; margin: 10px 5% 5px 5%; color:#ff6000; background-color: #ffffff; } .btn-primary{ ...
2019-04-15 14:03:26
6612
17
原创 Vue使用axios请求数据，默认post请求传参是json格式，但后台需要formData格式？？？
最简单的方式，post请求参数json转formData…代码如下：使用node的 qs 模块（推荐使用）就是这么简单，在结合element ui表单一键提交涉及到，希望遇到的同学少走弯路，加油~...
2018-11-09 09:36:10
15824
4
原创 利用Chrom浏览器实现滚动截屏，不用下载插件，超级简单！
相信很多开发者在开发手机端项目的时候，会在浏览器按照不同机型打开查看效果，可是截图只能截取可视区的图片，我想截全屏网页内容怎么办呢？我看很多百度出来的都是说下载安装插件什么的，觉得很麻烦，跟我来，简单实现，方法如下：第一步：打开开发者工具 ctrl+shift+I ( windows ) 或者 alt+command+I ( mac ),笔记本F12或者网页任意位置右键—&amp;amp;amp;amp;gt;检查，看你喜欢...
2018-09-18 14:28:45
7377
2
原创 Vue+Element UI 日期格式化，超级简单！
默认日期数据是中国标准时间但是呢，后台想要 ‘2018-05-23’ 这种格式，很简单一句话搞定 <el-form-item label="日期查询:"> <el-date-picker value-format="yyyy-MM-dd" v-model="searchform.time" type="date" placehol...
2018-09-13 11:55:19
11370
3
原创 Vue+Element UI使用富文本编辑器案例
npm安装编辑器组件具体方法：npm install vue-quill-editor –save具体实现 在components文件夹里创建editor.vue组件，具体代码如下：&lt;template&gt; &lt;div&gt; &lt;script id="editor" type="text/plain"&am
2018-09-12 17:47:11
16589
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人