- 博客(63)
- 收藏
- 关注
RSS订阅原创 js保留两位小数，整数不补零
关键代码parseFloat( 数据 .toFixed(2))实例parseFloat(99.888888.toFixed(2)) // 输出99.89parseFloat(99.toFixed(2)) // 输出99
2021-01-12 14:18:45
3448
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
2689
原创 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
1296
2
原创 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
1674
1
原创 前端html标签拨打电话
实例：可以用模板字符串<a href="tel:123456"></a><a href=`tel:${telphone}`></a>
2020-06-24 13:47:01
1811
原创 正则数字去零
"2020-05-08".split('-').map(val=>val.replace(/\b(0+)/gi, ''))输出：["2020", "5", "8"]
2020-06-09 15:55:37
298
原创 数组四个方法，添加删除元素
数组四个方法，添加元素---push---unshift，删除元素---shift---pop```push()方法可以在数组的末属添加一个或多个元素shift()方法把数组中的第一个元素删除unshift()方法可以在数组的前端添加一个或多个元素pop()方法把数组中的最后一个元素删除```## unshift数组的开头添加一个或多个元素```let arr = [ { key: 1, text: "低保居民" }, {.
2020-06-09 15:51:50
921
原创 正则验证手机号（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
9053
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
3255
原创 正则清除字符串中的空格
关键代码replace(/\s*/g, '') 正则替换空格（ ；也可以一起替换）正则 \s ：匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。注意 Unicode 正则表达式会匹配全角空格符。正则 g：全局搜索所有的空格，不加只会搜索字符串中的第一个正则 i :有些正则后面添加 i , 表达式的结尾处的不区分大小写i标记指定不区分大小写实例let b="<p>  ...
2020-05-09 10:28:24
1534
原创 邮箱正则验证(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
2111
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
221
原创 箭头函数中的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
251
原创 列表循环添加样式的方法
第一种<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
815
原创 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
719
原创 高德地图使用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
3643
2
原创 css自定义滚动条样式
原文地址：https://www.cnblogs.com/ranyonsue/p/9487599.html自定义滚动条实现此部分针对webkit内核的浏览器，使用伪类来改变滚动条的默认样式，详情如下：滚动条组成部分1. ::-webkit-scrollbar 滚动条整体部分2. ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或向左向右移...
2019-10-14 14:36:18
191
原创 高德地图 绘制 柱状图形
要注意清空柱状图形<template> <div class="contentBox"> <div id="map"></div> </div></template><script>import AMap from 'AMap'export default { data() {...
2019-10-12 14:56:21
2809
原创 三元运算符执行多个表达式
let time,activeTime,isTime time === 1 ? (activeTime = -1) && (isTime = false) : activeTime = ''或者time === 1 ? (activeTime = -1, isTime = false) : activeTime = ''...
2019-10-12 14:41:12
6706
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
3275
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
140
原创 在线引用地址
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
767
转载 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
176
原创 Object 对象
原文地址：https://wangdoc.com/javascript/stdlib/object.html概述JavaScript 原生提供Object对象（注意起首的O是大写），本章介绍该对象原生的各种方法。JavaScript 的所有其他对象都继承自Object对象，即那些对象都是Object的实例。Object对象的原生方法分成两类：Object本身的方法与Object的实...
2019-08-20 17:18:26
141
原创 数组
原文资料：https://wangdoc.com/javascript/types/array.html数组（array）是按次序排列的一组值。每个值的位置都有编号（从0开始），整个数组用方括号表示。任何类型的数据，都可以放入数组。var arr = [ {a: 1}, [1, 2, 3], function() {return true;}];arr[0] // ...
2019-08-19 17:58:27
491
原创 对象
资料链接：https://wangdoc.com/javascript/types/object.html对象就是一组“键值对”（key-value）的集合，是一种无序的复合数据集合var obj = { foo: 'Hello', bar: 'World'};大括号就定义了一个对象，它被赋值给变量obj，所以变量obj就指向一个对象。该对象内部包含两个键值对（又称为两...
2019-08-19 16:31:06
240
转载 获取data-*属性值
原文：https://blog.csdn.net/jx950915/article/details/78931509获取的就是data-id和dtat-vice-id的值<li id="getId" data-id="122" data-vice-id="11">获取id</li>一：getAttribute()方法const getId = ...
2019-07-15 10:14:45
1579
转载 vue 关于数组和对象的更新
原文https://www.cnblogs.com/huangenai/p/9836811.html在日常开发中，我们用的最多的就是 绑定数据<div v-for="item in data" :key="item.id"> <!-- 内容 --></div>如果你有ng的开发经验，假设 data 你要更新数据了this.dat...
2019-07-12 10:04:29
270
转载 获取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
4942
转载 JS/JQuery 获取元素
jquery获取元素jQuery.parent(expr)，找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr)，类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素jQuery.children(expr)，返回所有子节点，这个方法只...
2019-06-17 11:45:16
123
转载 Vuex核心概念---State
State单一状态树用一个对象包含了全部的应用及状态，至此它便作为一个 唯一的数据源 而存在，即每个应用仅仅包含一个store实例。单一状态树能直接地定位任一特定的状态片段在Vue组件中获得Vuex状态由于Vuex的状态存储是响应式的，从store实例中读取的状态最简单的方法是在计算属性中返回某个状态//创建一个Counter组件const Counter = ...
2019-05-21 10:09:29
183
转载 vuex基本内容
1.vuex多个组件共享状态以一个全局的单例模式管理，把组件的共享状态抽离出来，在这种模式下，组件树构成了一个巨大的"视图"，不管在树的哪个位置，任何组件都能获取状态或触发行为通过定义和隔离状态管理中的各种概念并通过强制规则维持视图和状态间的独立性Vuex是专门为Vue.js设计的状态管理库2.vuex基本内容Vuex应用的核心是store（仓库），"store"基本上就...
2019-05-14 14:31:31
1112
转载 vue中Object.freeze()
Object.freeze()会阻止现有的属性，响应系统无法追踪变化var obj={ foo:'bar'}Object.freeze(obj)new Vue({ el:'#app', data:obj})<div> <p>{{foo}}</p>重点 <!-- 这里的foo不会更新 --&g...
2019-05-09 17:20:59
1233
原创 vue实现动画旋转，文字不旋转 ，动画的暂停、运行
vue实现动画旋转（类名为a-round），文字不旋转 （类名为round-item）鼠标移入实现动画的暂停，移出实现动画的运行本实例为个人总结，转载请标明出处<template> <div> <div class="a-content" @mouseenter="mouseEnter" @mouseleave="mouseLeave">...
2019-04-24 13:59:38
5395
原创 vue中使用cube-ui实现横向滚动
vue中使用cube-ui实现横向滚动，可参考文档https://didi.github.io/cube-ui/#/zh-CN/docs/scroll，下面是在编写的时候遇到的问题，做出的的总结 <cube-scroll ref="scroll" :data="navData" direction="horizontal" cla...
2019-04-22 17:05:54
1566
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人