自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 前端js如何实现中文转拼音(重要)

npm地址: https://www.npmjs.com/package/pinyin-converter 安装 via npm: npm install pinyin 用法 开发者: var pinyin = require(“pinyin”); console.log(pinyin(“中心”)...

2019-11-08 13:57:39

阅读数 208

评论数 0

原创 前端js正则大全(项目中经常用到的正则表达式)

常用正则表达式合集: 验证数字:1$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9])$ 验证有两位小数的正实数:2+(.[0-9]{2})?$ 验证有1-3位小数的正实数:3+(.[...

2019-10-21 11:51:47

阅读数 15

评论数 0

原创 jq链式调用原理(前端)

(1).链式调用 $("#mybtn").css("width","100px") .css("height","100px") .css...

2019-09-23 11:52:25

阅读数 53

评论数 0

原创 前端h5(rem移动端原理, 看了不后悔)

什么是适配,为什么要适配 我们拿到的设计图一般是以640,750,1080分辨率为基准设计的,而现在的手机终端各式各样,分辨率不同,逻辑像素不同 ,视口不同,所以为了让我们的页面在每个设备上都可以良好的展示,那么就需要为这些设备做统一的处理,这个过程就称为移动端适配。 需要知道的一些概念: 物理像...

2019-09-22 15:03:24

阅读数 226

评论数 0

原创 vue数据双向绑定原理(面试必问)

ES6 之 对象属性的可枚举性和遍历 1.Object.getOwnPropertyDescriptor() 解释:获取对对象属性的描述对象。 let obj = { foo: 123 }; console.log(Object.getOwnPropertyDescriptor(obj, ‘foo...

2019-09-20 13:24:15

阅读数 188

评论数 0

原创 vue3.0脚手架安装步骤(太好用了)

1、全局安装过旧版本的 vue-cli(1.x 或 2.x)要先卸载它,否则跳过此步: npm uninstall vue-cli -g //或者 yarn global remove vue-cli 2、安装@vue/cli(Vue CLI 3的包名称由 vue-cli 改成了 @vue/cli...

2019-09-16 18:58:56

阅读数 83

评论数 0

原创 js数组去重(看完就懂了)

一、利用ES6 Set去重(ES6中最常用) function unique (arr) { return Array.from(new Set(arr)) } var arr = [1,1,‘true’,‘true’,true,true,15,15,false,false, undefined,...

2019-09-12 17:13:49

阅读数 16

评论数 0

原创 前端使用Echarts饼图中央如何添加文字与样式(好用, 精通大屏可视化图表)

tooltip: { trigger: ‘item’, formatter: " {b}:{c} " }, color:[’#D06052’,’#E29F39’,’#4C9BC7’], //环形颜色 graphic:{ //图形中间文字 ...

2019-09-10 11:18:53

阅读数 419

评论数 0

原创 vue data中的对象的属性如何使用watch监听(好用)

data() { return { parent:{ a: ‘’ } }; }, watch:{ ‘parent.child’:{ deep:true, handler: function(newV, oldV) { console.log(newV); } } }

2019-09-09 15:35:05

阅读数 13

评论数 0

原创 前端js闭包详解(面试管用)

闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 下面就是我的学习笔记,对于Javascript初学者应该是很有用的。 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部...

2019-09-08 19:13:00

阅读数 23

评论数 0

原创 input标签的 accept 属性(前端过滤上传格式) 和new FormData 详解

使用input 上传文件 accept过滤文件格式 <input type=“file” name=“pic” id=“pic” accept=“image/gif, image/jpeg” FormData 对象的使用: 1.用一些键值对来模拟一系列表单控件:即把form中所有表单元素的...

2019-09-07 18:25:02

阅读数 77

评论数 0

原创 在vue中使用import()来代替require.ensure()实现代码打包分离(提高首屏加载速度)

一、require.ensure() 方法来实现代码打包分离 require.ensure() 是 webpack 特有的,已经被 import() 取代。 require.ensure( dependencies: String[], callback: function(require), e...

2019-09-03 14:06:13

阅读数 24

评论数 0

原创 vue 属性props定义属性与默认值(用到的请进, 绝对让你满意)

第一种用法 export default { props: ["listid], } 第二种用法(我推荐第二种用法, 相对比较严格) export default { 2 props: { 3 // 基础类型检测 (null 意思是任何类型都可以) 4 propA: ...

2019-08-30 10:27:43

阅读数 1164

评论数 0

原创 vue路由传参方式详解(好使)

方案一: getDescribe(id) { 直接调用router.push实现携带参数的跳转this.router.push 实现携带参数的跳转 this.router.push实现携带参数的跳转this.router.push({ path: /describe/${id}, ...

2019-08-29 21:02:42

阅读数 16

评论数 0

原创 前端批量下载后台表格

$(function () { alert('开始自行js代码'); var paths = ["xmanager.rar","201908192041687.zip","201908191635835.msi&quo...

2019-08-26 20:20:46

阅读数 17

评论数 0

原创 前端批量下载表格 (已解决)

文件下载

2019-08-26 19:55:50

阅读数 27

评论数 0

翻译 vue使用post下载后台excel表格(绝对好使)

axios设置返回格式为arraybuffer 或者 blob(最佳 不会乱码) 例如:   this.$axios({     method: 'post',     header: {'Content-Type': 'applicati...

2019-08-15 13:33:27

阅读数 442

评论数 0

原创 纯前端使用vue如何导出表格

1、 安装依赖 安装依赖xlsx,file-saver npm install --save xlsx file-saver 2.在组件中引入 import FileSaver from ‘file-saver’ import XLSX from ‘xlsx’ 3.添加下载方法 #out-tabl...

2020-01-07 10:27:09

阅读数 8

评论数 0

原创 前端JS如何校验 座机号码

var reg = /^[0-9-{0,}$/

2019-12-30 16:37:52

阅读数 10

评论数 0

原创 前端使用ElementUI +Vue table表头添加tooltip悬浮提示框

<el-table empty-text=“正在加载中…” :data=“contentList” style=“width: 100%” @sort-change=“sort” class=“pro-table-item” tooltip-effect=“dark” <templ...

2019-12-30 10:23:16

阅读数 92

评论数 0

原创 js字符串中不能包含中文与英文用来校验座机号码

var reg = /1{0,}$/ 0-9- ↩︎

2019-12-27 10:43:05

阅读数 11

评论数 0

原创 前端表格无限滚动

使用 安装 npm install --save el-table-infinite-scroll 1 全局引入 import Vue from ‘vue’; import elTableInfiniteScroll from ‘el-table-infinite-scroll’; Vue.use...

2019-12-25 20:14:26

阅读数 17

评论数 0

原创 react如何使用react-router-dom路由

import React from ‘react’; // 引入hashHistory import {HashRouter, Route, Switch, hashHistory} from ‘react-router-dom’; import Home from ‘./v/home.jsx’;...

2019-12-24 17:03:17

阅读数 9

评论数 0

原创 react中如何跳转路由

通过a标签跳转 a href=’#/detail’>去detail</a 通过函数编程 import {HashRouter, Route, Switch, hashHistory} from ‘react-router-dom’; <button onClick={() =&g...

2019-12-24 17:01:11

阅读数 10

评论数 0

原创 前端如何创建 react脚手架 1分钟就能创建成功

(1)npm install -g create-react-app (2)create-react-app my-app (3)cd my-app (4)npm start

2019-12-23 10:44:21

阅读数 0

评论数 0

原创 前端页面使用表格文字超出30字后显示省略号

1.设置过滤器 filters: { ellipsis(value) { if (!value) return “”; if (value.length > 30) { return value.slice(0, 30) + “…”; } return value; } }, 2.使用过滤器...

2019-12-20 14:00:56

阅读数 5

评论数 0

原创 前端使用Element-ui表格内容过长时候,添加悬浮效果

1.el-table是有这个控制属性的::show-overflow-tooltip=“true” 2.悬浮颜色覆盖 .el-tooltip__popper{ max-width:20%; } .el-tooltip__popper,.el-tooltip__popper.is-dark { ba...

2019-12-20 13:56:18

阅读数 38

评论数 0

原创 前端生成唯一id解决SessionId不一致

在项目开发中我们常需要给某些数据定义一个唯一标识符,便于寻找,关联。 node-uuid模块很好的提供了这个功能。 https://github.com/broofa/node-uuid/ 使用起来很简单,两种: 1、uuid.v1(); -->基于时间戳生成 (time-based) 2...

2019-12-19 16:26:10

阅读数 23

评论数 0

原创 element-ui表格内容过多样式优化

el-table-column :render-header=“labelHead” :prop=“col.filedName” show-overflow-tooltip=“true” sortable :label=“col.alias” :formatter=“formatterTableC...

2019-12-19 16:18:54

阅读数 13

评论数 0

原创 前端element-ui表格滚动条样式优化

2019-12-18 10:30:49

阅读数 13

评论数 0

原创 IE浏览器如何获取本地ip地址

function GetAdapterInfo() { // var locator = new ActiveXObject(“WbemScripting.SWbemLocator”); var service = locator.ConnectServer("."); //...

2019-12-13 19:04:29

阅读数 29

评论数 0

原创 IE浏览器如何获取IP地址

<object classid="CLSID:76A64158-CB41-11D1-8B02-00600806D9B6" id="locator" style="display:none;visibility:hidden">...

2019-12-13 18:52:51

阅读数 59

评论数 0

原创 js获取ip地址

function getUserIP(onNewIP) { // onNewIp - your listener function for new IPs //compatibility for firefox and chrome var myPeerConnection = window.R...

2019-12-13 14:48:47

阅读数 8

评论数 0

原创 纯前端js获取电脑本地IP地址(必用)

注意 启动本地服务才能获取到: function getUserIP(onNewIP) { // onNewIp - your listener function for new IPs //compatibility for firefox and chrome var myPeerConne...

2019-12-13 11:56:32

阅读数 43

评论数 0

原创 Vue下载文件,如何把后端返回的文件流变为下载地址

axios({ method: ‘post’, url: ‘api/user/’, data: { firstName: ‘Fred’, lastName: ‘Flintstone’ }, responseType: ‘blob’ }).then(response => { this.dow...

2019-12-09 15:26:57

阅读数 22

评论数 0

原创 前端使用Element-ui上传文件如何添加Token

<el-upload action="test" :headers="myHeaders"></el-upload> var token = localStorage.getItem(‘token’) // 要保证取到 expor...

2019-12-09 14:08:34

阅读数 18

评论数 0

原创 前端ES5与ES6继承

es5的继承 原型链继承 function Parent(){ this.name=‘kevin’; } Parent.prototype.getName=function (){ console.log(this.name); } function Child(){} Child.prototy...

2019-12-05 14:58:54

阅读数 2

评论数 0

原创 js面向对象与继承

function Person(name,sex){ // var this=new Object();//这里注释的代码 假想 new操作时系统内部帮我们做了这些 this.name=name; this.sex=sex; //不建议方法写在构造函...

2019-12-03 20:21:09

阅读数 4

评论数 0

原创 前端表格懒加载

那如何判断滚动条滚到底部了呢? scrollHeight-scrollTop-clientHeight=0,这个时候可以就是滚动条滚到底部的时候了。 在第一次请求数据的时候,先设置一个变量来记录请求次数(其实后台也是做分页的处理) this.currentPage = 1, this=this;t...

2019-12-02 16:19:12

阅读数 5

评论数 0

原创 vue中事件修饰有哪些?

<a v-on:click.capture="dothis"></a> <!-- 提交事件不再重载页面 --> <form v-on:submit.prevent="onSubmit">提交</form&...

2019-11-26 16:12:10

阅读数 4

评论数 0

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