自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端-尔嵘

未到终局,焉知生死!

  • 博客(222)
  • 资源 (8)
  • 论坛 (5)
  • 收藏
  • 关注

原创 echarts+vue绘制单条一天内所有数据的曲线(一分钟一条数据)

原始数据获取//原始数据 _this.chartYData = [ { name: "视在功率", type: "line", data: [] },];for (let item of res.data) { _this.chartXData.push(item.dbtime.substring(11, 19));//X轴数据 _this.chartYData[0].data.push(item.s);//Y轴数据}console.log(_this.chartXD

2021-01-13 16:15:02 16

原创 js封装生成今日(YYYY-MM-DD)、本月(YYYY-MM)、本年(YYYY)、昨日(YYYY-MM-DD)、上月(YYYY-MM)、上年(YYYY)格式的数据

js封装生成今日(YYYY-MM-DD)、本月(YYYY-MM)、本年(YYYY)、昨日(YYYY-MM-DD)、上月(YYYY-MM)、上年(YYYY)格式的数据

2021-01-12 10:39:39 92

原创 el-table中根据el-select动态的插入列

前言:vue+elementUI项目中,经常会遇到报表的统计,表头并不固定,而是根据某些变量动态的生成的。那么该如何做成我们想要的样子呢?正文:<template> <section> <el-container style="border: 1px solid #CCC;border-radius: 5px;background-color: #ffffff;"> <el-main id="containerMain">

2020-07-29 15:32:02 234 2

原创 git分支的新建、合并、删除

一、问题前言:gitLab上可以看到多了新建的分支subbranchGit Bash Here上面:二、解决办法查看分支git branch 切换分支git checkout 分支名新建分支git branch 分支名合并某分支到当前分支git merge 分支名删除分支git branch -D 分支名删除git工具(比如码云上的)上的分支git push --delete origin 分支名创建分支并切换到该分支

2020-06-24 14:42:29 122 5

原创 最细微信小程序版本上传、提交审核、发布

无论是企业还是个人,在发布微信小程序上的流程是差别不大的,配置,如果需要请求业务接口或者网络加载的资源,需要在开发设置里加入服务器域名和业务域名。配置完成后,在开发者工具上进行上传版本(版本说明),后进入微信公众平台进行版本的提交审核,这时候只能安静的等待微信小程序审核部门进行审核了,有加急和不加急的区别,如果加急快的话可能5分钟就搞定了,官方给的加急审核时间是两小时之内,不加急的话是7个工作日之内。通过审核后,进行全量发布,管理员扫描登录即可发布成功。

2020-06-04 11:59:17 1796 6

原创 小程序中picker(2020-05-07 10:10:59)

前言:在小程序中,往往查询历史或者需要时间查询的情景下,都需要用到picker组件,PC端的这种组件非常多,但是小程序中相对较少,不支持多选(除非自己封装),那么单选我们不得不考虑picker。正文:效果图:API文档:picker基础库 1.0.0 开始支持,低版本需做兼容处理。从底部弹起的滚动选择器。属性 类型 默认值 必填 ...

2020-05-07 11:07:56 443 11

原创 mpvue中怎么等同于微信小程序中的data-key={{value}}

话不多说,微信小程序中: <view wx:for="{{navTabs}}" wx:key="index" class="tab-item {{currentTab == index ? 'active' : ''}}" data-current="{{index}}" bindtap="swichNav"> {{item}} </view>...

2020-04-14 18:41:41 340 3

原创 vant-Weapp实现省市区三级联动顶部弹出列表

准备:利用vant weapp做的顶部弹出的省市区三级联动对话框1.下载区域:arrea.js,放到utils备用2.wxml:<view class="header"> <van-popup show="{{show}}" position="top" custom-style="height: 40%;" style="z-index: 1000000...

2020-04-10 11:11:50 2804 5

原创 js封装表单对话框

