我也要用- 博客(222)
- 资源 (8)
- 论坛 (5)
- 收藏
- 关注
RSS订阅
原创 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
原创 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
vueTable.html
2020-07-04
xml2json.js
2020-06-06
git分支操作.txt
2020-04-30
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的粉丝