自定义博客皮肤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-UI二次封装实现TreeSelect 树形下拉选择组件

========================== 第二次优化 ======================= 3、优化组件(实现点击select输入框中的×删除勾选) <!-- /** * 树形下拉选择组件,下拉框展示树形结构,提供选择某节点功能,方便其他模块调用...

2019-02-23 17:29:06 10693 27

原创 Echarts提示框(tooltip)位置设置

Echarts提示框(tooltip)浮层位置,不设置时,默认位置会跟随鼠标的位置。 但是,当提示框位置超出图表所在区域时,就可能出现提示框显示不全的问题,如下所示:           这就需要我们去设置提示框位置 1、设置提示框位置的方法 方法一:通过数组设置提示框位置 数组第一个...

2018-10-12 14:54:57 32614 6

原创 Echarts折线图属性设置大全

Echarts折线图属性设置大全 var option = { backgroundColor: '#FFF0F5', title: { text: '折线图', s...

2018-09-14 23:05:36 45885 12

原创 Echarts饼状图属性设置大全

1、标题设置 title: { text: '学生生源地来源分布图', subtext: '模拟数据', // x 设置水平安放位置,默认左对齐,可选值:...

2018-09-09 19:24:56 82918 15

原创 小div在大div中水平垂直居中(两个div都固定宽高)

方法一:儿子绝对定位或相对定位,这样儿子脱离标准流,父亲有固定宽高,用儿子的margin去挤父亲 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF...

2018-06-11 20:13:06 9884 0

原创 vue-cli搭建的项目中使用mockjs

1、安装mockjs和axios 2、在vue-cli搭建的项目根目录下新建一个js文件:mocks/index.js // 引入mockjs import Mock from 'mockjs'; // 假数据 var menus = [ { &...

2020-03-24 17:03:21 136 1

原创 vue-cli 3.x 搭建的项目中ESlint 语法检测配置说明

vue-cli 3.x 搭建的项目中ESlint 语法检测配置说明 vue-cli 3.x搭建的项目中ESlint 语法检测配置,在package.json文件中,但可以在vue.config.js文件中关闭Eslint 语法检测。 一、不使用Eslint 语法检测规则 关闭Eslint 语...

2020-02-06 18:57:39 197 0

原创 vue-cli 3.x 配置多页面应用程序(配置文件vue.config.js )

vue.config.js const path = require('path'); module.exports = { // 环境配置 devServer: { host: '0.0.0.0', p...

2020-02-06 14:28:21 201 0

原创 JavaScript实现图片文件转base64

图片文件转base64,利用canvas // 图片文件转base64,利用canvas function getBase64Image(img) { var canvas = document.createElement("canvas"); ...

2020-02-05 22:29:44 106 0

原创 vue-cli 3.x搭建的项目中vue-router的使用

vue-cli 3.x 文档:https://cli.vuejs.org/zh/ Vue Router Vue Router基本用法 vue-router实现Vue组件之间传参 一、选择默认的包含基本的 Babel + ESLint 设置的 preset,创建一个默认的vue项目,项目...

2020-02-05 16:03:46 517 0

原创 js-cookie

1、安装 npm install js-cookie 2、应用 <template> <div> <button @click="setCookie">创建cookie</button> <but...

2019-05-21 20:12:05 291 1

原创 Element-UI实现Tree 树形控件节点添加图标

Element-UI实现Tree 树形控件节点添加图标: 属于自定义节点内容,可以通过两种方法进行树节点内容的自定义:render-content 和 scoped slot。 1、scoped slot实现在节点区添加图标 传入两个参数 node 和 data , 分别表示当前节点的 No...

2019-03-28 19:54:16 7597 3

原创 Element-UI的Select组件实现全选

选中状态变化的时候,分五种情况 1、点击全选,选中全部 2、全选状态下,再次点击全选,取消全部选中 3、全选状态下,取消了某个选中,就需要取消 全选 和 当前这个数据 的选中 4、没有全选,但是勾选了除全选外的所有数据,就是全选了,就选中所有 5、没有全选,但也没有勾选除全选外的所有数据...

2019-03-28 19:29:52 3162 0

原创 JavaScript Cookie

一、Cookie的使用 JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie。 1、创建cookie // 创建cookie document.cookie="username=sleepwalk...

2019-01-08 21:42:56 413 0

原创 Element-UI实现椭圆搜索框

1、Element-UI复合型输入框实现的搜索框 &lt;div&gt; &lt;el-input placeholder="请输入内容" v-model="input" class="input-with-sele...

2019-01-08 21:38:20 5597 0

原创 Element-UI的Switch 开关修改为字在按钮上

1、Element-UI的Switch 开关用法 http://element-cn.eleme.io/#/zh-CN/component/switch 2、修改后的示意图 3、样式修改 &lt;template&gt; &lt;div&gt; ...

2019-01-08 21:28:04 7026 4

原创 pycharm 安装激活破解方法

1、pycharm下载安装 https://www.jetbrains.com/pycharm/ 2、打开http://idea.lanyus.com/下载破解补丁 3、将补丁复制到pycharm安装目录的bin目录下 D:/Program Files/JetBrains/PyCha...

2018-11-25 16:20:39 3138 0

原创 intellij idea 安装激活破解方法

1、intellij idea下载安装 https://www.jetbrains.com/idea/ 2、打开http://idea.lanyus.com/下载破解补丁 3、将补丁复制到intellij idea安装目录的bin目录下 D:/Program Files/JetBra...

2018-11-25 15:37:55 955 0

原创 webstorm 安装激活破解方法

1、webstorm下载安装 http://www.jetbrains.com/webstorm/ 2、打开http://idea.lanyus.com/下载破解补丁 3、将补丁复制到webstorm安装目录的bin目录下 D:/Program Files/JetBrains/Web...

2018-11-25 14:52:44 700 0

原创 node实现自启动浏览器打开某网址

方法一、利用child_process.exec() child_process是node.js的内置模块 var c = require('child_process'); // 使用默认浏览器打开 c.exec('start http://www.baidu...

2018-11-06 11:25:31 2655 0

原创 Express生成器

1、全局安装express-generator express-generator:Express 应用程序生成器工具,包含了express命令行工具。 npm install express-generator -g 2、express命令行参数 3、创建一个名为express-ne...

2018-11-05 15:42:01 354 0

原创 Vue项目中使用Sass变量自定义ag-grid表格主题样式

1、在Vue项目中新建一个样式文件  src/assets/styles/table.scss ,引入ag-grid默认的样式文件 table.scss $ag-icons-path: "../../../node_modules/ag-grid-community/src/s...

2018-11-02 11:33:39 932 0

原创 利用cellRendererFramework将Vue组件渲染为ag-grid表格单元的内容

1、Vue组件内定义私有组件,用cellRendererFramework来渲染ag-grid表格单元的内容 &lt;template&gt; &lt;div&gt; &lt;!-- gridReady 绑定一个事件,在表格创建完成后执行 -...

2018-11-02 09:27:14 2487 2

原创 ag-grid在Vue项目中的基本使用

ag-grid官网 1、安装 npm install ag-grid-community ag-grid-vue --save-dev 2、在main.js中引入ag-grid的样式文件 // 引入ag-grid的样式文件 import '../node_modules/ag-...

2018-11-01 11:41:38 8991 5

原创 移动APP开发框架总结

一、移动APP开发框架 1、vux VUX- Vue 移动端 UI 组件库 2、Mint UI Mint UI - 基于 Vue.js 的移动端组件库 3、vant Vant- 轻量、可靠的移动端 Vue 组件库 4、weex Weex 是一个使用 Web 开发体验来开发高性能原生...

2018-10-30 10:57:00 4203 0

原创 Express+EJS实现一个新闻列表页面的新增和查看

1、模块化思路 服务模块:负责启动服务 路由模块:负责路由判断 业务模块:负责处理具体路由的业务代码 数据操作模块:负责进行数据库操作 配置模块:负责各个模块中用到的配置信息 2、项目目录 新建项目文件夹,安装express和EJS 3、配置模块 config.js //...

2018-10-30 09:32:45 743 0

原创 EJS的简单使用

EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面。 1、安装 npm install ejs 2、标签含义 简洁的模板标签:&lt;% %&gt; &lt;% '脚本' 标签,用于流程控制,无输出。 ...

2018-10-25 16:10:10 1584 0

原创 Express基础

1、Express框架基本介绍 Express 是基于node.js平台开发的 Web开发框架,同时也是node.js的一个模块。 Express官网     Express中文网    Express的npm搜索 Express特点: (1)实现路由功能 (2)中间件功能 (3)对r...

2018-10-24 10:47:08 165 0

原创 node.js实现一个新闻列表页面的新增和查看(模块化)

1、模块化思路 模块一(服务模块):负责启动服务 模块二(扩展模块):负责扩展 req 和 res 对象,封装一些好用的API 模块三(路由模块):负责路由判断 模块四(业务模块):负责处理具体路由的业务代码 模块五(数据操作模块):负责进行数据库操作 模块六(配置模块):负责各个模块...

2018-10-23 11:25:03 733 0

原创 node.js实现一个新闻列表页面的新增和查看

1、设计路由 当用户请求 / 或 /index 时,显示新闻列表 - get请求 当用户请求 /detail 时,显示新闻详情 - get请求 当用户请求 /submit 时,显示添加新闻页面 - get请求 当用户请求 /add 时,将用户提交的新闻保存到 data.json 文件中 -...

2018-10-22 23:35:33 1337 2

原创 node.js 模块及模块加载

node.js 模块 在node.js开发中,一个文件就可以认为是一个独立的模块 一、node.js模块分类 1、核心模块,也叫内置模块、原生模块 例如:fs,http,path,url 所有内置模块,在安装node.js的时候,就已经编译成 二进制文件,可以直接加载运行(速度较快) ...

2018-10-17 21:52:36 218 0

原创 underscore.js

underscore.js  是一个工具函数库,可以用在浏览器端,也可以用在node.js中。 官方文档   中文文档  在npm中搜索underscore underscore是一个JavaScript实用库,提供了一整套函数式编程的实用功能,但是没有扩展任何JavaScript内置对象,而...

2018-10-17 14:52:04 394 0

原创 request和 response对象介绍

http模块中request(http.IncomingMessage 类) 和 response(http.ServerResponse 类) 对象介绍 request:服务器解析用户提交的 http 请求报文, 将结果解析到 request对象中,凡是要获取和用户请求相关的数据,都可以通过r...

2018-10-16 22:10:55 850 0

原创 利用node.js模拟Apache服务器请求静态资源

利用node.js模拟Apache服务器请求静态资源,思路: 1、获取到用户向服务器请求的资源的完整路径 2、根据文件的完整路径去读取该文件,如果读取到了,就把文件中数据返回给用户,如果读取不到则返回404 在这个过程中涉及到一个问题:用户向服务器请求不同的资源,服务器需要判断请求的资源类型...

2018-10-16 17:16:48 240 0

原创 linux .gz文件 压缩与解压缩命令

1. 压缩文件 gzip 源文件 如压缩 b.txt 使用命令 gzip b.txt  注意 压缩为 .gz 文件 源文件会消失 如果想保留源文件 使用命令  gzip -c 源文件 &gt; 压缩文件 2. 压缩目录 gzip -r 目录 注意 gzip 压缩目录 只会压缩目...

2018-10-16 16:41:20 21812 0

原创 vuex详解

一、vuex的基本使用 1、安装 npm install vuex --save-dev 2、在Vue项目的src文件夹下建一个名为store的文件夹,该文件夹下建一个index.js文件 src/store/index.js import Vue from 'vue...

2018-10-15 23:08:16 167 0

原创 node.js实现文件的读写操作

在node.js中,有的模块使用时,无需通过require()函数来加载该模块,可以直接使用,例如:process 模块 有的模块使用时,必须经过require()函数来加载该模块,才能使用,例如,fs模块:var fs = require('fs'); 原因:proces...

2018-10-15 22:48:17 817 0

原创 利用node.js搭建简易的http服务程序

1、通过http模块构建一个简单的http服务程序 // 创建一个简单的http服务器程序 // 1、加载http模块 var http = require('http'); // 2、创建一个http服务对象 var server = http.createServe...

2018-10-15 22:20:35 1706 0

原创 vue-cli搭建的项目中使用vuex实现状态管理

vuex详解 1、安装 使用vue-cli搭建好项目以后,安装vuex npm install vuex --save-dev 2、创建Vuex.Store实例 对于大型应用,需要存储的状态可能很多,我们就将store中的state、getters 、mutations 和 action...

2018-10-09 16:51:29 886 0

原创 Vue项目中实现用户登录及token验证

在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下: 1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码 2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token 3、前端拿到token,将token存储到localStorage和vuex中,并跳...

2018-10-08 22:42:10 50145 48

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