![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
技术
memoryI
这个作者很懒,什么都没留下…
展开
-
小于10的数字补零,正则
/^\d$/.test(num) ? '0' + num : num原创 2021-12-31 13:25:56 · 771 阅读 · 0 评论 -
js保留两位小数,整数不补零
关键代码parseFloat( 数据 .toFixed(2))实例parseFloat(99.888888.toFixed(2)) // 输出99.89parseFloat(99.toFixed(2)) // 输出99原创 2021-01-12 14:18:45 · 3522 阅读 · 2 评论 -
h5页面通过链接跳转另一个公众号
关键内容https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz= 需要跳转的公众号链接的biz代码 #wechat_redirect打开微信-->点击通讯录-->点击公众号-->随便点击一个公众号-->点击查看历史消息(下面的第二个按钮)-->点击复制链接地址(页面上方按钮)我复制的公众号是百世来取的地址,提取__biz=MzA3Mjg3NDE4OA==https://mp.weixin.q原创 2021-01-12 11:35:59 · 2797 阅读 · 0 评论 -
require图片报错Critical dependency: the request of a dependency is an expression
下面的实例会报错Critical dependency: the request of a dependency is an expression原因是,require传入一个变量<template> <div> <img class="iframe" :src="require(url)" alt /> </div></template><script>export default { da.原创 2020-08-28 15:25:26 · 1386 阅读 · 2 评论 -
正则表达式 给时间,日期 去零
(this.dateValue, 'MM').replace(/\b(0+)/gi, '')原创 2020-07-27 15:57:09 · 683 阅读 · 0 评论 -
日期,时间补零
let m = date.getMonth()// 补零('0' + m).substring(m.length)原创 2020-07-27 15:56:09 · 807 阅读 · 0 评论 -
vue中require引入图片或背景图
<template> <div class="vote-container"> <div class="img" :style="{backgroundImage:'url('+src+')'}"></div> <img :src="src" /> </div></template><script>export default { data() { retur.原创 2020-07-27 15:45:55 · 1698 阅读 · 1 评论 -
前端html标签拨打电话
实例:可以用模板字符串<a href="tel:123456"></a><a href=`tel:${telphone}`></a>原创 2020-06-24 13:47:01 · 1846 阅读 · 0 评论 -
正则数字去零
"2020-05-08".split('-').map(val=>val.replace(/\b(0+)/gi, ''))输出:["2020", "5", "8"]原创 2020-06-09 15:55:37 · 306 阅读 · 0 评论 -
数组四个方法,添加删除元素
数组四个方法,添加元素---push---unshift,删除元素---shift---pop```push()方法可以在数组的末属添加一个或多个元素shift()方法把数组中的第一个元素删除unshift()方法可以在数组的前端添加一个或多个元素pop()方法把数组中的最后一个元素删除```## unshift数组的开头添加一个或多个元素```let arr = [ { key: 1, text: "低保居民" }, {.原创 2020-06-09 15:51:50 · 950 阅读 · 0 评论 -
正则验证手机号(vant实例)
关键代码/^1[3456789]\d{9}$/实例<template> <van-form @submit="onSubmit"> <van-field v-model="phonenumber" :rules="[ { required: true, message: '请填写您的手机号码!' }, { pattern: .原创 2020-05-09 10:39:28 · 9180 阅读 · 3 评论 -
正则验证身份证号+vant实例
/** * 验证身份证号15位 *//^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/ /** * 验证身份证号15位 *//^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}[0-9Xx]$/原创 2020-05-09 10:36:30 · 3373 阅读 · 0 评论 -
正则清除字符串中的空格
关键代码replace(/\s*/g, '') 正则替换空格( ;也可以一起替换)正则 \s :匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。注意 Unicode 正则表达式会匹配全角空格符。正则 g:全局搜索所有的空格,不加只会搜索字符串中的第一个正则 i :有些正则后面添加 i , 表达式的结尾处的不区分大小写i标记指定不区分大小写实例let b="<p>  ...原创 2020-05-09 10:28:24 · 1577 阅读 · 0 评论 -
邮箱正则验证(vant实例)
正则/^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/下面的实例用vant所编写<template> <transition name="fade" appear> <van-form @submit="onSubmit"&...原创 2020-05-08 16:35:29 · 2193 阅读 · 1 评论 -
WebSocket流程
参考文档:http://www.ruanyifeng.com/blog/2017/05/websocket.htmlvar ws = new WebSocket("wss://echo.websocket.org");ws.onopen = function(evt) { console.log("Connection open ..."); ws.send("Hell...原创 2020-04-13 17:31:26 · 231 阅读 · 0 评论 -
箭头函数中的this指向
箭头函数中this指向父作用域实例一1.let a = { foo: 1, bar: () => console.log(this.foo)}a.bar() //undefinedbar函数中的this指向父作用域,而a对象没有作用域,因此this不是a,打印结果为undefinedfunction A() { this.foo = 1}A....原创 2020-04-13 16:55:27 · 252 阅读 · 0 评论 -
列表循环添加样式的方法
第一种<ul> <li v-for="index in 6" :class="'item'+index">XXXXXX</li> </ul>第二种<li v-for="item in list" class={'classA': item.type === 'type1', 'classB': item.type ===...原创 2019-12-11 15:39:06 · 831 阅读 · 0 评论 -
vue-awesome-swiper 的安装和使用 总结
安装npm installvue-awesome-swiper --save全局引入import Vue from 'vue'import VueAwesomeSwiper from 'vue-awesome-swiper' // require stylesimport 'swiper/dist/css/swiper.css' Vue.use(VueAwesomeS...原创 2019-11-28 11:37:01 · 729 阅读 · 0 评论 -
高德地图使用vue-amap 自定义点坐标
1.安装npm install -S vue-amap2.自定义点坐标如果在地图上不显示相应的内容,注意下面两点<template> <div class="amap-page-container"> <el-amap vid="amapDemo" :center="center" ...原创 2019-11-11 17:12:20 · 3683 阅读 · 2 评论 -
css自定义滚动条样式
原文地址:https://www.cnblogs.com/ranyonsue/p/9487599.html自定义滚动条实现此部分针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,详情如下:滚动条组成部分1. ::-webkit-scrollbar 滚动条整体部分2. ::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或向左向右移...原创 2019-10-14 14:36:18 · 193 阅读 · 0 评论 -
高德地图 绘制 柱状图形
要注意清空柱状图形<template> <div class="contentBox"> <div id="map"></div> </div></template><script>import AMap from 'AMap'export default { data() {...原创 2019-10-12 14:56:21 · 2886 阅读 · 0 评论 -
三元运算符执行多个表达式
let time,activeTime,isTime time === 1 ? (activeTime = -1) && (isTime = false) : activeTime = ''或者time === 1 ? (activeTime = -1, isTime = false) : activeTime = ''...原创 2019-10-12 14:41:12 · 6779 阅读 · 4 评论 -
三元运算符多条件判断
let type,name type === 1 ? name = '类别1' : (type === 2 ? name= '类别2' : name= '类别其他')let a = 3;let b = a === 1 ? '是1' : (a === 2 ? '是2' : '既不是1也不是2')console.log(b); //不是1也不是2...原创 2019-10-12 14:37:02 · 3284 阅读 · 1 评论 -
vue路由懒加载
安装vue-routerimport Vue from 'vue'import Router from 'vue-router'const Home = () => import('@/pages/Home')Vue.use(Router)export default new Router({ mode: 'hash', base: process.env.BAS...原创 2019-10-12 14:27:49 · 144 阅读 · 0 评论 -
去除字符串首尾的空白字符
使用$.trim() 函数原创 2019-10-12 14:20:26 · 1104 阅读 · 0 评论 -
在线引用地址
jQuery1.官网jquery压缩版引用地址: 3.1.1版本: <scriptsrc="https://code.jquery.com/jquery-3.1.1.min.js"></script> 3.0.0版本: <scriptsrc="https://code.jquery.com/jquery-3.0.0.min.js"...原创 2019-09-06 17:19:36 · 801 阅读 · 0 评论 -
瀑布流布局
原文地址:https://ainyi.com/60原创 2019-09-19 11:38:38 · 132 阅读 · 0 评论 -
获取checkbox中被选中的值
<form name="testForm" id="myForm"> <input type="checkbox" name="ids" value="1" />1<br /> <input type="checkbox" name="ids" value="2" />2<br /> <input type="checkbo...转载 2019-06-20 15:33:48 · 5027 阅读 · 0 评论 -
正确返回Unicode字符串长度(扩展运算符)
注意:扩展运算符将字符串转为真正的数组 const str='hello'; console.log(str)//hello console.log(...str)//h e l l o console.log([...str])//(5) ["h", "e", "l", "l", "o"] const uniS...原创 2019-02-25 16:35:59 · 1344 阅读 · 0 评论 -
node-xlsx代码记录
原文连接:https://blog.csdn.net/cvchihzhza/article/details/86549094const xlsx = require('node-xlsx')const fs = require('fs')const join = require('path').join /** * 获取路径下以extname结尾的文件名,返回文件名数组 * @...转载 2019-08-28 11:03:57 · 177 阅读 · 0 评论 -
Object 对象
原文地址:https://wangdoc.com/javascript/stdlib/object.html概述JavaScript 原生提供Object对象(注意起首的O是大写),本章介绍该对象原生的各种方法。JavaScript 的所有其他对象都继承自Object对象,即那些对象都是Object的实例。Object对象的原生方法分成两类:Object本身的方法与Object的实...原创 2019-08-20 17:18:26 · 144 阅读 · 0 评论 -
二元操作符(布尔操作符)和三元操作符
1.二元和三元操作符操作符始终写在前一行,以免分号的隐式插入产生预想不到的问题var x=a?b:c;var y=a? longExpressionA:longExpressionB;var z=a? longExpressionC: longExpressionD;2.&&和||二元布尔操作符是可短路的,只有在必要时计算最后一项...原创 2019-03-12 10:30:55 · 3124 阅读 · 0 评论 -
单击按钮在HTML插入一行
<button class="create-p">Click Me</button><script>$(".create-p").on("click",function(){ //单击事件 console.log(1); $(this).prepend('<p>插入一行</p>');//在按钮原创 2019-03-15 18:00:41 · 3062 阅读 · 0 评论 -
文本标签设置渐变颜色css
给当前的文本标签添加样式background: linear-gradient(-3deg,#c3c3c3 0%,#ffffff 100%);-webkit-background-clip: text;color: transparent;原创 2019-03-15 17:56:31 · 1807 阅读 · 0 评论 -
清除浮动常用的三种方式
1.给父元素设置固定宽高这个方式比较简单,在此不做事例说明2.在浮动的元素后面 添加空元素并设置clear: both; <style> .num1 { float: left; width: 100px; height: 20px; background...原创 2019-03-11 11:35:01 · 388 阅读 · 0 评论 -
True和False布尔表达式
类型检测使用typeof,对象检测使用instanceof,null或者undefined的检测使用 ==null布尔表达式返回true:字符串0,'0' 空数组,[] 空对象,{}布尔表达式返回false:null,为空 undefined,未定义 空字符串,'',单引号双引号,中间有空格都为true 数字0,0 NaN,一般为无法计算结果...原创 2019-03-07 15:37:16 · 2354 阅读 · 0 评论 -
CSS声明顺序
1.Positioning 定位 ,从正常的文档流中移除元素,还能覆盖盒模型2.Box model 盒模型, 决定组件的尺寸和位置3.Typographic 文本设置,只是影响组件的内部(inside)4.Visual 视觉效果,背景颜色,只是影响组件的内部(inside)5.Other手势操作等.box{ // Positioni...原创 2019-03-04 16:19:36 · 774 阅读 · 0 评论 -
css 实现动画运行、暂停
animation-play-state 属性规定动画正在运行还是暂停。(注意:IE 9 以及更早的版本不支持该属性)规定盒子暂停动画div{ animation-play-state:paused; -webkit-animation-play-state:paused; }规定盒子运行动画div{ animation-play-state:ru...原创 2019-03-06 17:55:18 · 2468 阅读 · 0 评论 -
数组去重(列举三种方法)
var array=[56,21,5,6,115,45,78,56,12,79,45];var len=array.length;var array1=[];1.两次循环嵌套for(var i=len;i>0;i--){ var last=array[i-1] for(j=1;j<i;j++){ var before=array[j-...原创 2019-02-22 16:23:56 · 802 阅读 · 0 评论 -
h5新增
h5新增1.简化的文档类型和字符集(1)文档类型<! DOCTYPE HTML>(2)字符集<meta charset="UTF-8">2.富有语义化的新结构元素<header></header> 包括标题,logo,导航和其他页眉内容<hgroup></..转载 2018-09-28 15:03:45 · 282 阅读 · 0 评论