- 博客(243)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 Element-UI二次封装实现TreeSelect 树形下拉选择组件
========================== 第二次优化 =======================3、优化组件（实现点击select输入框中的×删除勾选）<!-- /** * 树形下拉选择组件，下拉框展示树形结构，提供选择某节点功能，方便其他模块调用 * @author ljn * @date 2019-04-02 * ...
2019-02-23 17:29:06
52919
48
原创 Echarts折线图属性设置大全
Echarts折线图属性设置大全 var option = { backgroundColor: '#FFF0F5', title: { text: '折线图', subtext: '模拟数据', x: 'center' }, legend: { ...
2018-09-14 23:05:36
124943
20
原创 Echarts饼状图属性设置大全
1、标题设置 title: { text: '学生生源地来源分布图', subtext: '模拟数据', // x 设置水平安放位置，默认左对齐，可选值：'center' ¦ 'left' ¦ 'right' ¦ {number}（x坐标，单位px） x: 'center', ...
2018-09-09 19:24:56
136715
29
原创 小div在大div中水平垂直居中（两个div都固定宽高）
方法一：儿子绝对定位或相对定位，这样儿子脱离标准流，父亲有固定宽高，用儿子的margin去挤父亲<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ...
2018-06-11 20:13:06
11712
原创 JS常用的循环遍历数组的方法及跳出数组循环的方式
for循环、ForEach、map、filter、every、some，reduce，reduceRight
2024-01-19 16:24:17
1376
原创 Element-UI的DateTimePicker禁用日期时间选择(type=datetime)
Element-UI的DateTimePicker禁用日期时间选择: type="datetime" 禁用当前时刻之前的日期时间选择、禁用当前时刻之后的日期时间选择
2023-03-25 23:30:00
2764
2
原创 Element-UI的DatePicker禁用日期选择（type=date/daterange）
Element-UI的el-date-picker禁用日期选择：禁用今天之前的日期选择、禁用今天之后的日期选择、限制选择日期范围
2023-03-25 22:00:00
4308
2
原创 Element-UI的el-date-picker控制台报错处理办法
Element-UI的el-date-picker控制台报错：vue.runtime.esm.js?c320:574 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. Prop bei
2023-03-20 18:40:49
401
原创 Echarts图表大小自适应浏览器窗口大小
当调整浏览器窗口大小时，发生 resize 事件；监听resize，实现Echarts图表大小自适应浏览器窗口大小
2022-09-13 19:45:00
1090
3
原创 npm install 报错 “npm ERR gyp ERR”（node、node-sass、sass-loader三者版本对应关系）
安装node-sass需要与node、sass-loader三者版本匹配
2022-04-24 16:49:58
2647
原创 我的计算器
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>我的计算器</title> <link rel="stylesheet" href="css/index.css"> <script src="js/index.js"></script></hea
2021-12-23 21:57:23
394
原创 VUE中使用EventSource接收服务器推送事件
// Vue项目中，EventSource触发的事件中this指向变了// 使用const that = this，然后在EventSource触发的事件中使用thatif (typeof (EventSource) !== 'undefined') { const evtSource = new EventSource('/log/print', { withCredentials: true }) // 后端接口，要配置允许跨域属性 // 与事件源的连接刚打开时触发 ev.
2021-06-25 15:46:15
4659
3
原创 Vue项目中svg的使用
1、安装依赖npm install svg-sprite-loader --save-dev2、所有svg图标放到src/assets/icons/svg文件夹下，并在src/assets/icons下创建文件index.jsconst req = require.context('./svg', false, /\.svg$/)const requireAll = requireContext => requireContext.keys().map(requireConte
2021-06-21 18:46:45
1863
原创 vue-cli 3.x 搭建的项目中ESlint 语法检测配置说明
vue-cli 3.x 搭建的项目中ESlint 语法检测配置说明vue-cli 3.x搭建的项目中ESlint 语法检测配置，在package.json文件中，但可以在vue.config.js文件中关闭Eslint 语法检测。一、不使用Eslint 语法检测规则关闭Eslint 语法检测，可以在vue.config.js文件中设置lintOnSave或devServer.ov...
2020-02-06 18:57:39
1161
原创 vue-cli 3.x 配置多页面应用程序（配置文件vue.config.js ）
vue.config.jsconst path = require('path');module.exports = { // 环境配置 devServer: { host: '0.0.0.0', port: '8090', https: false, open: true }, // 设置路...
2020-02-06 14:28:21
1473
2
原创 JavaScript实现图片文件转base64
图片文件转base64，利用canvas// 图片文件转base64，利用canvasfunction getBase64Image(img) { var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; ...
2020-02-05 22:29:44
687
原创 vue-cli 3.x搭建的项目中vue-router的使用
vue-cli 3.x 文档：https://cli.vuejs.org/zh/Vue RouterVue Router基本用法vue-router实现Vue组件之间传参一、选择默认的包含基本的 Babel + ESLint 设置的 preset，创建一个默认的vue项目，项目目录结构如下：二、安装vue-router，并在项目中使用1、安装 np...
2020-02-05 16:03:46
2288
原创 js-cookie
1、安装npm install js-cookie2、应用<template> <div> <button @click="setCookie">创建cookie</button> <button @click="getCookie">读取cookie</button> <but...
2019-05-21 20:12:05
459
1
原创 Element-UI实现Tree 树形控件节点添加图标
Element-UI实现Tree 树形控件节点添加图标：属于自定义节点内容，可以通过两种方法进行树节点内容的自定义：render-content 和 scoped slot。1、scoped slot实现在节点区添加图标传入两个参数 node 和 data ， 分别表示当前节点的 Node 对象和当前节点的数据<template><div> &l...
2019-03-28 19:54:16
16002
6
原创 Element-UI的Select组件实现全选
选中状态变化的时候，分五种情况1、点击全选，选中全部2、全选状态下，再次点击全选，取消全部选中3、全选状态下，取消了某个选中，就需要取消 全选 和 当前这个数据 的选中4、没有全选，但是勾选了除全选外的所有数据，就是全选了，就选中所有5、没有全选，但也没有勾选除全选外的所有数据，不做处理<template> <div> <el-sel...
2019-03-28 19:29:52
8069
jQuery——浏览器窗口两侧跟随的广告案例
2018-05-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人