js
文章平均质量分 87
随便起的名字也被占用
卷心菜,即菜又卷,还是菜,继续卷。
展开
-
js截取日期为数组 2020-08-20 09:51:12 截取为[‘‘,‘‘,‘‘,‘‘,‘‘,‘‘]
dateSpliceTime(val, tindex) { if (!!val) { let dateArr = val.split(/[\s:-]/); //输出[年, 月, 日, 时, 分, 秒] let backItem = dateArr[tindex]; return backItem; } else { return '' } },原创 2020-08-20 09:52:39 · 479 阅读 · 0 评论 -
前端常用的工具方法,常用js方法
1.邮箱export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2.手机号码export const isMobile = (s) => { return /^1[0-9]{10}$/.test(s)}3.电话号码export const isPhone = (s) =>.转载 2020-07-10 09:35:54 · 364 阅读 · 0 评论 -
根据小时数计算开始时间,8个小时前的日期
根据小时时间数 计算开始时间和结束时间场景:此时,选择8小时做浏览记录查询分析:8小时的浏览记录,根据当前时间往前推算8小时的时间,计算出当前时间戳 - 8 * 60 * 60 *1000 = 开始时间戳程序如下:/** * 时间戳转化为年 月 日 时 分 秒 * number: 传入时间戳 * format:返回格式,支持自定义,但参数必须与formateArr里保持一致 */function formatTime(number, format2) { ...原创 2020-07-06 10:51:07 · 1909 阅读 · 0 评论 -
js限制input的输入
限制只能输入大于等于0的正整数 onkeyup="value=(value.replace(/\D/g,'')==''?'':parseInt(value))"限制输入正整数(不包括0)onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"限制输入大于等于0的两位小数oninput="value= value.match(/\d...原创 2020-01-09 15:40:19 · 666 阅读 · 0 评论 -
vue-cli3.0创建项目,vue-cli3.0各项配置与安装, vue-cli3.0 上手教程 (一)
目录1. 安装 vue-cli3.0 ,可以使用下列任一命令安装这个新的包:2.打开终端,创建一个项目3. 配置 自己选择4. 项目构建完成 启动项目4.1启动成功4.2运行报错 无报错 忽略5.安装axios6. 配置 vue.config.js6.1全局 CLI 配置 文档6.2配置跨域代理vue-cli 3.0 官网教程vue-...原创 2019-01-22 16:21:41 · 6261 阅读 · 2 评论 -
HTML2image 网页保存图片并下载到本地,兼容ie浏览器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m原创 2019-01-15 14:46:40 · 3256 阅读 · 5 评论 -
基于jq的pc或移动端的图片预览,放大、缩小,拖动,旋转等,基于viewerjs
js版 — viewer.js github github地址jq版 — jquery-viewer github地址一款基于jq的pc、移动端的图片预览,缩放插件,1、html<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> ...原创 2019-01-08 17:31:20 · 4739 阅读 · 0 评论 -
vue中移动端网页 自定义触屏事件,点击、滑动、左滑、右滑、下滑、上滑、长按事件
事件主要是监听touchstart、touchend与touchmove事件,事件这样可以获取用户触屏结束后的位置,这样就可以计算出用户在屏幕上滑动的方向v-tap: tap点击事件 v-swipe: swipe滑动事件 v-swipeleft: swipeleft左滑事件 v-swiperight: swiperight右滑事件 v-swipedown: swipedown下...原创 2019-01-18 11:11:31 · 9064 阅读 · 4 评论 -
前端使用jspdf生成PDF通过ajax传输后台生成PDF文件
html需要引入 html2canvas.js 和jspdf.debug.js <script src="static/libs/jsPDF-master/dist/jspdf.min.js"></script><script src="static/libs/jsPDF-master/dist/html2canvas.js"></script&g...原创 2018-12-22 14:52:48 · 22185 阅读 · 2 评论 -
echarts系列——在vue工程化项目中如何使用echarts
安装echarts依赖npm install echarts --save点击查看 echarts官网安装教程 创建图表全局引入main.js// 引入echartsimport echarts from 'echarts'Vue.prototype.$echarts = echarts map.vue//html<div id="myChart...原创 2018-12-07 14:53:10 · 1160 阅读 · 3 评论 -
js判断浏览器的内核和判断浏览器,判断ie浏览器版本
一、判断当前浏览类型及IE浏览器版本唯一缺点就是 IE7与IE5不分,但是IE6以下的判别已经不重要了function BrowserType() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isOpera = userAgent.indexOf("Opera") > -1; //...转载 2019-02-15 10:55:19 · 5795 阅读 · 0 评论 -
js如何获取response header信息
信息转自网上普通的请求JS无法获取,只有ajax请求才能获取到。$.ajax({ type: 'HEAD', // 获取头信息,type=HEAD即可 url : window.location.href, complete: function( xhr,data ){ // 获取相关Http Response header ...转载 2019-03-07 10:33:04 · 6667 阅读 · 0 评论 -
js数组 按照每一项的字符串长度进行排序
let arr = ['132','qwedd','q','2r','qwd'];arr.sort(function(a,b){ return a.length>b.length;})//输出 ["q", "2r", "132", "qwd", "qwedd"]const arr = ['132','qwedd','q','2r','qwd']const rtn = ...转载 2019-04-09 17:10:22 · 7426 阅读 · 6 评论 -
jst数组方法速查手册(记录)
1 概述1.1 前言JavaScript数组方法速查手册极简版中共收了32个数组的常用方法和属性,并根据方法的用途进行重新排序和分类,在文中简要的介绍了方法作用和用例说明。收藏备用吧!文中介绍的过于简单,想更更多理解相关内容还是要多多动手实践!2 数组属性2.1 length-长度属性每个数组都有一个length属性。针对稠密数组,length属性值代表数组中元素的个数。当...转载 2020-07-06 10:53:33 · 626 阅读 · 0 评论 -
javascript字符串方法函数汇总
JS自带函数JS自带函数concat将两个或多个字符的文本组合起来,返回一个新的字符串。var a = "hello";var b = ",world";var c = a.concat(b);alert(c);//c = "hello,world"indexOf返回字符串中一个子串第一处出现的索引(从左到右搜索)。如果没有匹配项,返回 -1 。var in...原创 2019-05-09 16:45:46 · 193 阅读 · 0 评论 -
h5页面自适应移动端 px2rem
<script> resize() window.onresize = function() { resize() } function resize() { var docEl = document.documentElement var clientWidth = window.i...原创 2019-06-12 14:48:30 · 835 阅读 · 0 评论 -
基于vue的拖拽排序,添加等,插件vuedraggable
第一步:安装插件vuedraggablenpm install vuedraggable 第二步:在需要使用的组件中引入import draggable from 'vuedraggable' 第三步:注册组件 components: { draggable },第四步,代码如下片段1:存放容器,从代码片段2拖到片段1 <draggab...原创 2019-06-22 19:24:03 · 2922 阅读 · 1 评论 -
vue中设置背景音乐
<audio :src="MP3" loop ref="MusicPlay"></audio> musicPause () { this.$refs.MusicPlay.pause() }, musicPlay () { this.$refs.MusicPlay.play()...原创 2019-08-21 14:29:07 · 2817 阅读 · 0 评论 -
input 限制输入大于0的数字
onkeyup="this.value=this.value.replace(/\D|^0/g,'')"onafterpaste="this.value=this.value.replace(/\D|^0/g,'')"原创 2019-09-18 11:33:16 · 2250 阅读 · 1 评论 -
在vue项目中使用地图api,在vue-cli搭建的项目中使用高德地图定位
在开发vue项目中遇到需要定位显示,需求是:需要根据后台返回的数据动态的将订单定位到产生的位置;然后根据现实的位置;高德地图提供的api 可以调用,用高德地图插件,解决方案非常传统:将高德地图通过cdn的形式引入到项目的index.html文件中,然后即可全局调用AMap。具体文档点击 高德地图开放平台 查看。现在在vue项目中使用,有几个问题不得不考虑:项目中其实只有几处需要用到地图...原创 2018-12-07 00:28:45 · 11692 阅读 · 24 评论 -
video标签 播放器的使用,列表播放的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.原创 2018-11-18 15:09:32 · 6573 阅读 · 0 评论 -
移动端APP rem加载时页面放大或压缩解决
写APP页面的时候遇见坑,布局使用rem,但是再页面渲染加载时出现变形,虽然时间非常短,但是肉眼可见,于是爬坑,1,在页面body加载前引入html font-size计算js(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientati...原创 2018-06-02 15:12:17 · 1773 阅读 · 1 评论 -
js 将时间戳转yyyy-MM-dd HH-mm-ss工具类
在web开发中,我们经常需要用js将时间戳转yyyy-MM-dd HH-mm-ss类似的格式,这样才适合我们的观感,那么我们该如何在js中将时间戳转换成这种格式呢?其实很简单,我们开发一个时间戳工具类,如下:第一种:最简单的是一个js时间格式的转换函数方法[html] view plain copyfunction formatDateTime(inputTime) { var da...原创 2018-05-28 17:25:30 · 7471 阅读 · 0 评论 -
vue filter的几种用法
1、自定义的过滤器,当然这包括注册在全局和注册在实例化的内部(1)注册在全局的fliter(1)全局方法 Vue.filter() 注册一个自定义过滤器,必须放在Vue实例化前面(2) 过滤器函数始终以表达式的值作为第一个参数。带引号的参数视为字符串,而不带引号的参数按表达式计算(3)可以设置两个过滤器参数,前提是这两个过滤器处理的不冲突(4)用户从input输入的数据在回传到model...原创 2018-06-04 09:36:54 · 52358 阅读 · 0 评论 -
js localStorage写浏览记录,并删除单条记录和从记录中取值
在做一个选择商品时,需要保存用户的查找记录,类似与淘宝的历史记录,我是用的localStorage,菜鸟一枚,各大神指点将用户每次浏览的数据push到数组中,每浏览一次push一次,然后将数组转成字符串JSON.stringify(arr),然后存储到本地remb: function (Odata, title, key) { var that = this; ...原创 2018-05-08 09:48:31 · 3192 阅读 · 0 评论 -
html页面引入公共头部和尾部
如何在HTML不同的页面中,共用头部与尾部?一、asp语言和PHP语言首先制作一个头部文件head.asp,或者一个底部文件foot.asp。如主页是index.asp,调用头部代码是在index.asp文件代码的开始位置(第一个标记后面,<head>标记前面)增加如下代码:<!– #include file=”head.asp” –> 调用共用底部...原创 2020-03-05 09:12:39 · 21373 阅读 · 2 评论 -
jQuery如何获取选中单选按钮radio的值
<li>微信支付<span class="mui-pull-right"><input class="pay" type="radio" name="pay" value="2" /></span></li><li>支付宝支付<原创 2018-05-04 11:53:07 · 457 阅读 · 0 评论 -
前端cookie使用
cookie 是存储于用户的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时,就会发送这个 cookie。可以使用 JavaScript或者jQuery 来创建和读取cookie 的值。 cookie 应用举例: 当用户首次访问页面时,页面或许会要求填写用户的用户名和密码。用户名和密码可以被存储于 cookie 中。当他们再次访问网站时,用户名和密码就会从 cookie 中取回,无需用户再...原创 2018-04-20 15:40:18 · 3006 阅读 · 0 评论 -
jQuery ajax()使用serialize()提交form数据
jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也可以直接选择form将其序列化,如:<form action="">First name: <input type="text" name="FirstName" value="Bill" /><br />Last name原创 2018-03-10 09:18:55 · 173 阅读 · 0 评论 -
图片懒加载
CSS代码HTML代码JS代码完整代码CSS代码只是设置图片的一些样式:<style> *{margin: 0;padding: 0;} img{width: 50%;display: inline-block;border: 1px solid #ccc;float: left;}</style>1234HTML代码1.png是一个1*1px的透明图或者...原创 2018-07-02 16:44:24 · 326 阅读 · 0 评论 -
javascript 快速获取图片实际大小的宽高
javascript 快速获取图片实际大小的宽高简陋的获取图片实际宽高的方式// 图片地址var img_url = '13643608813441.jpg'// 创建对象var img = new Image()// 改变图片的srcimg.src = img_url// 打印alert('width:'+img.width+',height:'+img.height);12...原创 2018-07-03 15:33:33 · 642 阅读 · 0 评论 -
javaScript内置函数大全
1.Date:日期函数属性(1):constructor 所修立对象的函数参考prototype 能够为对象加进的属性和方法办法(43):getDay() 返回一周中的第几天(0-6)getYear() 返回年份.2000年以前为2位,2000(包括)以后为4位getFullYear() 返回完全的4位年份数getMonth() 返回月份数(0-11)getDate() 返回日...原创 2018-11-06 22:38:41 · 1374 阅读 · 0 评论 -
JavaScript ES6中export及export default的区别
相信很多人都使用过export、export default、import,然而它们到底有什么区别呢?在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,...原创 2018-09-28 15:19:54 · 191 阅读 · 0 评论 -
javascript(js)小数精度丢失的解决方案,0.2+0.1≠0.3
原因:js按照2进制来处理小数的加减乘除,在arg1的基础上 将arg2的精度进行扩展或逆扩展匹配,所以会出现如下情况.javascript(js)的小数点加减乘除问题,是一个js的bug如0.3*1 = 0.2999999999,0.2+0.1=0.30000000000000004等,下面列出可以完美求出相应精度的四种js算法function accDiv(arg1, arg...原创 2018-09-15 17:55:14 · 2693 阅读 · 0 评论 -
Query实现将div中滚动条滚动到指定位置的方法,html中offsetTop、clientTop、scrollTop、offsetTop各属性的解释
TML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeig...原创 2018-09-01 09:59:31 · 1921 阅读 · 1 评论 -
jQuery实现将div中滚动条滚动到指定位置的方法
参考文章: http://www.jb51.net/article/90185.htm 本文实例讲述了jQuery实现将div中滚动条滚动到指定位置的方法。分享给大家供大家参考,具体如下:一、Js代码:onload = function () { //初始化 scrollToLocation();};function scrollToLocation() { var m...转载 2018-09-01 09:53:07 · 3655 阅读 · 0 评论 -
js 原生 瀑布流布局,瀑布流布局
HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&am原创 2018-08-18 15:00:13 · 227 阅读 · 0 评论 -
图片上传前 压缩,base64图片压缩
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Co...原创 2018-07-27 15:06:21 · 4107 阅读 · 0 评论 -
手机端图片放大,双指放大,元素的双指缩放
在做webapp时候,遇到一个需要做双指放大的功能,需求是:一张带有坐标的图片上有固定的点,需要点击这些坐标上的点进入相应的商品,并且需要对这一块进行双指可以缩放,双击缩放;一开始是自己写监听touch事件进行处理,但是再缩放的时候,偶尔出现卡顿闪烁,用户体验不很好,后来采用插件pinch-zoom GitHub地址: https://github.com/manuelstofer/pin...原创 2018-07-11 15:52:53 · 6285 阅读 · 0 评论 -
uaredirect.js 进行判断是pc还是wap端(移动端) wap端跳转页面
在pc的网址里面加入代码"http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"> uaredirect("http://wap.tongji021.com");第一个script 是为了引用百度的js代码第二个script就是跳转到你想要跳转的wa原创 2018-01-31 10:13:23 · 1489 阅读 · 0 评论