- 博客(24)
- 收藏
- 关注
RSS订阅
原创 Sass在vue项目中的使用
首先安装sass依赖包:npm install sass-loader --save-devnpm install node-sass --save-dev然后在build文件夹下的webpack.base.conf.js的rules里面添加配置 { test: /\.scss$/, loader: ['style','css','sass']...
2019-04-25 11:17:53
126
原创 mockjs在Vue中的使用
mockjs可以方便前端模拟后端的数据 ,提高开发效率一、安装npm install mockjs --save-devnpm install axios --save二、新建目录在src下新建mock文件夹建立mock.js文件三、src/mock/mock.js 相关数据模拟import Mock from 'mockjs' //引入mockjsimport {...
2019-04-17 15:25:30
398
原创 如何在微信小程序中使用iview weapp
1.首先去github上下载，下载地址：https://github.com/TalkingData/iview-weapp2.下载并将其解压之后讲dist文件夹拷贝到项目中3.需要添加什么组件，只需要在对应的json文件中进行配置即可，如下：{ "component":true, "usingComponents": { "i-notice-bar":"../.....
2019-01-25 17:03:09
3848
原创 微信小程序iPhone X底部适配问题
首先在app.js里配置一个全局变量globalData:{ isIphonex:false}然后在onShow里面，根据微信小程序API：wx.getSystemInfo获取用户手机型号let _self = this;wx.getSystemInfo({ success: res =>{ let modelmes = res.m...
2018-11-28 21:38:35
6335
3
原创 Canvas绘制正多边形及五角星
一般常用的绘图技术有三种：Svg,Canvas和WebGL在正式使用Canvas绘制多边形及五角星之前，请允许我向大家简单的介绍下Canvas绘图之路径的基本语法结构ctx.beginPath() -------- 开始一条新路径ctx.closePath() -------- 闭合当前路径ctx.lineWidth = 1 ------ 描边宽度ctx.fillStyle =...
2018-10-19 17:53:54
776
原创 使用node.js的eggjs实现图形验证码功能
1.首先安装npm install --save svg-captcha2. 在app/controller下面新建util.js'use strict';const svgCaptcha = require('svg-captcha');const Controller = require('egg').Controller;class UtilController extends Controller { async captcha() { const captcha
2020-05-28 22:34:30
1170
原创 ’javac’不是内部或外部命令，也不是可运行的程序或批处理文件的错误提示
在安装完JDK之后需要配置环境变量1.用户变量：新建用户变量JAVA_HOME，变量值为安装后的jdk的绝对路径:如：C:\Program Files\Java\jdk1.8.0_2412.系统变量：在 系统变量的path变量里添加如下路径：C:\Program Files\Java\jdk1.8.0_241\bin...
2020-02-26 17:58:36
209
原创 vue 实现element-UI中el-table数据导出excel
1.安装相关依赖npm install --save xlsx file-saver2.在需要导出excel的组件里面引入import FileSaver from 'file-saver';import XLSX from 'xlsx';3.在methods中写入如下方法exportExcel() { var xlsxParam = { ra...
2019-06-14 10:33:18
1824
1
原创 webpack打包报错：clean-webpack-plugin only accepts an options object
clean-webpack-plugin插件用来清除残留打包文件，特别是文件末尾添加了hash之后，会导致改变文件内容后重新打包时，文件名不同而内容越来越多。显然是因为版本升级导致的传参不一致，最新版本的参数仅一个对象作者的版本 ："clean-webpack-plugin": "^2.0.2",使用插件的 方式：const CleanWebpackPlugin = req...
2019-05-09 11:01:38
526
原创 webpack中版本兼容性问题错误总结
1.安装webpack-dev-server报错，说需要webpack-cli原因，这两个之中某一个版本太高，重新安装低版本2.安装webpack-cli之后仍然不能使用3. npm WARN webpack-cli@3.0.8 requires a peer of webpack@^4.x.x but none is installed. You must install peer de...
2019-05-07 17:48:20
2897
原创 Vue ElementUI select多选互斥
<el-form-item label="运营商"> <el-select v-model="values" multiple placeholder="请选择" @change="selectedChange"> <el-option v-for="item in selects" :key="item.value" :label="item.la...
2019-04-24 16:07:08
3467
原创 Vue ElementUI 级联选择器支持多选
由于我们部门并没有产品经理，在做一个后台管理系统的过程中遇见了一个比较奇葩的需求，当时觉得如果采用ElemenyUI 的级联选择器岂不是很简单的吗？只是ElementUI的级联选择器并不支持多选，就此作罢。项目上线之后闲来无事，就心血来潮，各种百度之后终于算是写好了一个案列安装：推荐使用npm安装npm install ele-multi-cascadernpm install ele...
2019-04-24 15:23:45
7523
原创 微信小程序使用swiper实现层叠轮播图
刚开始并没有接触到层叠轮播图，拿到这个案列的时候特意查阅了一下资料，发现previousmargin和nextmargin可以试下层叠效果，就尝试着用了一下。微信小程序XX.wxml下<view class="banner-swiper"> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autopl...
2019-04-22 14:24:17
4099
翻译 Vue路由动态传参的三种方式
现有如下场景：点击列表中的某一个单元格跳转到对应列表的详情页，并携带参数，便于详情页获取数据<el-table-column label="操作"> <template slot-scope="scope"> <el-button size="mini" type="primary" @click="goList...
2019-04-19 11:52:18
9249
1
原创 vue ElementUI upload上传文件时对文件格式、大小和宽高的限制
beforeAvatarUpload(file) { const isJPG = file.type === 'image/jpg'; const isPNG = file.type === 'image/png'; const isLt20M = file.size / 10...
2019-04-18 14:00:45
13842
10
原创 CSS3实现正六边形图片
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .hexagon02, .hexagon02 .hexagon-inter, .hexagon02...
2019-04-11 15:00:45
1241
原创 Vue elementUI Upload只支持上传音频格式的文件
<el-upload ref="replaceUploader" :file-list="replaceList" v-model="newChapter.title" class="avatar-uploader" action="/file/upload" :limit="1" :show-file-list="tr...
2019-04-09 11:33:23
11416
原创 Vue取消eslint语法限制
有一次在运行项目的时候报了一堆的警告诸如：You may use special comments to disable some warnings.Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all warnings in a file. ...
2019-03-27 16:06:17
625
原创 echarts绘制中国地图 tooltip悬浮显示多数据且自动播放
echarts---中国地图html文件<div id="chinaMap">引入echarts-map-china.js和echarts-auto-toopltip.js文件(function(){ chinaMapAnalysis();})();var timers = setInterval("chinaMapAnalysis()",2000*34); ...
2019-02-25 10:54:38
4740
3
原创 echarts绘制折线图
前段时间接到一个任务，做大数据的大屏展示，又把放了很久的echarts给捞了出来，数据展示中用到了折线图，饼图，环形图，柱状图以及中国地图等，会在下面的几篇文章为大家一一介绍。折线图---html<div id="confidence"></div>折线图JS文件---当然还需要你引入echart的js文件var confidence = echarts...
2019-02-25 09:58:12
314
原创 使用路由做tab页，在某个tab页进行相应操作，且切换时仍保存操作内容
在做后台管理系统的时候发现在切换tab操作时，切换回来操作内容没有被保存，体验相当的不好<keep-alive>是Vue的内置组件，能在组件切换过程中将状态保留在内存中，防止重复渲染DOM。只需要在页面渲染的地方把<router-view></router-view>改成<keep-alive> <router-view v...
2019-02-13 14:42:35
2595
原创 如何针对用户从电脑手机和微信内置浏览器打开网页做不同操作
<script> window.onload=function(){ isPc(); } /** * 判断用户是手机还是电脑打开网页 */ function isPc(){ if((navigator.userAgent...
2019-02-12 17:05:12
829
原创 MUI遮罩层当点击关闭按钮时才关闭遮罩层
如图所示因为此遮罩顶部有三角形，故需要关闭三角形：/** * 移除顶部三角形 */ .mui-popover .mui-popover-arrow:after{ height: 0; }因为遮罩层级较高，导致点击同意时不会关闭遮罩，需设置/**关闭弹出层**/ .mui-backdrop { ... ...
2019-01-26 17:37:36
1925
原创 CSS3新特性之倒影
x在Web的制作过程中，有时候需要实现一些倒影效果，此时就需要使用box-reflect属性了需要注意的是该属性目前仅在Chrome,Safari和Opera浏览器下支持，Firefox需要做特殊处理 box-reflect语法 -webkit-box-reflect:direction offset mask-box-image 取值：direction 表示生成倒...
2018-07-21 15:00:41
1825
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人