工作笔记
关注
分享
扫一扫
LuviaWu
编程喵 - 公开只是为了分享，分享是一种美德，若看不明白，可以互相讨论，请勿语言攻击，可以参考别人的，勿扰，谢谢
展开
-
【Webstorm】Webstorm常用快捷键整理
ctrl+D 复制当前行ctrl+X 删除当前行ctrl+/ 注释当前行ctrl+Z 撤回ctrl+C 复制ctrl+V 粘贴ctrl+alt+L 格式化代码 （必记）shift+enter 重新开始一行（无论光标在哪个位置）（必记）shift+tab/tab 减少/扩大缩进（可以在代码中减少行缩进）ctrl+shift+S 文件重命名 （必记）ctrl+alt+s 打开Web...原创 2020-04-09 11:14:15 · 537 阅读 · 0 评论 -
【JS】Js二代身份证号码正则验证
Js二代身份证号码正则验证代码：export function checkIDCard(idcode) { // 加权因子 var weight_factor = [7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2]; // 校验码 var check_code = ['1', '0', 'X' , '9', '8', '7', '6', '5', '4',...原创 2020-01-15 14:36:42 · 901 阅读 · 0 评论 -
【JS】js的urlencode编码
编码内容：var url = '中文' 编码：var UrlEncode = encodeURIComponent(url)解码：var str = decodeURIComponent(UrlEncode)原理：对URL的组成部分进行个别编码，而不用于对整个URL进行编码...原创 2020-01-09 11:08:51 · 30245 阅读 · 0 评论 -
【VUE】VUE 分环境打包(开发/测试/生产)配置
做个打包笔记，工作比较忙粗糙些，文案相似，方式不同最近要把Vue项目部署到服务器上，在测试好的项目中执行npm run build就开始打包了。但是每次只能打包到一个环境，不同环境需要配置不同的地址，还得手动更改接口的地址，这给部署带来了极大的不方便。下面，我们要自己配置命令来实现分环境打包，项目结构如下：1.在config目录内新建test.env.js文件(要保证和prod.env.j...原创 2019-12-20 12:17:39 · 987 阅读 · 0 评论 -
【UNI APP】globalData全局变量
uni-app 在app.vue文件export default里面定义globalData，在当前文件（app.vue）里面获取globalData需要用this.$options.globalData获取，其他文件则用getApp（）.globalData获取。this.$options是用来获取自定义属性在创建全局变量时，也可不用先在App.vue里面注册，在其他文件里面可以直接赋值。...原创 2019-12-20 09:47:18 · 2071 阅读 · 0 评论 -
【UNI APP】APP版本号对比
APP的版本升级更新，会用到版本号的对比。当后台推送新版本时，我需判断后台返回的版本号是否大于本地的版本号，大于，则进行跳转更新。在util.js里面引入以下方法的代码： /* * 版本号比较方法 * 传入两个字符串，当前版本号：curV；比较版本号：reqV * 调用方法举例：compare("1.1","1.2")，将返回false */ static compare...原创 2019-12-19 18:07:45 · 3413 阅读 · 0 评论 -
【UNI APP】uni网络请求超时时间设置
uni的请求超时在manifest.json配置相关uni文档：https://uniapp.dcloud.io/collocation/manifest?id=networktimeout如图所示，请求超时的默认时间均为6000毫秒，可根据自己的需求在 manifest.json 的 源码视图 里面更改。设置完成后，服务需重启才能生效！ "networkTimeout":{ ...原创 2019-12-19 17:36:30 · 6255 阅读 · 0 评论 -
vue项目生成二维码功能使用QRCode
1，导入第三方插件npm install --save qrcode2，在页面上引入import QRCode from 'qrcode'html： <div id='code'></div> <canvas id="canvas"></canvas> <el-button @click="uploadQR">下载二维码&...原创 2019-10-18 14:20:16 · 811 阅读 · 0 评论 -
【VUE】Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值
Vue是一个轻量级的渐进式框架，对于它的一些特性和优点在此就不做赘述，本篇文章主要来探讨一下Vue子父组件通信的问题首先我们先搭好开发环境，我们首先得装好git和npm这两个工具(如果有不清楚的同学请自行百度哦)环境搭建步骤：打开git ，运行 npm install --global vue-cli 这是安装vue的命令行vue init webpack vue-demo 这是vue基...转载 2019-05-19 16:50:28 · 451 阅读 · 0 评论 -
【移动端】如何在移动端调出纯数字键盘
最近在做手机页面时，遇到数字输入的键盘的问题，之前的做法只是一刀切的使用 type=“tel”，不过一直觉得九宫格的电话号码键盘上的英文字母太碍事了。于是想要尝试其它的实现方案，最终的结论却令人沮丧。不过也趁机详细了解了下pattern这个属性。type=“tel” 和 type=“number” 的区别这里还是先那么先交代一下最初遇到的问题。其实无论是tel还是number都不是完美的：t...转载 2019-05-06 17:51:54 · 3943 阅读 · 0 评论 -
【Input】input框限制只能输入正整数，逻辑与和或运算
有时需要限制文本框输入内容的类型，本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。例如，输入大于0的正整数代码如下:<input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/...转载 2019-05-06 14:48:30 · 804 阅读 · 0 评论 -
【VUE】在vue项目中升级element ui版本
第一步：先npm卸载element-uinpm unstall element-ui 第二步：再安装npm install element-ui -S第三步：main.js中default修改为theme-chalk这时候我们在main.js中修改新增的 theme-chalk 主题：将import ‘element-ui/lib/theme-default/index.css’替...原创 2019-05-06 10:33:25 · 6566 阅读 · 1 评论 -
【Input / textarea】实现Input/textarea笔记
1、html实现输入大小、长度限制input / textarea 文本类型 限制最小长度（minlength）和最大长度（maxlength）input / textarea 数字类型 限制最小值（min）和最大值（max）//数字类型 最大值<input class="form-control" type="number" min="1" max="10" placeholde...原创 2019-04-09 18:37:01 · 1102 阅读 · 0 评论 -
微信公众号H5页面跳转至app的某个页面，如果手机内没有app，则进入下载页面
安卓实现方法： $(function(){ var Id = getParameter("goodsid"); //此操作会调起app并阻止接下来的js执行，进入已安装的app $('body').append("<iframe src='yjqandroid://?goodsid="+Id+"' style='display:no...转载 2019-04-10 11:39:06 · 2069 阅读 · 0 评论 -
【TortoiseGit】TortoiseGit保存用户名密码
TortoiseGit是一个比较git管理工具，但是每次push时，总是让输入用户名密码，比较麻烦，我们可以通过设置在保存用户名密码。TortoiseGit->设置->Git->编辑本地.git/config(L)[credential] helper = store保存。输入一次用户名密码就会保存了。原文：https://blog.youkuaiyun.com/x...转载 2019-03-08 11:25:20 · 284 阅读 · 0 评论 -
【H5】H5与APP对接跳转
1、H5跳转APP方法//跳转app方法toPage: function(str) { if(window.Page) { window.Page.toNativeDetails(str, str); }},//跳转链接 -- 和app协商好跳转对应值link: function(type,num) { if(type==1){ if(num==1){ this.to...原创 2019-03-15 15:24:41 · 4785 阅读 · 0 评论 -
【JS】禁止页面后退
//防止页面后退function noback() { history.pushState(null, null, document.URL); window.addEventListener('popstate', function() { history.pushState(null, null, document.URL); });}原创 2019-03-05 09:48:38 · 848 阅读 · 1 评论 -
【VUE/H5】H5调起数字键盘的坑，及手写移动端键盘代码
h5 调起数字键盘的坑为了限制只能输入数字，不能输入小数点、加减号，走了敲多的弯路~~（查各种资料，然后各种测试）现下来看看笔记：HTML5加入了新的input类型 number，这是方便数量输入的。如果是在移动端中，属性type=”number”和type=”tel”会唤起系统的数字键盘，这对于交互还是挺友好的。一、 type="number"时1、只允许输入数字，（兼容ios、安卓）...原创 2019-05-07 19:03:42 · 12884 阅读 · 1 评论 -
【GIT】搭建git项目
新建git项目的时候，第一次git clone 项目的时候，需要输入用户名和密码，如果第一次输入错误的时候，打开 控制面板\所有控制面板项 > 凭据管理器 > windows凭据》将普通凭据里面相应的git缓存删掉，就可以再次git clone的时候设置账号密码。设置完成后git config --global user.email “邮箱”git config --globa...原创 2019-06-21 17:08:43 · 261 阅读 · 0 评论 -
【JS】H5打开支付宝
参见 捷径社区： https://sharecuts.cn/app/333206289如何识别二维码拼接以下路径，请查看二维码解析：https://blog.youkuaiyun.com/LuviaWu/article/details/98622564在H5，用a标签就可以根据拼接好的路径跳转，就好了var a = document.getElementById('link') a.href = th...原创 2019-08-09 11:00:22 · 7319 阅读 · 1 评论 -
【VUE】二维码解析
1、外部引入JSgithub下载地址：https://gitee.com/weijunw/erweima/blob/master/erweima-jiexi-demo/reqrcode.js（我是拿过来放在公司的阿里云服务器上，在index.html引用的）2、在vue页面使用data：alipayQrcodePrefix: 'alipayqr://platformapi/startap...原创 2019-08-06 15:44:09 · 3069 阅读 · 0 评论 -
【VUE】vue使用html2canvas截图
官方文档：http://html2canvas.hertzen.com/configuration/外部引入：<script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>1、安装npm install html2canvas2、在页面引入 import html2...原创 2019-07-23 15:02:39 · 7863 阅读 · 0 评论 -
【VUE】VUE使用vue-qr生成二维码
1、安装：npm install vue-qr --save2、导入vue项目中使用<template> <vue-qr :text="config.url" :logoSrc="config.logo+ '?cache'" :logoScale="0.3" :size="200" :margin="0" colorDark="#f67b29" colorLigh...原创 2019-07-22 16:13:26 · 2771 阅读 · 7 评论 -
【VUE】vue-router懒加载
vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题懒加载：也叫延迟加载，即在需要的时候进行加载，随用随载。像vue这种单页面应用，如果没有应用懒加载，运用webpack打包后的文件将会异常的大，造成进入首页时，需要加载的内容过多，时间过长，会出啊先长时间的白屏，即使做了loading也是不利于用户体验，而运用懒加载则可以将页面进行划分，需要的时候加载页面，可以有效的分担首页所承...转载 2019-07-17 10:00:41 · 336 阅读 · 0 评论 -
【VUE】vue配置Gzip压缩
安装compression-webpack-pluginnpm install compression-webpack-plugin --save-devvue.config.js配置Gzip压缩// 导入compression-webpack-pluginconst CompressionWebpackPlugin = require('compression-webpack-plug...转载 2019-07-17 09:28:57 · 2698 阅读 · 1 评论 -
【VUE】element upload上传图片到阿里云
element upload上传图片到阿里云1、HTML部分<el-upload action="" :http-request="Upload" :data="Aliyun" :multiple="false" :show-file-list="true" list-type="picture-card" :on-preview="handlePictureCardPre...原创 2019-07-14 10:44:15 · 3448 阅读 · 11 评论 -
【vue】vue 关闭浏览器窗口的时候，清空localStorage的数据
如果是用vue做的单页面程序的时候，将监听的方法放在App.vue是最灵活的&amp;lt;template&amp;gt; &amp;lt;div id=&quot;main&quot; class=&quot;app-main&quot;&amp;gt; &amp;lt;router-view&amp;gt;&a转载 2018-12-12 10:23:15 · 19432 阅读 · 6 评论 -
【JS】全屏事件
全屏事件 handleFullScreen(){ let element = document.documentElement; if (this.fullscreen) { if (document.exitFullscreen) { document.exitFullscreen(); } else if (...原创 2019-07-14 09:58:01 · 252 阅读 · 0 评论 -
vue 插件集合
Vue2.0+组件库总结UI组件element&amp;amp;nbsp;- 饿了么出品的Vue2的web UI工具套件Vux&amp;amp;nbsp;- 基于Vue和...转载 2018-12-03 10:32:31 · 254 阅读 · 0 评论 -
【JS】JS 缓存数据的方法
1.Cookie 这个恐怕是最常见也是用得最多的技术了，也是比较古老的技术了。COOKIE优点很多，使用起来很方便 但它的缺点也很多： 比如跨域访问问题；无法保存太大的数据（最大仅为4KB）；本地保存的数据会发送给服务器，浪费带宽 等等；代码如下：function SetCookie(name, value) { var key = ''; va...原创 2018-12-15 11:19:10 · 11953 阅读 · 2 评论 -
【JS】js导出excel
1.JS导出excel 兼容ie、chrome、firefox&amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;head&amp;amp;amp;amp;gt; &amp;amp;amp;a转载 2018-10-08 11:36:13 · 457 阅读 · 0 评论 -
【CSS3】css3修改滚动条样式
1.滚动条组成 ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） ::-webkit-scrollbar-track 滚动条的轨道（里面装有Thumb） ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过...转载 2018-09-18 14:32:01 · 313 阅读 · 0 评论 -
【Git 】常用命令
取得Git仓库初始化一个版本仓库git initClone远程版本库不指定分支：git clone [url] 指定分支，origin是分支名：git clone -b [origin] [url] 添加git邮箱和名字git config --global &amp;amp;quot;user.email&amp;amp;quot;git config --global &amp;amp;quot;user.name&原创 2018-07-19 11:09:48 · 412 阅读 · 0 评论 -
【VUE】json数据导出Excel
一、安装依赖npm i -S file-savernpm i -S xlsx二、在src目录下新建excel文件夹，新建json2excel.js，并引入依赖import { saveAs } from 'file-saver'import XLSX from 'xlsx/dist/xlsx.full.min'三、json2excel.js将json数据处理为xlsx需要的格式...转载 2018-10-08 11:34:05 · 1333 阅读 · 1 评论 -
【JS】js json导出到excel，不与后台交互，且自定义文件名和后缀名
<html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <script type="text/javascript" src="jquery.min.js"></scri转载 2018-10-08 11:33:16 · 995 阅读 · 3 评论 -
【CSS3】超过多行省略（解决webpack不能编译问题）
超过两行省略display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;原创 2019-01-10 10:10:33 · 1080 阅读 · 1 评论 -
【vue】vue 全选与取消全选
知识点：1 v-model：监听input内容2 watch:监听属性方法3 页面初始化调用函数 mounted一：html元素&amp;lt;table id=&quot;userTable&quot; class=&quot;table table-bordered table-hover&quot;&amp;gt; &amp;lt;thead&amp;gt;原创 2018-12-26 14:53:50 · 3969 阅读 · 2 评论 -
【vue】router的beforeEach与afterEach钩子函数
在路由跳转的时候，我们需要一些权限判断或者其他操作。这个时候就需要使用路由的钩子函数。定义：路由钩子主要是给使用者在路由发生变化时进行一些特殊的处理而定义的函数。总体来讲vue里面提供了三大类钩子，两种函数1、全局钩子2、某个路由的钩子3、组件内钩子两种函数：1、Vue.beforeEach(function(to,form,next){}) /在跳转之前执行/2.Vue.afte...转载 2018-12-14 14:34:06 · 285 阅读 · 0 评论 -
【vue】vue2.0导航钩子beforeEach的使用
vue-router作为vue里面最基础的服务,学习一段时间,对遇到的需求进行一些总结使用vue-cli作为开发前提 vue-router已经配置好了路由写法routes: [ { path: '/cart', name: 'cart', component: cart, // 或 component: resolve => require(['../view...转载 2018-12-14 14:29:33 · 1449 阅读 · 0 评论 -
【html2canvas】html2canvas生成海报
html2canvas生成海报html2canvas官网：http://html2canvas.hertzen.com/?utm_source=caibaojian.com&amp;amp;amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;lt;html&amp;amp;amp;amp;amp;amp;gt;&原创 2018-12-03 15:45:13 · 3101 阅读 · 0 评论