- 博客(18)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 Echarts折线图属性设置大全
Echarts折线图属性设置大全 var option = { backgroundColor: '#FFF0F5', title: { text: '折线图', subtext: '模拟数据', x: 'center' }, legend: { ...
2018-09-14 23:05:36
125997
20
原创 Echarts饼状图属性设置大全
1、标题设置 title: { text: '学生生源地来源分布图', subtext: '模拟数据', // x 设置水平安放位置，默认左对齐，可选值：'center' ¦ 'left' ¦ 'right' ¦ {number}（x坐标，单位px） x: 'center', ...
2018-09-09 19:24:56
138836
29
原创 v-on事件修饰符及按键修饰符
v-on 事件修饰符常用的事件修饰符有：.stop 阻止事件冒泡.self 当事件在该元素本身触发时才触发事件.capture 添加事件侦听器是，使用事件捕获模式.prevent 阻止默认事件.once 事件只触发一次什么是事件冒泡<!DOCTYPE html><html lang="en"><head> <...
2018-09-29 22:12:45
4661
原创 JavaScript求一维数组的第三大值
求一个足够长的一维数组中第三大值，数组中元素全是number类型的1、使用排序的方法可以降序或升序排序，这种方法可以求得任意第几大或第几小的值 // 排序的方法有很多，以冒泡排序 降序为例： var arr = [6, 10, 9, 3, 8, 15, 11, 16, 14, 19, 1, 7, 2, 18, 17]; for (var i = 0; i <...
2018-09-28 14:14:07
592
原创 Vue项目中实现父子组件之间传值
1、路由配置：使用children属性实现路由嵌套，嵌套的组件关系就是父子组件关系 { path: '/father', name: 'father', component: father, children: [ { path: 'son', name: 'son', ...
2018-09-25 21:45:40
1904
原创 HTML5 Web 存储（localStorage和sessionStorage）
HTML5 Web 存储是本地存储，存储在客户端，包括localStorage和sessionStorage。HTML5 Web 存储是以键/值对的形式存储的，通常以字符串存储。localStoragelocalStorage生命周期是永久，除非主动清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通...
2018-09-24 21:25:38
19284
2
原创 vue项目中axios的用法
1、安装npm install axios vue-axios --save-dev2、在main.js中引入import axios from 'axios';import VueAxios from 'vue-axios';Vue.use(VueAxios, axios);3、用法（1）post请求 // post请求调接口 this.a...
2018-09-24 18:14:46
2563
原创 Vue项目中使用element-ui，并引入第三方图标库iconfont
element-ui官网1、安装npm install element-ui --save-dev2、在main.js文件中引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);3、上面两步完成后，就可以在项目任意的组件中...
2018-09-23 13:06:59
27053
6
原创 vue-cli 3.x/2.x 搭建的项目中ESlint 语法检测配置说明
vue-cli 3.x 搭建的项目中ESlint 语法检测配置说明vue-cli 3.x搭建的项目中在package.json文件中配置ESlint 语法检测，可以在vue.config.js文件中关闭Eslint 语法检测。vue-cli 2.x 搭建的项目中ESlint 语法检测配置说明vue-cli 2.x搭建的项目中默认的eslint规则，例如：代码末尾不能加分号 ；...
2018-09-22 23:21:55
3276
原创 css布局中间固定两边自适应
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2018-09-22 16:25:18
523
原创 JavaScript交换两个变量的值
<script> console.log("======第一种======"); // 1、借助第三方变量 { let a = 'Hello'; let b = 'Hi'; let temp; temp = a; a = b; b = temp; console.log(...
2018-09-22 16:23:09
426
1
原创 css布局两边固定中间自适应的五种方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &
2018-09-21 15:37:23
5707
原创 Vue项目中使用Echarts
前端数据可视化工具：ECharts1、安装npm install echarts --save-dev2、在项目的main.js中引入import echarts from 'echarts'Vue.prototype.$echarts = echarts;3、在Vue组件中使用用法一：<template> <div ref="lineI...
2018-09-13 21:56:25
741
原创 Vue-SimpleMDE的使用
1、安装npm install vue-simplemde --save-dev2、在项目的main.js中引入import VueSimplemde from 'vue-simplemde'import 'simplemde/dist/simplemde.min.css'Vue.use(VueSimplemde)3、在Vue组建中使用<template>...
2018-09-09 16:26:54
2793
原创 vue-quill-editor富文本编辑器的使用
1、安装npm install vue-quill-editor --save-dev2、在项目的main.js中引入import VueQuillEditor from 'vue-quill-editor'// require styles 引入样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow...
2018-09-06 23:28:57
1328
原创 vue-cli 2.x搭建的项目中使用vue-echarts-v3
前端数据可视化工具：EChartsvue-echarts-v3一、安装cnpminstallecharts --save-devcnpminstallvue-echarts-v3 --save-dev二、用法1、用 vue-cli 2.x搭建的项目，打开 build 文件夹中的 webpack.base.conf.js 文件，进行配置：webpack 1.x配置...
2018-09-02 22:20:07
1707
转载 devDependencies和dependencies的区别
我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：--save-dev--save首先需要说明的是Dependencies一词的中文是依赖和附属的意思，而dev则是develop（开发）的简写。在 package.json 文件里面的区别是：使用 --save-dev 安装的 插件，被写入到 devDep...
2018-09-02 19:07:12
1386
原创 使用vue-cli 2.x+webpack构建Vue项目
使用vue-cli 2.x+webpack构建Vue项目，需要全局安装:node.jswindows下，直接在官网下载安装包，运行安装就可以了。NPM是随同NodeJS一起安装的包管理工具。webpacknpm i webpack webpack-cli -gvue-cli2.xnpminstall-gvue-cli另外，可以全局安装一下eslint、cn...
2018-09-02 12:59:02
1108
jQuery——浏览器窗口两侧跟随的广告案例
2018-05-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人