自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 递归--由子级寻找父级

/* * arr原始数组;orgCode:子级code * this.orgCodeList:存放获取的数据 * 主要思想就用递归的方式来循环原始数组 */ getOrgCode (arr, orgCode) { for(let i= 0; i < arr.length; i++) { ...

2020-06-04 17:53:22 64 0

原创 vue 刷新 当前页面

场景 页面需要重置刷新的地方 刷新当前页有可以采用一下3种方式 1、window.location.reload() 是原生JS提供的方法,整个浏览器进行了重新加载,闪烁,体验不好 2、this.$router.go(0) 是vue路由里面的一种方法,整个浏览器进行了重新加载,闪烁,体验不好 3、...

2019-11-27 15:20:11 27 0

原创 js 数组扁平化 总结

数组扁平化的几种方法 本文是从网上找来的大佬文章,作了些许总结,方便用时调用,参考来源 定义一个数组 const arr = [1, [2, 3, [4,[5,6,[7,8,[9,0]]]]]] 一、ES6 给出的 flat() 和 flatMap() es6数组方法 flat()默认只会“拉平”...

2019-09-23 16:34:30 56 0

转载 两种勉强可以获取js 顶层对象的方法,适用于浏览器/nodejs/webworker

浏览器里面,顶层对象是window,但 Node 和 Web Worker 没有window。 浏览器和 Web Worker 里面,self也指向顶层对象,但是 Node 没有self。 Node 里面,顶层对象是global,但其他环境都不支持。 方法一: var getGlobal = f...

2019-05-30 15:33:48 104 0

原创 小程序mpvue中flyio的使用

Fly.js 一个基于Promise的、强大的、支持多种JavaScript运行时的http请求库. 有了它,您可以使用一份http请求代码在浏览器、微信小程序、Weex、Node、React Native、快应用中都能正常运行。同时可以方便配合主流前端框架 ,最大可能的实现 Write Once...

2019-05-23 17:44:19 660 0

原创 读取excel文件内容,vue+element封装的一个组件

准备: 1、引入elementUI(安装详见官网); 2、引入插件js-xlsx(安装:npm install xlsx --save ) 3、import XLSX from ‘xlsx’ <template> <div> <input ref=&quo...

2019-04-25 10:15:33 237 0

原创 前端导出数据(需要有一个数据流)

这里用的是后台传的一个数据流,利用new Blob()来导出数据: postOrderExportList(obj).then(res => { if (window.navigator.msSaveOrOpenBlob) { navigat...

2019-04-24 19:38:27 388 0

原创 es6 find操作三级联动

目的:根据code["200000", "200000", "200001"]翻译省市区中文名 这是原始的翻译参照json: const options = [ { value: '200000', ...

2019-04-20 16:56:13 140 0

原创 vue ant-design table转译数据

利用 customRender这个数据来处理 <template> <a-table :columns="columns" :dataSource="list" > </a-table&g...

2019-04-18 19:23:06 1226 2

原创 vue-cli3中,使用mock模拟数据的配置

1、在根目录下创建一个mock文件夹,用来存放模拟数据json文件; 2、在根目录中找到vue.config.js这个文件,修改为下面的配置: const mockdata = require('./mock/test.json'); module.exports={ d...

2019-04-16 09:43:45 696 0

转载 纯CSS实现垂直居中的几种方法

垂直居中是布局中十分常见的效果之一,为实现良好的兼容性,PC端实现垂直居中的方法一般是通过绝对定位,table-cell,负边距等方法。有了css3,针对移动端的垂直居中就更加多样化。 html结构: <div class="box box1"> &...

2019-03-28 22:18:35 18 0

转载 js实现图片上传并预览功能

中心步骤: (1)首先需要定义好一个,src为空或者是默认图片, (2)如果src为空,就给定义好的img设置为透明:opacity:0;如果不是透明的话,会显示一个图片的标志,不美观。 (3)点击上传图片后,获取上传的图片的src,将它赋值给事先定义好的,再给设置opacity:1; 方法一: ...

2019-03-20 11:44:59 3760 0

原创 js 对比json数据

原理:利用递归遍历对比,遇到不相等就return false; /* * 对比两个json数据 * @param:obj1 * @param:obj2 * @return */ function compreObj(obj1, obj2) { var flag = tru...

2018-12-24 14:44:00 2206 0

原创 JS 调用函数内部的函数(可以这样的理解:通过一个函数可以调用另一个函数的内部函数)

可用两种方法实现:1、实例化函数为对象;2、闭包返回内部值。 一、实例化函数为对象 /* * 创建函数--面向对象 */ var objfn = function() { this.a = function(arg){console.log(arg);} this.b = function...

2018-12-22 15:47:37 7165 0

转载 PHP 常用的header头部定义汇总

&lt;?php header('HTTP/1.1 200 OK'); // ok 正常访问 header('HTTP/1.1 404 Not Found'); //通知浏览器 页面不存在 header('HTTP/1.1 301 Move...

2018-12-09 16:46:04 63 1

原创 自定义扩展js函数库---string.replaceAll()---字符替换所有指定字符

/* * 自定义扩展js函数库 * @time:181203 * @add : string.replaceAll()---字符替换所有指定字符 */ /* * string.replaceAll()---字符替换所有指定字符 * @parameter: FindText--原文...

2018-12-03 13:50:22 253 0

原创 js 写自定义回调函数callback

第一种形式: /* * 构造回调函数 * @param:p1 * @param:callback 回调函数 */ function testfn(p1 ,callback) { console.log('调用第一次函数--&gt;'+p1); if(callbac...

2018-11-17 23:04:13 1532 0

原创 js中文按首字母排序

var array = ['武汉', '北京', '上海', '天津','','am','pam','1213','123�...

2018-11-05 16:46:26 5969 1

原创 判断浏览器是否支持placeholder属性

//判断浏览器是否支持placeholder属性 function isSupportPlaceholder() { var input = document.createElement('input'); return 'placeholder�...

2018-10-17 10:03:28 237 0

原创 css优化滚动条默认样式

css样式: .inner{ width: 265px; height: 400px; position: absolute; top: 33px; left: 13px; ...

2018-10-11 11:30:14 380 0

原创 js 文件下载/上传 进度条

/** * 下载文件 - 带进度监控 * @param url: 文件请求路径 * @param params: 请求参数 * @param name: 保存的文件名 * @param progress: 进度处理回调函数 * @param success: 下载完成回调函...

2018-10-10 17:29:07 3000 0

原创 获取 鼠标左键选中的文本

if (window.getSelection) {//一般浏览器 userSelection = window.getSelection();} else if (document.selection) {//IE浏览器、Opera userSelection = document....

2018-09-26 14:26:31 1023 0

原创 php字符代表意思

php字符代表意思: “\0” — NULL “\t” — 制表符 “\n” — 换行 “\x0B” — 垂直制表符 “\r” — 回车 ” ” — 空格

2018-07-16 11:23:28 133 0

原创 js递归遍历json所有数据

//递归遍历json所有数据 function getAllJson(jsons, name, sign) { if(name == "" || name == undefined) { name = "json" } ...

2018-07-09 17:08:25 7865 0

原创 file 上传图片并获取图片路径

function getObjectURL(file) { var url = null; if (window.createObjectURL != undefined) { url = window.createObjectURL(file) } else...

2018-05-21 14:33:15 3849 1

原创 获取URL参数的一个封装方法

url格式:”https://mp.csdn.net/mdeditor?a=1&amp;amp;amp;b=2&amp;amp;amp;c=3“; 封装方法: var common = function(){ // 获取url参数 function getQu...

2018-05-14 09:46:10 602 0

原创 判断照片大小 及类型

//判断照片大小 function getPhotoSize(obj){ photoExt=obj.value.substr(obj.value.lastIndexOf(“.”)).toLowerCase();//获得文件后缀名 if(photoExt!=’.jpg’){ ...

2018-05-08 22:22:45 140 0

转载 html5 new FileReader()生成图片

html5 使用readAsDataURL生成的base64编码的图片是2进制流,其优点是减少http的请求,缺点是不能跨域缓存。 注:所以在微信本地上传图片直接使用readAsDataURL,安卓是获取不到图片的,需要将其转换为图片,并存入服务器, 例如: var reader =...

2018-05-03 10:16:20 6999 0

原创 获取当月第一天和最后一天

/** * 获取当前月的第一天 */ function getMonthFirst(){ var date=new Date(); date.setDate(1); date=getyear(date); date=date.split(’ ‘)[0]+” 00:00:0...

2018-04-24 13:16:09 598 0

转载 利用JSTL的循环输出Map中的值

由于EL表达式不支持循环输出Map中的值,所以要循环遍历Map的话就必须使用JSTL 这是Map对应的action public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequ...

2018-03-26 15:18:36 319 0

原创 手机压缩 上传照片/删除照片

// 生成识别码 var dates = new Date(); var tIdentifier = dates.getTime(); var identifier = String(tIdentifier) + parseInt(Math.ran...

2018-03-26 15:09:57 319 0

原创 jQuery的load()方法及其回调函数

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;script src="js/jquery.min.js"&gt; &lt;/script&g...

2018-03-23 14:27:43 1876 0

原创 计算某天的前/后n日

//计算某天的前/后n日 function GetDateStr(AddDayCount,date) { var dd = new Date(date); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 v...

2018-03-20 09:55:14 71 0

原创 禁右键,禁f12

禁右键,禁f12 document.oncontextmenu = function () { return false; }; document.onkeydown = function () { if (window.event &amp;&amp;...

2018-02-23 15:00:34 183 0

原创 input 限制输入数字

input框限制输入数字 onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');"

2018-01-16 13:15:42 171 0

原创 H5、bootstrap IE8兼容

头部加上这么一段<!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script ...

2017-11-02 10:40:26 221 0

原创 jq:prop()、attr()、data()异同

attr()方法: 1、JS中getAttribute()和setAttribute()方法的集成体,用法最为常规,通过attr()方法获得的属性,在HTML页面检查元素中都可以看到该属性; 2、attr()的设计目标是用于设置或获取指定DOM元素所对应的文档节点上的属性(attribute)...

2017-10-31 11:23:10 295 0

原创 数字 输入正则控制

onkeyup="this.value=this.value.replace(/[^0-9-]+/,'');"

2017-10-30 13:31:25 140 0

原创 js键盘键值

keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = C...

2017-10-30 11:46:13 461 0

转载 JS 添加类名/删除类名

为 元素添加 class:document.getElementById(“myDIV”).classList.add(“mystyle”);为 元素添加多个类:document.getElementById(“myDIV”).classList.add(“mystyle”, “another...

2017-10-30 10:03:00 3109 0

提示
确定要删除当前文章?
取消 删除