代码如下:function variableDbclick() { //创建内容容器 var content_wrap = document.createElement("div"); content_wrap.id = "content_wrap"; var content_container = document.createElement("div"); var pTag...

2020-01-09 09:59:44 334 6

原创 chrome下不同网速的性能测试

谷歌浏览器调试的时候,我想测不同网速条件下的运行情况:右键检查或者直接F12打开谷歌浏览器调试工具(1)找到Network,如图所示:(2)点击图中下拉按钮,点击Add...(3)新建调试网速的名称,Profile Name(4)新建调试网速的速度...

2020-01-08 14:40:28 184 1

原创 React、vue、jQ通过CDN的方式引入

React、vue、jQ通过CDN外链的方式引入最新的前端框架:1.引入最新的React版本:获得 React 和 ReactDOM 的 UMD 版本。<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script><script crosso...

2020-01-03 11:27:56 1011 2

原创 vue中引入高德地图

总的来说,vue组件中使用高德地图的方式有两种,一种是vue-amap :一套专门用于vue的高德地图插件;另外一种是原生的高德地图。方式一、vue-amap:官网API:直达车(1)、安装依赖:npm install vue-amap -S或者淘宝镜像:cnpm install vue-amap -save亦或(CDN的方式获取最新版本的资源):<sc...

2019-12-31 11:37:42 2177 4

原创 微信小程序中websocket获取实时数据

引言:WebSocket 是H5提供的一种在单个 TCP 连接上进行全双工通讯的协议。WebSocket 使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在 WebSocket API 中,浏览器和服务器只需要完成一次握手,两者之间就直接可以创建持久性的连接,并进行双向数据传输。在 WebSocket API 中,浏览器和服务器只需要做一个握手的动作,然...

2019-12-04 10:37:13 1648 1

原创 微信小程序中使用Echarts(折线图)

一、微信中使用 Echars直接在官网小程序使用Echarts中(文档-教程-在微信中使用Echarts),找到GitHub上的DEMO下载链接,官网有详细的使用步骤官网:http://echarts.baidu.com/github:https://github.com/ecomfe/echarts-for-weixin首先,在pages/index目录下新建以下几个文件:inde...

2019-12-03 14:13:31 1589 5

翻译 mxgraph的API文档

mxgraph的API文档:查看原文目录mxgraph的API文档:OverviewEventsKey bindingsConfigurationReserved WordsFilesBuilt-in ImagesResourcesImagesDeploymentSource CodeCompressionClassesSubclas...

2019-11-20 16:39:05 3732 5

原创 最火前端Web组态软件(可视化)

随着物联网、大数据等技术高速发展,我们逐步向数字化、可视化的人工智能(AI)时代的方向不断迈进。本文将介绍mxgraph,le5le-topology,HT-2D/3D等当前流行的前端组态软件,以及发展的趋势。

2019-11-14 19:24:48 23624 5

原创 免费可用的API接口(不定时更新)

新实时段子https://api.apiopen.top/getJoke?page=1&count=2&type=video 通过Id查段子https://api.apiopen.top/getSingleJoke?sid=28654780 快递查询:https://api.apiopen.top/EmailSearch?number=1012002 随机单句诗词推荐:htt...

2019-11-06 18:43:39 5005 3

原创 github上适合练习的vue、react项目

1.初步练手但不是很全的vue2.0项目:(三天)https://github.com/WuNianLuoMeng/VUE2.vue3.0钉钉项目:https://github.com/shiyongjason/dingding3. 惠乐游PC首页vue-cli3.0:https://github.com/lucianxiang/hly_project3.04.vue3.0入门项目仿...

2019-10-17 18:31:32 270 1

原创 结合mqtt的websocket的连接过程

Websocket是一种用于H5浏览器的实时通讯协议,可以做到数据的实时推送,可适用于广泛的工作环境,例如客服系统、物联网数据传输系统,该测试工具可用于websocket开发初期的测试工作。//订阅subScribe() { let _this = this; var xhr = new XMLHttpRequest(); xhr.open('GET', "http...

2019-09-26 11:24:48 825

原创 前端开发用到的工具及框架

前端开发必备软件(工具) 分类 名称 下载地址 备注 浏览器调试 chrome https://pc.qq.com/detail/1/detail_2661.html 谷歌浏览器调试工具。 代...

2019-09-07 11:16:50 1050 2

原创 vue+element中引入百度地图

1.首先你需要下载npm模块,个人推荐:cnpm install vue-baidu-map –save这样你的package.json文件就有了配置信息;2.然后在index.html文件中直接引用: <script type="text/javascript" src="http://api.map.baidu.com/getscript?v=3.0&ak=密钥"&g...

2019-08-28 16:23:10 6274 14

原创 call、apply、bind函数在改变函数运行时this的指向问题的区别

首先,call、apply、bind都可以改变函数运行时this的指向问题<script>var value = "王1";var obj = {value: "开2",friend: {value: "贵3",sayHi: function () {console.log(this.value);}}};obj.friend.sayH...

2019-07-05 20:45:12 2252 10

原创 VUE中页面跳转的常用方式及返回上一页实现的两种方式

一、我们知道,如果是一个页面的某些部分切换变化,那不是网页之间的切换,而是子组件的切换;对于页面切换,我们需要知道的是整个页面的内容和路径都发生了改变。在原生JS中我们知道页面切换可以使用location href的方式。而在VUE中有两种常见的切换方式:一种是router-link to="路径",问号后面是附加的传输数据,对应的页面也的按名字geohash来取。例如<route...

2019-06-25 21:58:27 6860 8

原创 windows计算机查看各磁盘占用空间

windows键+R:diskmgmt.msc所以平时我们要养成好习惯:(1)重要的文件不要放在桌面,以免意外丢失;(2)定期清理桌面不重要的文件和不常用的软件;(3)大型项目代码不要放桌面,以免磁盘占满无法保存文件...

2021-01-20 09:19:44 8

原创 JS中的洗牌算法和冒泡排序

//js算法:let array = [];for(let i = 0; i < 100000;i++){ array.push(i)}//洗牌算法function randomsort(a, b) { return Math.random()>.5 ? -1 : 1; //用Math.random()函数生成0~1之间的随机数与0.5比较,返回-1或1}array.sort(randomsort);//冒泡排序function bubbleSor...

2020-12-25 10:26:20 13

原创 vue+echarts中利用el-button实现页面和表格的切换展示

目标需求:我既要看表格数据,也要看对应的曲线效果:(1) (2)代码:js如下 data() { return { buttonList: "primary",//默认显示表格 buttonChart: "",//默认图形不显示 legendData: ['正向有功实时需量','反向有功实时需量','正向无功实时需量','反向无功实时需量'], tableData: [], ...

2020-12-24 14:24:23 45

原创 vue-canvas-nest的安装和使用

1.安装npm i vue-canvas-nest//如果使用淘宝镜像的话cnpm i vue-canvas-nest//或者yarnyarn add vue-canvas-nest2.使用(按需引入到页面并注册组件)(1)页面js:importvueCanvasNestfrom"vue-canvas-nest";exportdefault{data(){return{ //配置属性 config:{...

2020-12-19 11:49:19 127 2

原创 vue中实现当前的具体的时间 格式(2020-12-08 17:21:20 星期二)

代码:methods:{ //过滤加0 appendZero (obj) { if (obj < 10) { return '0' + obj } else { return obj } }},created () { let _this = this, weekDays = new Array('一', '二', '三', '四', '五', '六', '七'), h

2020-12-08 17:22:42 109

原创 echarts中柱状图,曲线的legend不显示

series一个子元素的name和legend的data中必须保持一样的名称!!!!!

2020-12-03 10:23:42 161

原创 vue+elementUi实现表格内容的合并(复杂度的三级)

方法一、效果:源码:<template> <el-card shadow="never" class="aui-card--fill"> <el-table :data="tableData" ref="tableData" border :span-method="objectJBXXMethod"> <el-table-column prop="gwsn" label="网关" min-width

2020-11-30 17:23:06 147

原创 腾讯云服务器部署前端vue项目

1.首先购买的是腾讯云centos比较便宜的那种服务器,三个月到期。2.自己在阿里云购买了.cn的域名3.不推荐不懂后台配置仅仅想部署前端的vue项目的使用xshell,xftp,xshell:利用命令管理你的服务器的工具。xftp:传输工具,将本地打包代码上传到服务器指定位置,也可以将服务器代码复制到本地,双击就可以。4.服务器安装宝塔面板:百度搜宝塔,如下图点击立即安装:复制如图所指的代码:直接粘贴进服务器主力linux命令行,回车就行,最后输入y,再回车,就

2020-11-25 11:33:29 140

原创 vue+elementUI实现日期选择器的上一日、下一日按钮

el-date-picker中我想额外实现点击上一日按钮、下一日按钮显示对应的日期。这里面需要借助时间戳转换(先转换成时间戳,再讲时间戳转化成具体时间,然后截取日期)。代码template: <el-form :inline="true" :model="dataForm" @submit.native.prevent> <el-form-item label="日期:"> &

2020-11-17 15:50:40 113

原创 vue+echarts实现仪表盘

API文档:请点击仪表盘实例地址:请点击目标样式:实现代码://html部分<div id="dashboardHumidity" style="width: 200px; height: 200px"></div>//js部分//仪表盘 drawDev() { let myChart = this.$echarts.init( document.getElementById("dashboardHumidity")

2020-11-16 16:36:47 177

原创 mpvue小程序中md5加密部分接口

由于部分连接需要加密,url中不能为了安全进行加密,前端与后台确定好排序方式就进行md5加密。经过m5d加密的字符串是唯一的,且只有知道排序的规则才知道是什么原始数据。一、建文件夹,存放md5.js /* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version

2020-11-13 14:37:43 13

原创 mpvue在HBuliderX中编辑的时候编译报错(工具设置里的服务端口没开)

如果您的也报下面的错误:那您不妨可以在微信开发者工具(以下简称‘工具’)中打开服务端口:然后正常运行编译后的dist了:

2020-11-07 09:46:19 37

原创 vue项目中安装sass、less

一、安装sass安装特定的版本(适用于npm):下面是版本号7.3.1npm install sass-loader@7.3.1 --save-dev使用npm安装:npm install --save-dev sass-loadernpm install --save-dev node-sass使用cnpm安装:cnpm install --save-dev node-sasscnpm install --save-dev sass-loadervue页面中style

2020-11-05 10:16:05 134

原创 vue-ant-admin后台管理系统

一、前言前面我们使用了vue+element UI做的类似于人人开源的后台管理系统,朋友推荐了一款vue+AntDesign版本的后台管理系统模板,这个可以实现服务于企业级别的后台系统。各项功能和界面的给人一种全新的感觉。下面我们一起来学习一哈!二、介绍vue-ant效果:文档地址:https://www.antdv.com/docs/vue/introduce-cn/源码地址:https://github.com/vueComponent/ant-design-vue/组件类型

2020-11-03 16:43:29 387

原创 js中获取当前系统的时间,格式2020-10-30 14:05:38

js中实现获取当前的具体时间function getCurrentTime() { let nowTime = new Date(), year = nowTime.getFullYear(), month = nowTime.getMonth() + 1 >= 10 ? nowTime.getMonth() + 1 : '0' + (nowTime.getMonth() + 1), day = nowTime.getDate() >= 10 ? nowTime.get

2020-10-30 14:44:48 111

原创 AntDesign-Vue登录页中密文切换且带前缀icon的a-input

<a-form-item> <a-input size="large" placeholder="请输入密码" autocomplete="autocomplete" :type="passwordType" v-decorator="['password', {rules: [{ required: true, message: '请输入密码', whitespace: true}]}]" .

2020-10-26 14:01:16 193

原创 windows10 企业版G如何激活

最近公司的电脑频繁蓝屏,动不动就卡了,老板也说过两会,所以花了两个小时找了很多的教程,设置花了¥25买了一个windows10 企业版激活码。其实,这些都没有解决。解决办法如下:1.winddows+R在运行窗口打开regedit会进入注册表编辑器2.然后根据我下面的路径去一步一步找,不要找错了:计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\SoftwareProtectionPlatform

2020-10-26 10:30:06 216

js当前的年月日和上一期的年月日(即上年、上月、上日)

利用js同时生成当日(YYYY-MM-DD)、当月(YYYY-MM)、当年(YYYY);通格式的上一日、上一月、上一年

2021-01-12

vueTable.html

el-table行尾添加最大值、最小值、平均值、求和合并行,vue后台管理系统中可以用。<script src="https://unpkg.com/vue/dist/vue.js"></script> <script src="https://unpkg.com/element-ui/lib/index.js"></script>

2020-07-04

canvas粒子动画.html

基于原生js以及canvas实现的炫酷动画特效,给人一种神秘科技的感受。粒子动画随机运动,没有规律。

2020-06-06

xml2json.js

mxGraph保存进数据库,xml是无法存进去的,要转换格式,最后用的时候取出来再转xml,mxgraph只识别和解析xml格式的,注意这只是一个工具,具体转换你还需要加东西的

2020-06-06

mxGraph官方文档及其翻译整理.pdf

mxGraph官方文档及其翻译整理.container,graph图,modal模型,cell元素的重组,设置。

2020-05-07

git分支操作.txt

gti详细的分支操作,在git中,可以使用git merge 和git rebase两个命令来进行分支的合并。 git merge 和git rebase在大体上都差不多,下文主要以git merge来例来讲解分支的合并流程。 如果你想了解分支合并的更多内容,请阅读《git merge简介》,《git rebase简介(基本篇)》和《git rebase简介(高级篇)》。 git merge命令示例: $ git merge branchname 这个命令把分支"branchname"合并到了当前分支里面。 如有冲突(冲突--同一个文件在远程分支和本地分支里按不同的方式被修改了);那么命令的执行输出就像下面一样

2020-04-30

xml2json.js

xml转json格式,方便对数据的处理,不管是前端还是后台,对于xml文件的处理都是比较难的,所以xml转json就必不可少。

2019-11-23

mxgraph.zip

基于mxgraph的前端可视化编辑软件,结合svg,图源清晰,可以进行二次开发,利用前端的JavaScript技术对标签进行各种操作,满足项目的需要。

2019-11-15

mxgraph的siderbar中如何获取你自己加入到左侧的图元进行点击事件等操作

发表于 2019-12-18 最后回复 2019-12-18

mxgraph源码快速熟悉

发表于 2019-11-15 最后回复 2019-11-15

前端可视化开源框架mxgraph,有兴趣学习的关注我额

发表于 2019-11-05 最后回复 2019-11-11

关于前端开发由初级迈入中高级的过程,你们都经历了啥?

发表于 2019-09-02 最后回复 2019-11-06

vue项目中如何结合svg自己手动画图

发表于 2019-10-11 最后回复 2019-10-11

空空如也

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

TA关注的人 TA的粉丝

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