CodingNoob

最近在做流程图功能开发，发现阿里antV 有对应的可视化引擎，于是自己做了一个简单vue 基于antV 实现流程图编辑器代码。

随着物联网的快速发展，人们对物联网设备的数据监控可视化的需求越来越强烈，为了解决企业设备数据监控可视化痛点，当康科技经过不断的努力，研发了一套基于物联网的可视化图形编辑器，用户编辑器可以通过该编辑器实现自定义上传图片，和自己所需的组件图标，通过拖拽，移动等方式编辑对应的可视化图形界面，动态绑定设备数据，实现系统组态数据显示。微信公众号 搜索“当康AIOT”，即可关注我们。6、针对不同的设备类型不同的数据绑定。北方供暖锅炉房可视化。...............

<template> <div class="modelsBox"> <div class="modelsBox_wrapper"></div> <div class="opara-pannel"> <div> </div> <div> 三维坐标点信息 <!-- <p>{{point3d}}&lt...

最新在做项目的时候用到一个地图，这个地图是要离线使用的，之前做过的百度地图用的都是在线版本的，但是如果不连接外网的时候就无法显示了，现在要做的是一个不接外网的东西，然后要在地图上对应的经纬度显示项目点。点击每个城市会显示对应的城市。于是研究了下echart的map地图，实现了下面的效果。代码如下：<template> <div class="echart-bmap_wrapper"> <div class="btn"> <e

1.安装 vuexnpm install vuex –save2.vuex理解官方解释：vuex是一个专为vue.js应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有的状态，并以相应的规则保证状态以一种可预测的方式发生变化。我的理解：可以理解为是一个 全局变量例如： 模块a / 模块b。我想 模块b获取模块a的数据。方法1: 用组件之间通讯。这样写很麻烦...

一转眼用vue已经半年多的时间了，刚开始用vue的时候是直接看文档边看边边开发的，虽然在项目过程中遇到一些小的问题，不过基本上都可以自己解决，用了了半年后突然发现自己慢慢喜欢上了MVVM框架，没有繁琐的dom操作，自己可以更专注于业务逻辑本身，最近也在看一本书，吴军的《文明之光》，主要讲人类和社会发展史的，个人觉得收获还是挺多的，对整个社会和人类的发展过程有了更为深刻的理解。感兴趣的可以看下！...

运行结果：调用代码部分：&lt;template&gt; &lt;div id="app"&gt; &lt;menu-bar :list="list" @click="menuClick"&gt;&lt;/menu-bar&gt; &lt;!--first&gt;&lt;/first--&gt; &lt;!--b

最近在做一个项目，要实现用户上传人脸图片给后端，大小和人脸都有一定的要求，需要使用到在web端实现图片裁剪功能，也就是将图片裁剪到对应大小，然后发送给后端。识别这个人的人脸！于是想了一下要用canvas的drawImage实现这样功能。原理很简单就是通过放大缩小和移动，确定放大缩小后的图片的宽高和相对截图canvas左边和上边的位置的值，对应使用canvas的api就可以实现。...

<template> <div class="slider" @mouseup="mouseup($event)" @mousemove="mousemove($event)" @mousedown="mousedown($event)" :style="{width: width + 'px', height: height + 'p...

调用实例：yyyy-MM-dd或者yyyy-MM-dd hh:mm:ss进行格式 &lt;div&gt;{{data | dataFormat('yyyy-MM-dd hh:mm:ss')}}&lt;/div&gt;代码：import Vue from 'vue'Vue.filter('dataFormat', function (value, fmt) { let getDat...

最近在用vue做项目的时候遇到一个在当前数据列表里面实现可复制，并且可以编辑然后保存功能，如果是单纯的复制，那很简单，直接往数据里面添加一条数据就可以了。 但是需求是要求复制，并可以编辑保存。自己想了一下，然后写了一些demo.最终效果如下图所示：代码如下：&lt;template&gt; &lt;div class="demo"&gt; &lt;div clas...

代码如下：&lt;template&gt; &lt;div class="checkbox"&gt; &lt;div class="input"&gt; &lt;p v-for="item in inputs"&gt; &lt;span&gt;自定义字段：&lt;/span&

index

小图标是引入font-awesome字体图标库绘制的。效果如下图所示： index

html5 localstorage结合vue开发本地记事本项目源码github仓库地址：https://github.com/zhongyoucong/app/tree/master/app1.0点击在线预览效果图如下： js代码//日期格式化函数Date.prototype.format = function(fmt) { var o = { "M+": this.g

最近项目需要到vue开发单页面，所以就研究一下表单数据的回显，验证及提交如何用vue组件的方式实现。代码如下：&lt;template&gt; &lt;div class="index"&gt; &lt;!--header-bar&gt;&lt;/header-bar--&gt; &lt;div style="margin:20px;"&am

代码如下：&lt;template&gt; &lt;div class="slider"&gt; &lt;div class="wrapbox"&gt; &lt;div class="item" v-for="(item, index) in items" style=""&gt;{{ite

最近项目一直在使用vue，以前只是用vue做过一些简单的demo对数据进行增删改，并没有用于实际开发项目，。今天就想了一下如何用vue实现常见的图片上传前本地预览效果。效果预览：&lt;template&gt; &lt;div class="image-view"&gt; &lt;div class="addbox"&gt; &lt;...

&lt;template&gt; &lt;div class="tab-slider"&gt; &lt;div class="tab"&gt; &lt;span v-for="(item, index) in items" v-bind:class="{active: actived == index}" @click=&

一直在发博客，突然注意到在发布博客的时候选中对应的标签时的一个功能，最近一直在接触vue，于是想了一下要自己要怎么实现。原图如下：代码如下：&lt;template&gt; &lt;div class="checkbox"&gt; &lt;h1&gt;选中的ID值：{{checkboxValue}}&lt;/h1&gt; &lt;div ...

github效果在线预览仓库地址： https://github.com/zhongyoucong/vuejs/vue.js实现用户评论、登录、注册、及修改用户部分信息功能代码。效果图如下：登入后： 登入前： 登录框: 注册框： html代码部分：