js
关注
分享
扫一扫
面壁思过程
这个作者很懒，什么都没留下…
展开
-
小程序从富文本中提取纯文字
暂时先这样吧 待优化 正则还需要研究 var str = e.currentTarget.dataset.concent; //html文字字符串 var con = str.replace(/\s*/g, ""); //去掉空格 var res =con.replace(/<[^>]+>/g, ""); //去掉所有的html标记 ...原创 2019-03-05 15:49:11 · 8000 阅读 · 2 评论 -
正则的基本用法
方法:正则表达式的方法： 1：test()方法：在字符串中查找符合正则的内容，若查找得到返回true，否则false; 格式：正则.test(字符串)； emailPattern.test("123_456@qq_mail.com") //...原创 2019-07-31 16:41:55 · 3180 阅读 · 0 评论 -
js转义符号的基本用法
一、第一个例子如果你定义的字符串里想要有双引号等一些字符 使用转义符号可以<script> // 转义符号 反斜杠\ var str = "afdkfjldkf;" var str1 = "afdk\"fjldkf;" //如果想在字符串里面使用双引号 var str2 = "abcdef\\sdkjfls" // 结果如下 ...原创 2019-08-02 09:47:58 · 1787 阅读 · 0 评论 -
data()数据关于set的一些用法
<script> //setDate() 来设置当前月的某一天。 (1 ~ 31) var d = new Date() d.setDate(15) console.log(d) //Mon Jul 15 2019 14:38:14 GMT+0800 (中国标准时间)</script><script> // 返回...原创 2019-07-10 15:54:03 · 1163 阅读 · 0 评论 -
时间戳转换成(2018.07.25 12:30)格式
1.在外部util.js中封装一个转换时间戳的格式的方法/* * 时间戳转换为yyyy-MM-dd hh:mm:ss 格式 formatDate() * inputTime 时间戳 */function formatDate(inputTime) { var date = new Date(inputTime); var y = date.getFullYear(...原创 2018-07-28 14:34:18 · 8157 阅读 · 0 评论 -
类似于课程表切换上下周的日历
如下图周数算法是从这个月第一个周一开始算第一周开始<template> <div class="calendar1"> <p>第一个日历</p> <div> <p> <span>总共{{week_counts}}周</span> ...原创 2019-11-09 15:53:15 · 637 阅读 · 0 评论 -
Data()笔记之getDate()的基本用法
// getDate()用法-----------getDate() 方法可返回月份的某一天 (1 ~ 31)。 // 1.获取当前日期是几号 console.log(new Date().getDate()) //2.获取某个日期是几号 console.log(new Date("July 21, 1983 01:15:00").get...原创 2019-07-10 15:50:16 · 7996 阅读 · 0 评论 -
js------时间比较（24小时制时分比较 07:00 15:05 ）
1.需求（判断当前时间是否在某个时间段内，如果在控件隐藏，否则控件显示）<body> <div id="div2">显示de</div> <div id="div1" style="background: red;width: 100%;height: 200px"></div></body>...原创 2018-05-28 16:03:19 · 6391 阅读 · 0 评论 -
Vue自定义日历插件(可以选择日期区间段)
由于网上的插件没有符合项目的需求决定自己实现图示如下:默认选择今天的日期时间段1.默认状态(默认选择当前日期的时间段(蓝底背景色代表选中时间段),2.当前日期之前的时间不可以选择(禁用了点击事件))3.当日历上的操作的年份月份小于当前时间的年份月份时禁止点击上一月的按钮选中状态1.可以跨年分跨月份选择2.点击取消按钮时回复到默认的选择时间代码如下...原创 2019-07-11 14:24:33 · 7913 阅读 · 7 评论 -
Data()笔记之基本用法
获取当当前时间年月日时分秒var myDate=new Date()console.log(myDate) //Wed Jul 10 2019 13:51:15 GMT+0800 (中国标准时间)console.log('年份:'+new Date().getFullYear()) //年console.log('月份:'+new Date().getMont...原创 2019-07-10 15:45:27 · 622 阅读 · 0 评论 -
Data()笔记之getDay()的基本用法
// getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。 //1.获取当前日期是周几 console.log(new Date().getDay()) //2.获取当月第一天是周几 传入的月份比现实月份小一个月 console.log(new Date(2019,6,1).getDay()) co...原创 2019-07-10 15:51:14 · 3994 阅读 · 0 评论 -
基于JavaScript中Date对象的一些相关操作
本文结合了网上的一些用法封装了一些获取各种日期用法的函数，可以用于制作日历，课程表等相关功能https://www.cnblogs.com/huangjuanyu/p/7986990.html1.获取当前日期(年月日)var date = newDate();//年月日var curYear = date.getFullYear();var curMon...原创 2018-04-24 15:09:36 · 1106 阅读 · 2 评论 -
关于日历里的相关操作(长期更新)
1、根据年月获取该月的天数 /* 1、根据年月获取该月的天数 getdays(2019, 11) year 年份----2019 month 月份----06 or 6 */ function getdays(year, month) { return new Date(year, month, 0).getDate(...原创 2019-11-06 15:18:15 · 536 阅读 · 0 评论 -
swiper轮播(中间大两边小滚动有过渡效果)
代码示例：//css// @charset "utf-8";#certify { position: relative; width: 471px; height: 441px; margin-left: 35px; // width: 1200px; // margin: 0 auto}#certify .swiper-container { padding-top: 40px}#certify .swiper-slide ..原创 2021-01-23 13:55:02 · 2174 阅读 · 0 评论 -
关于input禁止输入中文、只允许输入正整数的用法
1、只允许输入正整数vue写法<p> <span>只允许输入正整数</span> <input type="text" placeholder="输入正整数" @keyup="number=number.replace(/^(0+)|[^\d]+/g,''...原创 2019-11-20 10:44:52 · 766 阅读 · 0 评论 -
js对象的深拷贝
原始值和引用值在 ECMAScript 中，变量可以存在两种类型的值，即原始值和引用值。原始值存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。引用值存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存处。原始值 ------不会互相影响 var a = 3; var b = a;...原创 2019-10-22 09:33:47 · 308 阅读 · 0 评论 -
微信公众号调取扫一扫功能
1、先获取扫一扫信息进行授权 // 扫一扫获取授权 author_WX() { let url=window.location.href.split("#")[0]; //正确 //调取后台接口 获取wx.config的配置信息 getWeix({ url: url, }).the...原创 2019-10-19 16:41:45 · 5148 阅读 · 1 评论 -
swiper使用踩坑
基本的用法mySwiper1 = new Swiper('#swiper-container1', { loop: true, // 循环模式选项 autoplay: { disableOnInteraction: false, //防止手动切换后 自动轮播失效 delay: 15000 }, observer: true, //修改...原创 2019-08-19 17:30:26 · 1011 阅读 · 0 评论 -
关于Distpicker省市区的学习笔记
1、通过data-toggle初始化属性 <!-- 按data-toggle="distpicker"属性初始化 --> <div data-toggle="distpicker"> <select></select> <select></select> <select></...原创 2019-08-02 23:59:01 · 593 阅读 · 0 评论 -
js删除不符合条件的数据(对象数组)
一、删除不符合条件的数据数据如下 (把status等于1的数据删除) var list = [{ "amount": 10, "createTime": 1533010042926, "id": 14, "status": 0 }, { "amoun...原创 2019-07-25 13:47:09 · 10830 阅读 · 0 评论 -
拷贝一个对象数组(对象里的值只有一层)
第一种方法----遍历数组Object.assign 拷贝对象 只适用于拷贝一层数组Object.assign(target, source)<script> { //没有影响 这样拷贝一个对象数组 对象里的值只支持一层 let arr = [{ id: 1, val...原创 2019-07-23 10:13:21 · 403 阅读 · 0 评论 -
关于form表单获取值和设置值得方法
html代码 <form action="" name='fm'> <div> 文本框demo:<br> <input class="firstname" type="text" name="firstname" value="hellow"> </div&g...原创 2019-07-17 17:35:36 · 4291 阅读 · 0 评论 -
项目中常用到的一些数据操作
小数点计算求值不准解决办法下面有几个例子解决方法parseFloat((a + b).toFixed(10))1.数组初始化需求: 后台返回一组数据，对这组数据标识选择或者不选中状态的时候let selectedList=new Array(8).fill(false);console.log(selectedList); //[false, fal...原创 2019-07-12 10:00:13 · 384 阅读 · 0 评论 -
Vue自定义省市区三级联动（带全部）
1.如图（省市区加上全部联动）第一步:找到了一个普通的省市区先进行遍历更改2.把更改后的json文件放入vue项目中引入到你想要的页面3.剩余代码如下<template> <div class="percentloop"> <!-- 地区选择 --> <section class="secti...原创 2019-07-08 21:23:09 · 5319 阅读 · 0 评论 -
如何请求后台1000条数据不卡
(function () { const ulContainer = document.getElementById("list-data"); //const ulContainer = _this.$refs.list; // 防御性编程 if (!ulContainer) return; const total = 10000; // 插入数据的...原创 2019-07-16 13:16:31 · 792 阅读 · 0 评论 -
类似于支付宝账单数据的json时间戳排序和并问题
原来的数据类型转变后的数据类型代码如下<script> var shuju = [{ "createTime": 1537512367759, "id": 124, "ins": "", "integral": -10, "integralType": 2, ...原创 2019-07-04 09:46:37 · 431 阅读 · 0 评论 -
JS 数组克隆的方法(调用数组的方法时不影响整个数组的使用)
先看一下错误的案例直接用变量复制一个值，新的值成为了原来的值引用，两者的修改就会互相影响<script> var arr12 = [1, 2, 3, 4, 5]; var b = arr12; b.push(6); console.log(b); //[1, 2, 3, 4, 5,6] console.log(arr12) /...原创 2019-07-03 15:30:56 · 1227 阅读 · 0 评论 -
一些常用的和并后台返回json数据的方法
1.根据id和并json<script> let arr = [{ id: 1, name: '张三' }, { id: 1, name: '李四' }, { id: 3, ...原创 2019-07-03 15:00:47 · 631 阅读 · 0 评论 -
vue-i18n实现国际化
安装vue-i18nnpm install vue-i18nmain.js中引入import VueI18n from 'vue-i18n'Vue.use(VueI18n) // 通过插件的形式挂载const i18n = new VueI18n({ locale: 'zh-CN', // 语言标识 //this.$i18n.locale // 通过切...原创 2019-05-28 10:29:50 · 326 阅读 · 0 评论 -
input框限制只能输入正整数以及其他的常用正则
有时需要限制文本框输入内容的类型，本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。例如，输入大于0的正整数代码如下:<input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.repla...原创 2019-05-23 09:33:43 · 12652 阅读 · 1 评论 -
quagga.js识别条形码的用法
使用到的插件 quagga.js官方链接:https://serratus.github.io/quaggaJS/部分代码如下<html><body><section id="container" class="container"> <div class="controls"> <fieldset clas...原创 2019-05-14 17:41:34 · 5668 阅读 · 5 评论 -
一些开放的可以调用的API接口
聚合数据juhe.comapi接口应该会越来越火，上个全的，楼主自己找找吧，这个东西日新月异api提供商——聚合、showapi、极速数据、haoservice、阿凡达、数据堂、apix、通联api接口汇总的平台——apistore、京东万象、阿里云、数据宝、数粮楼上提的百度和聚合都是挺有代表性的，如果真找好玩的，可以去google一下，或者看看bigdata landscape最新版的...转载 2019-05-11 09:50:21 · 11026 阅读 · 0 评论 -
jQuery 二次封装AJAX
ajax.js/* * type 请求的方式 默认为get * url 发送请求的地址 * param 发送请求的参数 * isShowLoader 是否显示loader动画 默认为false * dataType 返回JSON数据 默认为JSON格式数据 * call...原创 2019-02-22 15:09:04 · 769 阅读 · 0 评论 -
jquery----AJAX请求
常用到的参数// 常用参数 var obj = { type: 'GET', //请求的类型,GET、POST等 url: 'www.baidu.com', //向服务器请求的地址。 contentType: 'application/json', //向服务器发送内容的类型，默认值是：application/x-www-form-u...原创 2019-02-22 15:05:00 · 194 阅读 · 0 评论 -
看到的一些比较有意思的题
1.题目一 //解法一 var a = { i: 0, //对象的valueOf是可以从写对象的 valueOf: function () { return ++a.i; } }; //解法二 var val = 0; Object.defi...原创 2019-02-12 16:36:39 · 295 阅读 · 0 评论 -
瀑布流布局
1.使用jquery封装的masonry插件 代码：分别引入jquery跟masonry插件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="原创 2019-01-14 09:48:00 · 218 阅读 · 0 评论 -
调用qq聊天
<a href="tencent://message/?uin=输入QQ号&Site=http://vps.shuidazhe.com&Menu=yes">PC版</a><a href="mqqwpa://im/chat?chat_type=wpa&uin=输入QQ号&version=1&src_type=web&am...原创 2019-05-04 10:01:55 · 507 阅读 · 0 评论 -
css的pointer-events属性(禁止div点击)
之前写项目经常会碰到某个组件需要禁用的要求，之前一直会用一个变量来代替保存按钮的点击状态，今天才发现css3新出的一个属性，顺便试了试 最近刚好在研究vue，直接以vue为案列吧 以前的的方法：//html<div class="btn" @click="click()">快来点击我</div>//jsdata:{ isclick: 0...原创 2018-12-26 15:46:37 · 2831 阅读 · 0 评论 -
textarea不可编辑状态
有下面两种方法我个人喜欢第二种方法1.设置禁用属性disabled<textarea name="" class="inttext" id="" cols="30" rows="10" disabled>我是文字文字</textarea> 2.设置只读属性readonly<textarea name="&q原创 2018-12-11 14:25:54 · 13716 阅读 · 1 评论 -
锚点跳转偏移位置（当顶部导航设置固定定位时挡住锚点区内容时）
设置虚锚点<a name="index" style=" position: relative;top: -80px;display: block;height: 0;overflow: hidden;"></a> <!DOCTYPE html><html lang="en"> <head>原创 2018-11-17 17:51:21 · 3774 阅读 · 3 评论