自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(36)
  • 收藏
  • 关注

原创 elementui table动态数据合并单元格

data() {return {//表头{ prop: 'firstLevelIndex', lable: '一级指标', width: '150' },//需要合并的字段{ prop: 'secondLevelIndex', lable: '二级指标', width: '150' },//需要合并的字段{ prop: 'indexDesc', lable: '指标描述', width: '400' },//需要合并的字段。

2023-05-10 17:08:48 1031

原创 Vue项目中引入天地图

Vue项目中天地图的使用

2022-04-27 17:10:31 2560

原创 前端微服务的优势

前端微服务的优势

2022-03-23 17:35:12 1559

原创 修改elementui Tooltip组件箭头背景及边框问题

css设置,无需封面

2022-03-21 17:16:16 2179

原创 常用获取日期相关方法

1.UTC时间转换为年月日时分秒funDeadlineTime(date){vary=date.getFullYear()varm=date.getMonth()+1m=m<10?('0'+m):mvard=date.getDate()d=d<10?('0'+d):dvarh=date.getHours()h=h<10?('0'+h):hvarm...

2021-08-23 17:16:02 556

原创 常用校验规则

1.是否合法IP地址export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])

2021-08-23 17:07:21 856

原创 vue项目安装scss常见报错处理

1. 安装sass依赖npm install --save-dev sass-loader//sass-loader依赖于node-sassnpm install --save-dev node-sass第一种:Module build failed: TypeError: this.getResolve is not a function如果运行之后项目报错Module build failed: TypeError: this.getResolve is not a functi

2021-08-12 10:42:40 6368

原创 盒模型

css的两种盒模型W3C的标准盒模型在标准的盒子模型中,width指content部分的宽度IE的盒模型在IE盒子模型中,width表示content+padding+border这三个部分的宽度我们可以看出我们上面的使用的默认正是W3C标准盒模型而这里盒模型的选取更倾向于项目和开发者的习惯,并没有绝对的好坏之分。box-sizing的使用如果想要切换盒模型也很简单,这里需要借助css3的box-sizing属性box-sizing: content-bo

2021-01-21 11:13:24 99

原创 Grid布局

介绍一种比Flex布局更牛逼的Grid布局方式,走起!一、概述网格布局(Grid)是最强大的 CSS 布局方案。它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。上图这样的布局,就是 Grid 布局的牛逼之处。Grid 布局与Flex 布局有一定的相似性,都可以指定容器内部多个项目的位置。但是,它们也存在重大区别。Flex 布局是轴线布局,只能指定"项目"针对轴线的位置,可以看作是一维布局。Gr.

2021-01-21 11:07:19 1308

原创 Axios二次封装及应用

一、安装axiosnpm i axios -D二、在src目录下创建request文件夹,并在文件夹创建http.js和api.js两个文件http.js:import axios from 'axios'import { reject, resolve } from 'core-js/fn/promise'import VueRouter from 'vue-router'import { config } from 'vue/types/umd'//环境的切换if(pro

2021-01-19 14:59:52 571

原创 tab切换echarts无法正常显示问题解决

最近刚好项目里需要用到tab切换显示echarts,也同样出现了图表总是刷不出来的问题,什么v-if之类的有点扯,直接上我自己的解决办法。代码部分:每次tab切换时我们只需要重新获取到该标签,然后调用一下resize就行。记住:该方法写在切换到指定页面的事件里面。以我的例子来说onViewShow就是在tab切换视图显示的事件里掉用echarts获取元素标签,然后resize() $$('chart).getNode() //实际就是获取该图表的标签 在VUE中使用el-tab切.

2020-12-15 11:30:55 2795

原创 echarts柱状图定制化某条柱子&滚动条从左、右起始

人狠话不多,直接上代码:var data1 = ['800', '1200', '1000', '840', '1320', '960', '750','800', '900', '1000', '1200', '1102', '1003', '1014','1015', '856', '917', '818', '919', '920', '821', '822', '923', '924','825', '926', '827', '828', '929', '830', '1

2020-12-03 16:01:26 1807

原创 JS常用日期转化函数

function getDateArr(days){  var today=new Date();  //今天  var daysData=[];    //定义一个空数组存放数据  for(var i=0;i<days;i++){    var day=i*24*60*60*1000;  //每天的时间戳差值    var todayTimeStamp=today.getTime();  //今天的时间戳    var finalDay=new Date(todayTimeStamp-.

2020-10-12 11:32:39 545

原创 js数组中的find、filter、forEach、map四个方法的详解

find():返回通过测试的数组的第一个元素的值在第一次调用 callback 函数时会确定元素的索引范围,因此在 find 方法开始执行之后添加到数组的新元素将不会被 callback 函数访问到。如果数组中一个尚未被callback函数访问到的元素的值被callback函数所改变,那么当callback函数访问到它时,它的值是将是根据它在数组中的索引所访问到的当前值。被删除的元素仍旧会被访问到。语法:array.find(function(value, index, arr),thisVa

2020-10-12 11:26:31 685

原创 activiti自定义属性并请求后端接口问题

最近做工作流,把小小心得写下来,希望对大家有用!一、添加属性到modeler首先找到文件stencilset.json并添加如下节点:其中propertyPackages表示的就是这个task的所有属性,将我们的isforeditorpackage添加到末尾。现在我们需要定义这个类型的资源,在文件properties.js中,添加如下:现在添加json中出现的html页...

2020-04-29 09:49:38 796

原创 简单讲解下vue内嵌iframe并跨域通信

1、Vue组件中如何引入iframe?2、vue如何获取iframe对象以及iframe内的window对象?3、vue如何向iframe内传送信息?4、iframe内如何向外部vue发送信息?一、Vue组件中如何引入iframe?<template> <div class="act-form"> <iframe :src="src"...

2020-04-29 09:26:55 3927

原创 Git的简单配置

一 、设置Git的user name和email:$ git config --global user.name "xxx"$ git config --global user.email "xxx@xxx.com"二、生成SSH密钥过程:1.查看是否已经有了ssh密钥:cd ~/.ssh如果没有密钥则不会有此文件夹,有则备份删除2.生存密钥:$ ssh-key...

2018-08-16 14:21:08 222

转载 jquery.i18n.properties中文文档(供参考)

版本 : 1.2.2关于jQuery.i18n.properties是一个轻量级的jQuery插件,用于从.properties文件中提供javascript的国际化,就像在Java资源包中一样。它根据提供的语言和国家代码(ISO-639和ISO-3166)或浏览器报告的语言加载和解析资源包(.properties)。资源束是包含区域设置特定键值对的“.properties”文件。在J...

2018-07-23 16:53:22 4988

原创 jquery.i18n.properties前端国际化(供参考)

正文前言:最近,新的平台还没有开发完成,原来的老项目又提出了新的需求:系统国际化。如果是前后端完全分离的开发模式,要做国际化,真的太简单了,有现成的解决方案,基于Node构建的时下热门的任何一种技术选型都有成熟的方案,比如: vue+vue-i18n angular+angular-translate react+react-intl 但现在的情况是...

2018-07-23 16:45:02 2286

原创 Create.Js-2

上一篇关于Create.Js大家看了反映讲的太过简略,今天用尽所学再来一篇,“打得不好,请指教!”第一步,先要看文档Create.Js提供了一些显示类:画图片用(Bitmap)画图形,比如矩形,圆形等用(Shape)画文字,用(Text)还有容器Container的概念,容器可以包含多个显示对象,就像div标签一样,都有局部带动全局的功能。…等使用Create.Js理解一些概念就好办多了,它有一个...

2018-05-07 17:03:34 387 1

原创 Create.JS

好久不写博客了,今天随便写一下关于Create.JS,希望对大家有用!Create.JS简介官网:http://www.createjs.cc/Create.JS中包含以下四个部分:Easel.JS:用于 Sprites、动画、向量和位图的绘制,创建 HTML5 Canvas 上的交互体验(包含多点触控)Tween.JS:用于做动画效果Sound.JS:音频播放引擎Preload.JS:网站资源预...

2018-05-07 16:41:22 874

原创 简单讲解下使用axios

Vue原本有一个官方推荐的ajax插件vue-resource,但从Vue更新到2.0后,官网不再更新vue-resource,目前主流的Vue项目,都选择axios来完成ajax请求。使用cnpm安装axioscnpm install axios -S安装其他插件的时候,可以直接在main.js中引入并Vue.use(),但是axios并不能use,只能每个需要发送请求的组件中即时引入,解决这个...

2018-03-09 16:25:23 370

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(十三)在项目中使用 jQuery

Vue2+VueRouter2+Webpack+Axios 构建项目实战(十三)在项目中使用 jQuery前情回顾在上一篇博文中,我们讲到了,如何在 vue 项目中 使用百度的 UEditor 富文本编辑器,详情点击《Vue2+VueRouter2+Webpack+Axios 构建项目实战(十二)集成 UEditor 百度富文本编辑器》。相信大家对引用这种非 npm 的包有了一定的认识。很多人学习...

2018-02-07 18:55:28 241

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(十二)集成 UEditor 百度富文本编辑器

Vue2+VueRouter2+Webpack+Axios 构建项目实战(十二)集成 UEditor 百度富文本编辑器前情回顾通过前面系统的学习,我相信大家都能够对 vue 项目有了一个基本的认知。现在是不是已经开始上手做自己的项目了呢?呵呵,当然这是极好的。但是我们一般用 vue 来制作管理后台,在制作管理后台的时候,不可避免的,我们需要用到富文本编辑器。我尝试过 git

2018-02-07 18:54:42 386

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(十一)打包项目图片等资源的处理

Vue2+VueRouter2+Webpack+Axios 构建项目实战(十一)打包项目图片等资源的处理前情回顾在《Vue2+VueRouter2+Webpack+Axios 构建项目实战(十)打包项目并发布到子目录》章节中,我们讲解了项目打包,默认,是打包在根目录下面的。当然,我们可以通过设置,打包到任意子目录中去。但是,我们之前的项目是没有引入资源的。比如,引入图片资源

2018-02-07 18:54:20 329

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(十)打包项目并发布到子目录

Vue2+VueRouter2+Webpack+Axios 构建项目实战(十)打包项目并发布到子目录前情回顾通过上一章《Vue2+VueRouter2+Webpack+Axios 构建项目实战(九)再把内容页面渲染出来》的学习,我们其实已经完成了我们设想的项目的开发。但是,我们做好的这套东西,是基于 nodejs 开发的。而我们最终希望,我们开发的项目,生成好一堆文件,然后随便通过

2018-02-07 18:52:18 1379

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(九)再把内容页面渲染出来

Vue2+VueRouter2+Webpack+Axios 构建项目实战(九)再把内容页面渲染出来前情回顾在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战(八)渲染一个列表出来先》中,我们已经成功的把一个列表给渲染出来了。我们从文章中留下的引子 <router-link :to="'/content/' + i.id"> 应该知道,我们还是

2018-02-02 17:32:25 380

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(八)渲染一个列表出来先

Vue2+VueRouter2+Webpack+Axios 构建项目实战(八)渲染一个列表出来先前情回顾在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战(七)初识 *.vue 文件》中,我们队 vue 组件应该有了一个简单的认识。如果你去看了官方文档的话,再看这篇博文会比较简单。如果你没去看,呵呵,恭喜你,我喜欢你这样的人。好,这章开始

2018-02-02 17:31:05 318

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(七)初识 *.vue 文件

Vue2+VueRouter2+Webpack+Axios 构建项目实战(七)初识 *.vue 文件前情回顾在上一篇文章《Vue2+VueRouter2+Webpack+Axios 构建项目实战(六)将接口用 webpack 代理到本地》中,我们顺利的将接口代理到了本地。需要说明的是, cnodejs.org 的这套接口是没有跨域问题的,也就是说,本来我们是不需要代理到本地的。但是

2018-02-02 17:29:35 302

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(六)将接口用 webpack 代理到本地

Vue2+VueRouter2+Webpack+Axios 构建项目实战(六)将接口用 webpack 代理到本地前情回顾在上一篇博文《Vue2+VueRouter2+Webpack+Axios 构建项目实战(五)配置 Axios api 接口调用文件》中,我们已经非常顺利的调用到了 cnodejs.org 的接口了。但是,我们可以注意到我们的 src/api/index.js 的

2018-02-02 17:28:15 374

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(五)配置 Axios api 接口调用文件

Vue2+VueRouter2+Webpack+Axios 构建项目实战(五)配置 Axios api 接口调用文件前情回顾在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战(四)调整 App.vue 和 router 路由》,我们通过配置基本的信息,已经让我们的项目能够正常的跑起来了。但是,这里还没有涉及到 AJAX 请求接口的内容。vue

2018-02-02 17:23:39 361

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(四)调整 App.vue 和 router 路由

Vue2+VueRouter2+Webpack+Axios 构建项目实战(四)调整 App.vue 和 router 路由前情回顾在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战(三)认识项目所有文件》,我们已经重新整理了我们的目录结构,如果你已经忘记了,可以先去看一下。如果你按照我的结构框架去调整了之后,那么,现在你的项目应该是出错,并且

2018-02-02 17:21:55 346

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(三)认识项目所有文件

Vue2+VueRouter2+Webpack+Axios 构建项目实战(三)认识项目所有文件在《Vue2+VueRouter2+Webpack+Axios 构建项目实战(二)安装 nodejs 环境以及 vue-cli 构建初始项目》中,我们通过安装 nodejs 系统环境,以及 vue-cli 脚手架工具,在执行完命令后,我们就已经将一个初始项目跑起来了。但是,我们的项目代码,

2018-02-02 17:20:19 352

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(二)安装 nodejs 环境以及 vue-cli 构建初始项目

Vue2+VueRouter2+Webpack+Axios 构建项目实战(二)安装 nodejs 环境以及 vue-cli 构建初始项目在上一篇《Vue2+VueRouter2+Webpack+Axios 构建项目实战2017重制版(一)基础知识概述》中,我简要的说明了我为什么要写这个系列的博文,以及我们需要了解的一些基础知识。希望你已经认真阅读,并查阅了一定量的相关资料。对我们要做的事情

2018-02-02 17:17:15 285

转载 Vue2+VueRouter2+Webpack+Axios 构建项目实战(一)基础知识概述

Vue2+VueRouter2+Webpack+Axios 构建项目实战(一)基础知识概述基本理念通过对接 cnode.js 的公开 api 的列表,以及详情页面,实现一个超小型的项目实战,尽可能的掌握 vue 的项目入门的各项关键配置。 本系列博文不涉及 vuex 的内容。因为这部分内容属于比较高阶的内容,并且在大多数中小型项目中是没有多大用处的。所以情况是,大多数情况下

2018-02-02 17:14:33 323

原创 演示一下搭建vue环境(大神可以略过)

1.node环境安装下载地址:https://nodejs.org/en/2.node环境检测2.1建议使用gitbas2.2右键空白,选择Git Bash Here2.3输入node -v,如果输出版本号,说明安装node环境成功,可以用npm -v查看npm的版本号3.vue-cli脚手架安装3.1如果访问外网比较慢,可以使用淘宝的镜像https://npm.taobao.org/输入命令 ...

2018-01-16 15:21:21 228

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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