技术
Shirley~~~
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
小于10的数字补零,正则
/^\d$/.test(num) ? '0' + num : num原创 2021-12-31 13:25:56 · 1050 阅读 · 0 评论 -
js保留两位小数,整数不补零
关键代码parseFloat( 数据 .toFixed(2))实例parseFloat(99.888888.toFixed(2)) // 输出99.89parseFloat(99.toFixed(2)) // 输出99原创 2021-01-12 14:18:45 · 3864 阅读 · 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 · 3336 阅读 · 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 · 1700 阅读 · 2 评论 -
正则表达式 给时间,日期 去零
(this.dateValue, 'MM').replace(/\b(0+)/gi, '')原创 2020-07-27 15:57:09 · 867 阅读 · 0 评论 -
日期,时间补零
let m = date.getMonth()// 补零('0' + m).substring(m.length)原创 2020-07-27 15:56:09 · 929 阅读 · 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 · 1826 阅读 · 1 评论 -
前端html标签拨打电话
实例:可以用模板字符串<a href="tel:123456"></a><a href=`tel:${telphone}`></a>原创 2020-06-24 13:47:01 · 2006 阅读 · 0 评论 -
正则数字去零
"2020-05-08".split('-').map(val=>val.replace(/\b(0+)/gi, ''))输出:["2020", "5", "8"]原创 2020-06-09 15:55:37 · 396 阅读 · 0 评论 -
数组四个方法,添加删除元素
数组四个方法,添加元素---push---unshift,删除元素---shift---pop```push()方法可以在数组的末属添加一个或多个元素shift()方法把数组中的第一个元素删除unshift()方法可以在数组的前端添加一个或多个元素pop()方法把数组中的最后一个元素删除```## unshift数组的开头添加一个或多个元素```let arr = [ { key: 1, text: "低保居民" }, {.原创 2020-06-09 15:51:50 · 1070 阅读 · 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 · 9749 阅读 · 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 · 3763 阅读 · 0 评论 -
正则清除字符串中的空格
关键代码replace(/\s*/g, '') 正则替换空格( ;也可以一起替换)正则 \s :匹配任何空白字符,包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。注意 Unicode 正则表达式会匹配全角空格符。正则 g:全局搜索所有的空格,不加只会搜索字符串中的第一个正则 i :有些正则后面添加 i , 表达式的结尾处的不区分大小写i标记指定不区分大小写实例let b="<p>  ...原创 2020-05-09 10:28:24 · 1908 阅读 · 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 · 5387 阅读 · 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 · 322 阅读 · 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 · 347 阅读 · 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 · 935 阅读 · 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 · 878 阅读 · 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 · 3857 阅读 · 2 评论 -
css自定义滚动条样式
原文地址:https://www.cnblogs.com/ranyonsue/p/9487599.html自定义滚动条实现此部分针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式,详情如下:滚动条组成部分1. ::-webkit-scrollbar 滚动条整体部分2. ::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或向左向右移...原创 2019-10-14 14:36:18 · 270 阅读 · 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 · 3210 阅读 · 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 · 7120 阅读 · 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 · 3408 阅读 · 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 · 236 阅读 · 0 评论 -
去除字符串首尾的空白字符
使用$.trim() 函数原创 2019-10-12 14:20:26 · 1211 阅读 · 0 评论 -
Object 对象
原文地址:https://wangdoc.com/javascript/stdlib/object.html概述JavaScript 原生提供Object对象(注意起首的O是大写),本章介绍该对象原生的各种方法。JavaScript 的所有其他对象都继承自Object对象,即那些对象都是Object的实例。Object对象的原生方法分成两类:Object本身的方法与Object的实...原创 2019-08-20 17:18:26 · 238 阅读 · 0 评论 -
瀑布流布局
原文地址:https://ainyi.com/60原创 2019-09-19 11:38:38 · 207 阅读 · 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 · 1043 阅读 · 0 评论 -
node-xlsx代码记录
原文连接:https://blog.youkuaiyun.com/cvchihzhza/article/details/86549094const xlsx = require('node-xlsx')const fs = require('fs')const join = require('path').join /** * 获取路径下以extname结尾的文件名,返回文件名数组 * @...转载 2019-08-28 11:03:57 · 280 阅读 · 0 评论 -
单行、多行文本溢出
单行文本溢出.text-overflow{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%;}多行文本溢出给-webkit-line-clamp属性设置相应的行数.line-overflow{ overflow: hidde...原创 2019-03-18 16:29:36 · 444 阅读 · 0 评论 -
Echarts柱状图的相关设置
第一步:基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('插入图表的id名'));第二步:制定图表的配置项和数据var option = {//设置图表的标题title: [{ //设置标题的内容 text: '年龄比...原创 2018-07-04 11:33:47 · 1676 阅读 · 3 评论 -
Input的属性以及HTML5新增的属性
最近在使用input标签,顺便总结一下属性,方便之后查看1.value属性:设置输入字段的初始值<input type="text" name="place" value="shanghai">2.readonly设置输入字段为只读(即不能修改)<input type="text" name="place" value="shanghai" read...原创 2018-07-17 15:44:45 · 2338 阅读 · 0 评论 -
input的checkbox设置全选中全不选中
$(function(){ $("#check").click(function () { // 全选中 if (this.checked) { $("input:checkbox").each(function () { $(this).prop("checked", true); ...原创 2018-08-28 11:47:26 · 7719 阅读 · 1 评论 -
模板引擎 template
1.特性:性能卓越,执行速度通常是Mustache与tmpl的20多倍(性能测试)支持运行时调试,可精确定位异常模板所在的语句对NodeJS Express友好支持安全,默认对输出进行转义、在沙箱中运行编译后的代码(Node版本可以安全执行用户上传的模板)支持include语句可在浏览器端实现按路径加载模板支持预编译,可将模板转换成为非常精简的js文件模板语句简洁...转载 2018-08-29 16:06:32 · 604 阅读 · 1 评论 -
h5新增
h5新增1.简化的文档类型和字符集(1)文档类型<! DOCTYPE HTML>(2)字符集<meta charset="UTF-8">2.富有语义化的新结构元素<header></header> 包括标题,logo,导航和其他页眉内容<hgroup></..转载 2018-09-28 15:03:45 · 419 阅读 · 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 · 896 阅读 · 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 · 1473 阅读 · 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 · 2600 阅读 · 0 评论 -
CSS声明顺序
1.Positioning 定位 ,从正常的文档流中移除元素,还能覆盖盒模型2.Box model 盒模型, 决定组件的尺寸和位置3.Typographic 文本设置,只是影响组件的内部(inside)4.Visual 视觉效果,背景颜色,只是影响组件的内部(inside)5.Other手势操作等.box{ // Positioni...原创 2019-03-04 16:19:36 · 882 阅读 · 0 评论 -
True和False布尔表达式
类型检测使用typeof,对象检测使用instanceof,null或者undefined的检测使用 ==null布尔表达式返回true:字符串0,'0' 空数组,[] 空对象,{}布尔表达式返回false:null,为空 undefined,未定义 空字符串,'',单引号双引号,中间有空格都为true 数字0,0 NaN,一般为无法计算结果...原创 2019-03-07 15:37:16 · 2516 阅读 · 0 评论
分享