- 博客(28)
- 收藏
- 关注
RSS订阅原创 基于vue的时间播放器组件，并发布到npm
起因：因项目需要一个时间轴播放插件，根据时间渲染一些数据。从网上也查找了许多，但大多不太合适。所以想自己开发一个并发布到npm。 本篇文章主要介绍过将组件发布到npm的过程，如看组件源码项目源码&文档1、项目初始化首先，要创建项目，封装vue的插件要写的是一个简单的vue组件不需要依赖那么多而庞大的配置，所以，这里用简单版本的webapck配置模板：vue init webpack-simple my-project然后在在src下创建一个lib文件夹包含index.js和v.
2020-06-08 15:18:46
2541
2
转载 axios 处理 302 状态码的解决方法
问题描述：浏览器打开了一个单页面（SPA）应用，过了一段时间token（或者session）过期了，这个时候页面上发起 Ajax请求之后，后端返回302状态码前端控制跳转到login页面。 我这是使用的是 Vue + axios ，发现 axios 无法拦截到 302请求，下面是处理的过程。（因为是单页面的原因，路由切换的时候并不能刷新页面，然而session失效后，切换路由并不能重定向，必须要刷...
2020-05-19 16:19:08
23614
1
原创 Promise.all 做前端并发
循环调用接口，所有的接口都请求结束后再做一些处理1、先声明一个promise数组const promiseArr=arr.map((item)=>{ return new Promise((resolve,reject)=>{ const res = (await this.api('/statistics/areas')).data; resolve(res) }) })然后再使用Promise.all(),并发请求
2020-05-19 16:16:09
383
转载 js 字节转换为B,KB,GB等
function bytesToSize(bytes) { if (bytes === 0) return '0 B'; let k = 1024, sizes = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'], i = Math.floor(Math.log(bytes) / Math.log(k)); ...
2019-02-13 11:31:23
2101
原创 数组常用的几个操作 map，filter，includes，find，some，every
let arr = [1,3,5,6,3]map: let newArr = arr.map((item,index)=>{ return item*2 }) console.log(newArr) //[2,6,10,12,6]返回新的数组，为每个元素执行callback方法，不会改变原数组filter：let newArr = arr.filter...
2018-12-20 17:01:12
746
1
原创 使用http-server搭建本地服务器
1、下载node.js并安装，在命令行输入命令$ node -v以及$ npm -v检查版本，确认是否安装成功。2、安装http-server全局安装http-servernpm install http-server -g3、然后，进入你想作为本地服务器根目录的位置，输入如下命令： http-server 当然，后面还可以跟一系列参数，查看帮助使用http-serve...
2018-12-20 11:24:38
556
2
原创 原生 js 实现点击按钮复制文本
需求：需要点击按钮，复制<i>标签中的内容到剪切板1、浏览器提供了copy命令，可以复制选中的内容document.execCommand("copy")如果是输入框，可以通过 select() 方法，选中输入框的文本，然后调用 copy 命令，将文本复制到剪切板但是 select() 方法只对 <input> 和 <textarea> 有效...
2018-12-18 11:07:22
209
原创 js绑定事件和解绑事件：addEventListener和removeEventListener
addEventListener()和removeEventListener()用来绑定事件和解绑事件它们都接受3个参数addEventListener(eventName，function，true)第三个参数为true表示在捕获阶段调用事件处理程序，false表示在冒泡阶段调用事件处理程序例如：window.addEventListener('resize',function...
2018-11-29 16:17:33
4577
转载 ES6 -Array.fill()函数的用法
ES6为Array增加了fill()函数，使用制定的元素填充数组，其实就是用默认内容初始化数组。该函数有三个参数。arr.fill(value, start, end)value：填充值。start：填充起始位置，可以省略。end：填充结束位置，可以省略，实际结束位置是end-1。 例如：1.采用一默认值填初始化数组。const arr1 = [1, 2, 3, ...
2018-11-29 15:52:35
423
原创 echarts常用方法初始化和销毁
1、setOption(option,{boolean = true})1)第一个参数option，配置图标实例可配置选项2)第二个表示是否合并option，默认false，多次调用时option选项是默认合并的，可设置为true阻止与上次option的合并2.on(eventName,function) 事件绑定3.un(eventName,function) 解除某个事件的绑定...
2018-11-29 15:21:24
20573
原创 js 如何判断是否safari浏览器
var userAgent = navigator.userAgent;if (userAgent.indexOf("Safari") > -1) { return "Safari"; } //判断是否Safari浏览器这种写法是不正确的因为Chrome浏览器的userAgent也有Safari字段.正确的判断方法：/Safari/.test(navigator.u...
2018-07-16 09:54:59
10144
2
原创 小图标和文字垂直居中的解决方法
我们经常会遇到图标和文字不能对齐的情况。<div class="box"> <img class="icon" src="restart.png"/> <span class="text">垂直居中</span></div>css：.icon{display:inline
2018-07-04 10:43:47
16814
2
原创 ajax异步传输数据，return返回为undefined
function checkSelectInstance() { var instance; $.ajax({ type: "POST", cache: false, data: "", url: "/ecs/describeInstances", success: function(res) { ...
2018-06-27 11:25:52
1192
原创 Datatables表格插件的使用
Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。1、下载DataTables的最新版本。把media文件夹放在目录里面2、引入js和css<!-- DataTables CSS --><link rel="stylesheet" type="text/css" href="/static/common/media...
2018-04-20 15:31:26
545
原创 formData方法实现文件上传
FormData 对象的使用：1.用一些键值对来模拟一系列表单控件：即把form中所有表单元素的name与value组装成一个queryString，提交到后台。只需把form表单作为参数传入FormData构造函数2. 异步上传二进制文件。html：<form action="" method="post" id="importP" enctype="multipart/form-dat...
2018-04-13 14:48:42
504
原创 chrome 表单自动填充内容背景颜色为黄色解决方法
解决方法： input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}或者关闭自动填充：autocomplete="off"<form action="loginAction" method="post" autocomplete="off">...
2018-04-13 10:34:18
1915
原创 验证手机号和邮箱正则
验证手机正则：var reg_mobile=/^(13[0-9]|15[0-9]|18[0-9]|14[57]|17[0-9])[0-9]{8}$/; //验证手机正则 return reg_mobile.test(mobile); 验证邮箱正则：var reg_email=/^\w+@\w+(\.\w+){1,3}$/; //验证正则 return reg_email.t...
2018-04-11 15:43:46
323
原创 初学习require.js
requireJs是一个非常小巧的javascript模块载入框架，是AMD（异步模块加载机制）规范最好的实现之一.1、为什么使用require.js （1）：实现js文件的异步加载，避免网页失去响应。 （2）：管理模块之间的依赖性，便于代码的编写和维护。2、requireJS的基本API： config--配置requirejs依赖。 define--创建模块、全局函...
2018-04-04 15:10:01
224
原创 vue-cli和webpack项目搭建
Vue+webpack+bootstrap一、创建vue+webpack项目1、 安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)2、 基于node.js,利用淘宝npm镜像安装相关依赖, 在cmd里直接输入：npm install -g cnpm --registry=https://registry.npm.ta...
2017-11-27 17:10:00
1361
2
原创 用a标签传数据给后台进行表格下载遇到的问题
HTML：导出表格js:$('.download').click(function(){ $('.download').attr('href',url + '?' + 'param=' + encodeURI(JSON.stringify（listParam）));})注释：url：后台接口 param：传给后台的字段名
2017-08-07 15:29:18
1209
原创 点击div以外的其他区域，div隐藏
HTML: js:$(document).click((event) => { event.stopPropagation(); if (!$('.doSure').is(event.target) && $('.doSure').has(event.target).length === 0) { $('.doSure').hide();
2017-08-07 11:13:51
481
原创 e.target与e.currentTarget
e.target 事件源 eg： 点击 那事件源就是buttone.currentTarget 获取最外层eg: 确定 当点击确定两字时事件源也会找到最外层button$('.doSubmit').click((e) => { e.stopPropagation(); let classStr = $(e.curre
2017-07-12 15:55:32
1161
原创 二级联动实例
// 二级联动$(document).ready(function () { var varurl = '/ivr/getIvrList.action'; $.getJSON(varurl, function (data) { //对请求返回的JSON格式进行分解加载 $(data.rows).each(function () {
2017-06-13 16:37:42
392
原创 js map()与forEach()遍历的区别
一、js map()和forEach()遍历共同点：1、都是遍历数组中的每一项2、每一次执行匿名函数都支持3个参数，（item，index，input）item：当前项，index：当前项的索引，input：原始数组3、匿名函数中的this都指向window4、只能遍历数组forEach(): 没有返回值。仅仅是遍历数组中的每一项，不对
2017-03-13 15:30:25
708
原创 监听input输入框的值得变化
js、jquery监听input输入框值的实时变化实例例：> html> head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> title>RunJStitle> script id="jquery_183" ty
2017-03-07 16:44:59
1983
原创 jQuery使用ajaxSubmit()提交表单示例
jQuery使用ajaxSubmit()提交表单示例ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法，所以使用此方法需要先引入这个插件。实例：HTML代码如下： 标题：内容：提交上面是一个需要提交内容的form，通常情况下，我们直接通过form提交的话， 提交后当前页面跳转到form的action所指向的页面
2016-08-24 16:58:38
343
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人