自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 element el-date-picker 限制范围90天,当天不可选

<template> <div class="table"> <div class="crumbs"> <el-row class="search_con&q...

2019-09-09 14:52:43

阅读数 247

评论数 3

原创 vue 项目 api 统一管理

因为项目迁移所以进行api统一管理 api 文件夹下 index.js import request from '@/lib/request.js' import product from './product.js' function ajax ...

2019-03-22 20:46:09

阅读数 757

评论数 0

原创 vue blob excel导出数据

downloadFile (res, fileName) { let data = res.data let url = window.URL.createObjectURL(new Blob([data], { type: "ap...

2020-01-09 10:56:08

阅读数 6

评论数 0

原创 el-dialog字体模糊,使用flex布局,垂直居中

/*element组件库样式修改*/ /deep/ .el-dialog { display: flex; flex-direction: column; margin:0 !important; position:absol...

2020-01-07 14:31:26

阅读数 25

评论数 0

原创 el-table 自定义表头 使用方法 :render-header

因为维护了element ui 1.3.7 版的项目,要自定义表头和提示使用:render-header 效果: 代码: <template> <div class="promptMessage"> <el-to...

2019-09-09 15:06:18

阅读数 190

评论数 0

转载 如何解决移动端遮罩层上面滑动穿透事件

不是原创,只是觉得可以解决问题 原文链接:https://www.cnblogs.com/bride/p/10114240.html 1 使用vue的阻止默认事件@touchmove.prevent 给遮罩层一个阻止默认事件 2 用一个div把你想不能让他滑动的内容包裹起来,div的样式...

2019-05-30 17:03:40

阅读数 731

评论数 0

原创 使用 element-ui 的 el-progress 写的进度条

<template> <div class="scaleProgress"> <el-progress :text-inside="true" :stroke-width="18" :...

2019-04-19 10:50:05

阅读数 6639

评论数 2

原创 v-model原理

&lt;input v-model="floorTitle"&gt; 相当于通过oninput(用户输入时触发)把表单值给到变量 &lt;input v-bind:value="floorTitle" v-on:input=&qu...

2019-03-13 16:45:24

阅读数 754

评论数 0

原创 解决此图片来自微信公众平台,未经允许不可引用

防盗链:'http://img01.store.sogou.com/net/a/04/link?appid=100520029&amp;url=' 在图片url上加反盗链 同时别忘了加 head&lt;meta name="referrer&quo...

2019-03-05 14:22:41

阅读数 2244

评论数 0

原创 vue使用wangeditor自定义表情替换QQ表情

wangEditor的使用手册https://www.kancloud.cn/wangfupeng/wangeditor3/342612 npm 安装就不说了,不指定版本就是最新的,现在是3 ps: 每个版本的使用都不太一样,我现在用的是3,这款编辑器主要是用了这个属性contentedita...

2019-03-02 16:32:27

阅读数 844

评论数 3

原创 微信qq表情输入文本 vue

效果图: 父组件 &lt;template&gt; &lt;div style="padding:20px;width:90%;"&gt; &lt;div class="textBox"&gt...

2019-02-27 21:20:24

阅读数 607

评论数 3

原创 vue 拖拽 (使用vue-slicksort)

&lt;template&gt; &lt;div class="root1"&gt; &lt;SlickList :lockToContainerEdges="true" axis="x&quo...

2019-02-23 11:52:46

阅读数 2658

评论数 3

原创 有时候扫码枪不能触发enter事件,多半和中文输入法有关

正常情况下,扫描标签条码会触发enter事件,但是中文输入的时候,捕获到的是一个shift按键事件,而代码需要enter按键才会触发查询。 解决办法:输入法改为英文输入法,或者关闭中文输入...

2019-01-23 15:45:26

阅读数 2828

评论数 0

原创 正则(慢慢会增加)

金额正则: let moneyReg = /^(([1-9]\d{0,3})|(0))(\.\d{1,2})?$/ let intReg = /^[1-9]\d*$/ let phoneReg = /^1[3-9]{1}\d{9}$/ let numberReg = /^(([1-9]\d{0...

2019-01-03 17:57:24

阅读数 60

评论数 0

原创 学习koa

npm init npm install -g cnpm --registry=https://registry.npm.taobao.org cnpm i koa koa-bodyparser koa-mysql-session koa-router koa-session-minimal ...

2018-12-28 17:44:44

阅读数 107

评论数 0

转载 vue-router如何从详情页返回列表页时返回到上次滚动位置 方法集锦

方法一: 1.在router.js里面(即路由文件中),此时模式为 history const router = new VueRouter({   mode: 'history',   routes,   scrollBehavior (to, from, savedP...

2018-12-20 19:59:36

阅读数 446

评论数 0

原创 微信公众号的Api 一些说明 关于 WeixinJSBridge API

WeixinJSBridge API 网上有很多说可以一键关注、分享给好友、分享到朋友圈之类的,这些都被禁止了,真刺激,因为在做自定义分享按钮点击分享的那种,所以使用微信js-sdk实现分享吧 当然WeixinJSBridge API还有一部分APi还是可以使用的 比如: onBr...

2018-12-20 17:15:51

阅读数 351

评论数 0

原创 vue:element-ui时间选择器限制只能点不能输入

:editable="false"

2018-12-15 01:02:07

阅读数 731

评论数 0

原创 ...和map组数据的实用方法

this.items = ret.map((v, i) =&gt; { v.name = decodeURIComponent(v.name) return { ...

2018-12-04 18:27:19

阅读数 81

评论数 0

原创 js 转树结构

function toTree(arr, menuPid, type) { let temp = [] let treeArr = arr treeArr.forEach((item) => { if (item.menuPid == menuPid)...

2018-12-04 18:22:30

阅读数 218

评论数 0

原创 关于上移下移,一行代码完成数据交换

onMoveUp (index) { if (index !== 0) { this.swapArray(this.dataList, index, index - 1) } else { this.$mes...

2018-12-04 18:19:38

阅读数 969

评论数 0

原创 JavaScriptES6之字符串String新特性

今天离职了,挺舍不得的,现在下班了,把自己写的读书笔记发一篇 1、模板字符串      模板字符串主要便于字符串拼接,可以把变量插入字符串中;      代码如下: let str1 = "hello"; let str2 = "world"; ...

2018-09-30 18:05:23

阅读数 127

评论数 0

原创 解构赋值

这两天有点事,所以没有继续写es6的东西,今天就说一下解构赋值 首先什么是解构赋值?个人理解就是从数组和对象中提取值,对变量进行赋值。 举个例子:这样就很快的完成a,b值的交换,如果等号两边模式相同,左边变量就会被赋予相应值。 为了验证一下: 既然是从数组和对象中取值,那么我们先说一下 ...

2018-09-13 18:21:16

阅读数 538

评论数 0

原创 vue-router中的钩子函数

全局路由钩子函数 每次路由跳转,都会执行beforeEach和afterEach,一般写在main.js可以做权限控制 例如: router.beforeEach((to, from, next) =&gt; { if (to.matched.length === 0) { ...

2018-09-12 16:51:20

阅读数 990

评论数 0

原创 vue-devtools的安装与使用

git clone https://github.com/vuejs/vue-devtools npm install npm run build 更改vue-devtools\shells\chrome下的manifest.json persistent": true 浏览器...

2018-09-07 18:33:12

阅读数 87

评论数 0

转载 浏览器缓存机制

       之前也有碰到面的基本都是计算机网络,直接凉凉(因为基本都忘了,面的时候已经说了不会,还在问,当时已经很想怼他了),后面要说的都是官话,前端工程师也许对各种具有炫酷效果的页面的实现技巧、赏心悦目的 UI 框架更感兴趣,但因此常常忽视了 HTTP协议这部分基础内容。实际上,如果想要在专业...

2018-09-07 17:06:23

阅读数 265

评论数 0

原创 如何快速让浏览器兼容ES6特性

今天上午有点时间,所以在更新一篇文章 大家都知道目前es6不是所有浏览器都支持的,所以要通过转码器先进行转码然后再编译代码。所以大家在看我博客的时候可以先安装了babel转码器 如果你还没安装 babel 可以使用 npm 来安装: npm install -g babel 现在一般都不...

2018-09-06 10:20:22

阅读数 1385

评论数 0

原创 说一说es6中的const

之前讲了一下let,声明一个变量,只在块级作用域有作用。现在来说一下ES6新增的另一个关键字const const是声明常量的,常量的值是不可改变的。 使用的时候有以下特点: 不可修改 只在块级作用域起作用 不存在变量提升 不可重复声明变量 声明后必须赋值 上边声明的常量都是一些基础...

2018-09-06 09:48:22

阅读数 92

评论数 0

原创 使用js判断数据类型

出去溜达的时候,也会有人问如何判断js数据类型,我当时回答是使用 typeof  判断各种数据类型,有两种写法:typeof   xxx   ,typeof(xxx) console.log(typeof 1 , typeof null, typeof {}, typeof [], typeo...

2018-09-04 18:17:50

阅读数 56

评论数 0

原创 es6新增的let

最近出去观望一下,发现很多人喜欢问es6,所以我决定定期写一写关于se6都有哪些好玩的东西,今天先说一下烂大街的let 个人感觉之所有有let还是因为var有几点不足之处: 首先是作用域的问题,其次是变量提升 var arr = [ ]; for(var i=0; i&lt;...

2018-09-04 16:54:58

阅读数 63

评论数 0

原创 wangEditor一个纯js,css的富文本编辑器

代码: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&am...

2018-08-28 10:12:18

阅读数 306

评论数 0

原创 解决VUE中document.documentElement.scrollTop为0

Vue中document.documentElement.scrollTop的值总为零的解决办法 最近在做vue的时候监听页面滚动发现document.documentElement.scrollTop一直为0 只需要做一个兼容就好了: let top = document.documen...

2018-08-27 09:35:27

阅读数 5274

评论数 0

原创 解决vue-cli项目无法用本机IP访问的问题

在我们的config目录下有一个index.js, 找到dev对象的host属性  将host重新定义为:0.0.0.0即可, 然后重启服务,这样localhost、127.0.0.1、本地IP均能正常访问。

2018-08-22 11:58:21

阅读数 736

评论数 0

转载 富文本编辑器(UEditor)的使用

富文本编辑器(UEditor)         在平时开发Java Web项目的时候,往往会使用第三方插件来帮助我们更快的实现功能。 此文来自: 马开东云搜索 转载请注明出处 网址: http://makaidong.com 此文原标题: javaweb 集成UEditor 来源网址: h...

2018-08-16 11:10:03

阅读数 500

评论数 0

原创 rem.js

(function () { let rootEl = document.documentElement let getSize = function () { let clientWidth = rootEl.getBoundingClientRect().width ...

2018-08-14 15:09:30

阅读数 91

评论数 0

原创 百分比瀑布流自适应

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &...

2018-08-10 10:01:25

阅读数 161

评论数 0

原创 省市区三级联动jq

html: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;省市区三级联动&lt;/title&gt; &lt;/head&...

2018-08-07 11:37:15

阅读数 542

评论数 1

转载 网页代码seo优化

1.&lt;title&gt;标题:只强调重点即可,尽量把重要的关键词放在前面,关键词不要重复出现,每个页面的&lt;title&gt;标题不要设置相同的内容。 2.&lt;meta keywords&gt;标签:关键词,列举出几个页面的重要关键字...

2018-08-06 09:40:09

阅读数 924

评论数 0

原创 配置gulp 压缩HTML、css、js、图片

1、安装gulp  npm install -g gulp 2、创建一个项目文件夹, 当前项目文件夹下输入命令npm init ,配置package.json文件, 这一部分看情况自己决定是否填, 不想填也可以, 直接按回车  3、本地安装npm install gulp --save-dev...

2018-08-03 16:55:25

阅读数 280

评论数 0

原创 使用three.js写全景图,使用sprite类canvas,结合射线,点击跳转指定全景图

话不多说上代码: 1、html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>T...

2018-07-26 10:07:27

阅读数 1355

评论数 0

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