Vue.js

deleteflowchart: function (activities) { // 移除节点的端点及节点之间的连线 if (activities) $.each(activities, function (i, activeitem) { var divID = activeitem.ActId; jsPlumb.detachAllConnections(divID);//删除divID所有连接线 jsPlumb.removeAllEndpoints(divID);//删除divID所有端点 jsPlumb.detach(divID);//删除连接线 jsPlumb.remove(divID);//移除节点 }) } 可参考https://www.cnblogs.com/leomYili/p/6346526.html?utm_source=itdadao&utm_medium=referral，关于jsPlumb的API。 这个方法主要是解决在数据刷新时的问题，因为在做流程图显示的时候需要根据从不同页面跳转进入显示不同的流程图，即渲染不同的数据。为避免上次渲染的数据还存在（比如一些连线、箭头等）就需要先清除再做渲染。 在做项目的时候需要用到jsPlumb，弄了两个案例试了一下，有需要可以看看。https://gitee.com/qiuyueding/VueDemo/tree

PUSHmall 推贴 跑腿订单服务系统 基于当前流行技术组合的前后端分离商城系统： 本项目采用 Thinkjs3.0+Vue + uniapp 开发的一套跑腿下单、服务系统。 前后端分离的公众号、小程序、APP多端系统。 支持：跑腿订单系统与电商商城系统无缝对接接口。 主要功能： 地址解析 配送路程计算 物品重量价格计算 分销 微信支付下单 积分抵扣 优惠券 配送系统(抢单模式/平均分配订单) 支持IM客服：CRM/工单/客服管理/坐席分配； 支持跑腿服务：支持用户选择商品+服务价格。 支持商城对接：用户商城可以与pushmall跑腿订单对接。 来源： oschina 链接： https://my.oschina.net/u/4146138/blog/4881418

JNPF快速开发平台 JNPF快速开发平台 采用前后端分离技术、采用B/S架构开发，形成一站式开发多端（APP+PC）使用。 JAVA版介绍 java版采用前后端分离，前端项目与后端项目是两个项目，需要独立部署，两个不同的工程，两个不同的代码库，前端通过 ajax 来调用 http 请求调用后端的 restful api。 JNPF架构体系 主体架构 JNPF快速开发平台采用前后端分离技术、采用B/S架构开发，形成一站式开发多端（APP+PC）使用, 实现统一的权限管理、灵活的接口调用、拖拽式流程搭建等操作，使用业界领先地位的研发技术体系。 JNPF开发环境 前端 Vue2.x；ElementUI；Axios；WebScoket； 后端 SpringBoot、SpringCloud、Mybatis、Maven、.NET Core3.1、Ocelot、EFCore、Nuget； 移动端 Android、IOS、微信小程序、混合应用、uniapp； 数据库 Oracle、SQLServer、MySQL； JNPF特点 拖拉、可视化设计表单 我们采用所见即所得的表单设计方式，通过简单的拖拽控件及数据绑定设置即可完成表单设计工作。因此，通过我们提供的表单设计器，您不需要专业的电脑知识，即可在几分钟内设计出非常专业的表单。设计出来的所有表单都是标准的表单，具有良好的互操作性和可扩展性

工欲善其事，必先利其器。 本文主要讲解Vue-devtools的安装和使用 安装方法有两个： 方法一： （前提条件需要翻墙，省事省力省心方便快速） 　　　　翻墙 =》谷歌商店 =》搜索 =》Vue-devtools =》添加至Chrome 方法二： 　　　1、克隆至本地：git clone（vue-devtools） 　　　2、安装项目所需要的npm包：npm install 　　　3、编印项目文件：npm run build 　　　4、添加至chrome浏览器 　　　进入扩展页面=》加载已解压的扩展程序=》选择vue-devtools>shells下的chrome文件夹 　　 /* 如果看不见“加载已解压的扩展程序...”按钮，则需要勾选开发者模式。 */ 　　具体步骤如图所示： 　　 　　最后：Vue-devtools如何使用呢？ 　　当我们在Chrome添加完扩展后，需要调试Vue应用时，Chrom开发者工具栏会有一个vue的一栏，点击之后就可以看到vue对象的一些信息。 温情提示: 1.vue必须引入开发版, 使用min压缩版是不能使用devtools进行调试的 2.安装后, 需要关闭浏览器, 再重新打开, 才能使用 如有问题欢迎扫码加群，大伙儿一起入群讨论问题！ 希望能够帮助到大家！！！谢谢合作！！！ 来源： oschina 链接： https://my.oschina

从今年 2 月份开始，就是开始忙公司的项目，还记得 2 月份的时候，公司早早就开班工作了，每天居家工作，早上早早起来就是学习一个半小时，然后就开始工作，那段时间真的很压抑啊，每天那里也不能去，只能待在家里，只能晚上出去透透气。 在 2020 年 10 月 1 日，那天也是中秋节，也是国庆节，这是懂事以来第一次碰到的，合起来就是中国快乐的意思，这个意义特别重大，虽然今年由于疫情的影响，发生了很多事情，但是一切都是最好的安排，一切都是宝贵的经历吧。 如今糟糕的时间逐渐消退了，国内也渐渐恢复景气了，只要我们坚持出门戴口罩，听专家的话，我们终究能够战胜这场疫情。现在也不能有侥幸心理，因为最近这阵子疫情总是反反复复的。 每次回家都会到溪边跑步的，这个已经成为一种习惯了，每次到溪边跑步，都会油然而生一种自豪，一种对未来的憧憬，就会觉得心里舒服了很多，然后一直告诉自己，在内心一直默念，你行的，你行的，你真的行的。 在心里学中，有一个概念叫做心里暗示，或许这就是一种心里暗示吧，足够使你在遭受挫折的时候，重新给自己勇气，重新振作起来。还有一个特别好的坚持就是，坚持跑步。我相信大家都对下面这位日本作家非常熟悉： 他的很多作品我们都十分熟悉，比如长篇小说《挪威的森林》、《海边的卡夫卡》、《舞舞舞》等，但本次为大家介绍的，并不是村上的小说，而是他的一本“另类著作”——《当我谈跑步时我谈些什么》

点击上方 “ 前端瓶子君 ”， 选择“置顶或者星标” 你的关注意义重大！ 译者 / zoomdong 阅读本文需要 3分钟 前言 JSON.stringify() 方法能将一个 JavaScript 对象或值转换成一个 JSON 字符串。 作为一名 JavaScript 开发人员， JSON.stringify() 是用于调试的最常见函数。但是它的作用是什么呢，难道我们不能使用 console.log() 来做同样的事情吗？让我们试一试。 //初始化一个 user 对象 const user = { "name" : "Prateek Singh", "age" : 26 } console.log(user); // 结果 // [object Object] 哦！ console.log() 没有帮助我们打印出期望的结果。它输出 **[object Object]** ， 因为从对象到字符串的默认转换是 [object Object] 。因此，我们使用 JSON.stringify() 首先将对象转换成字符串，然后在控制台中打印，如下所示。 const user = { "name" : "Prateek Singh", "age" : 26 } console.log(JSON.stringify(user)); // 结果 // "{ "name" : "Prateek

29 Jun 18 一、内容回顾 1. VUE (一套用于构建用户界面的渐进式框架) VUE: https://cn.vuejs.org/v2/guide/ VUE ROUTER: https://cn.vuejs.org/v2/guide/ VUEX: https://vuex.vuejs.org/zh/ 2. Refresh(小圆圈)和重输URL的区别： Refresh： 重新提交请求 重输URL：重新获取html 3. validators 为一个列表，可混用校验函数和正则表达，如下 validators=[zhangzhao, RegexValidator(r'^1[356789][0-9]{9}$', "手机格式不正确"),...] 4. 校验：先走各字段内置的校验，再走各字段自定义的校验（局部钩子），最后走全局钩子clean的校验 5. 可以将创建的form表单类，放到单独的py文件中，至于app下。使用前导入 from app01 import forms.py 6. 作业讲解(基于Bootstrap的注册页面) a. 导入bootstrap css <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.min.css"> b. 设置居中 <div class="container">

点击上方 java项目开发 ， 选择 设为星标 优质文章，及时送达 -- 案例功能效果图 获取手机号码登录页面 微信登录授权页面 手机&微信都登录成功页面 环境介绍 前端：taro 后端：springboot jdk:1.8及以上 数据库：mysql 完整源码获取方式 源码获取方式 扫码关注回复【wxdl】获取完整源码 如果你在运行这个代码的过程中有遇到问题，请加小编微信xxf960513，我拉你进对应微信学习群！！帮助你快速掌握这个功能代码！ 核心代码介绍 pom.xml <?xml version="1.0" encoding="UTF-8"?> < project xmlns = "http://maven.apache.org/POM/4.0.0" xmlns:xsi = "http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation = "http://maven.apache.org/POM/4.0.0 https://maven.apache.org/xsd/maven-4.0.0.xsd" > < modelVersion > 4.0.0 </ modelVersion > < parent > < groupId > org.springframework.boot </ groupId > <

官方网址： https://ask.dcloud.net.cn/article/34 相关API： http://www.html5plus.org/doc/zh_cn/push.html#plus.push.createMessage 服务器推送消息 首先在app.vue中添加如下生命周期函数代码，如图。这主要是为了两个监听，不写也行的。 然后，配置mainfest.json。首先要点击那个配置，然后去注册，配置好就好了 直接云打包，很快啊。然后在下面网址填写推送即可。手机联网的情况下，就收到消息了呀！ 直接写在代码里，想推送啥推送啥。 我现在又这么个需求，就是想把从数据库中取到的数据判断是否合法时候，直接发到手机通知栏。 在想到推送的地方输入以下代码即可 plus.push.createMessage(message) 坑 那个plus.push 不需要提前安装之类的，发行成app之后，就自动生成了 解决第二种推送的时候，我在夜神模拟器中测试，但是报错 打包时未添加push模块 ,解决办法，直接打正式包，到手机测试就好了。 来源： oschina 链接： https://my.oschina.net/LevideGrowthHistory/blog/4880842

　　高效的前端开发工具有哪些?在互联网中许多开发工具可以让前端开发人员的工作生活变得更加轻松。应用程序的功能越来越丰富，也导致了前端开发的复杂度大幅增加，急需好的开发工具。今天和大家分享一些前端开发常用工具，这些工具真的对于提高工作效率有很大的帮助。 　　高效的前端开发工具： 　　1、EnjoyCSS 　　运用CSS，非常简单的工具就是遇到困难时的救星。EnjoyCSS可以让你通过简单的UI设计你的元素，并且提供相关的CSS输出。 　　2、Prettier Playground 　　Prettier是一个代码格式化程序，支持JavaScript，包括ES2017、JSX、Angular、Vue、Flow、TypeScript等。它可以移除你的原始格式，并且将其替换为遵循最佳运行方式的、标准的一致样式。如此便捷的工具在我们的编辑器中十分流行，与此同时它还有一个线上版本，可以在线完成对代码格式的修正。 　　3、Postman 　　Postman就一直在我的开发人员工具集中。它在后端检查GET、POST、DELETE、OPTIONS和PUT在内的一系列端点这方面，起到了非常显著的作用。 　　4、StackBlitz 　　根据Chidume Nnamdi显示，StackBlitz是每名使用者都很喜欢的一款在线编辑工具。最重要的一点就是，它将IDE引入了web——Visual Studio