产品希望做成从左侧拖曳进入，所见即所得，如图所示： 整个代码如果用在工程里，肯定会卡死，因为：drag: function (e) { let parentRect = document.getElementById('content').getBoundingClientRect(); }这个代码为什么不行？首先这个里面拖动计算直接在drag事
在本文中，我将把几个常用的监控部分给梳理一下。前面我们提到过，在性能监控图谱中，有操作系统、应用服务器、中间件、队列、缓存、数据库、网络、前端、负载均衡、Web 服务器、存储、代码等很多需要监控的点。显然这些监控点不能在一个专栏中全部覆盖并一一细化，我只能找最常用的几个，做些逻辑思路的说明，同时也把具体的实现描述出来。如果你遇到了其他的组件，也需要一一实现这些监控。在本篇中，主要想说明白下图的这个
转载
2024-06-17 19:57:17
1027阅读
Fragment使用的基本知识点总结， 包括Fragment的添加， 参数传递和通信， 生命周期和各种操作。一、Fragment添加方法一: 布局里的标签 标识符: tag， id， 如果都没有， container的id将会被使用。方法二: 动态添加 动态添加利用了一个transaction:FragmentManager fragmentManager = getFragmentManager
单元测试（unit testing）：是指对软件中的最小可测试单元进行检查和验证。代码的终极目标有两个，第一个是实现需求，第二个是提高代码质量和可维护性。单元测试是为了提高代码质量和可维护性，是实现代码的第二个目标的一种方法。对vue组件的测试是希望组件行为符合我们的预期。 本文将从框架选型，环境搭建，使用方式，vue组件测试编写原则四个方面讲述如何在vue项目中落地单元测试。一、框
vue的插件开发1.本地开发 1.1 初始化本地开发项目 我们采用vue-cli，初始化一个vue 项目。这个不做详解，请移步到 这里 ，查看具体详细。初始化后就是这样的项目结构： 其他的文件目录不是本节内容重点，不做详解，请移步这里查看 。 1.2 test.js 的内容 ，这是插件的入口文件 关于为什么需要在install这个方法这
两年前决定转行，开始自学前端，工作两年以来，换了两家公司，最开始做外包，到现在的比较稳定的做公司业务，中间有一段时间成长的很快，感觉每天都能学到很多东西，再到后来慢慢的每天都在重复的做一些业务工作，coding能力不知道怎么回事，一直原地踏步，由于公司主要是移动端用户，而且对于ui不是很重视，近一年以来基本是一个flex配上简单的样式就可以解决工作中8成以上的需求，结果就是在作死的道路上越走越远，
译自 主要内容：介绍、安装 GWT，创建一个简单的 GWT 程序环境：JDK 1.6, GWT 2.0 and Eclipse 3.6 (Helios).详见：http://www.vogella.de/articles/GWT/article.html#firstgwt1. 简介GWT (GOOGLE WEB TOOLKIT）是一个辅助 JAVA 来开发 AJAX 应用程序的工具。开发
文章目录前言参考目录官方文档博客参考相关书目操作步骤1、Prometheus1.1、安装 Prometheus1.2、配置 Prometheus1.3、访问控制台2、Grafana2.1、安装 Grafana2.2、访问控制台3、Grafana 大屏配置3.1、添加 Prometheus 数据源3.2、导入 dashboards 仪表板3.3、配置 node_exporter 监控主机数据安装包
转载
2024-06-27 08:22:13
161阅读
在最近的工作中遇到了这个问题一开始遇到遇到问题且网上现在的教程不那么详细于是想着自己写一个来记录一下。
首先想使用echarts先下载echarts包命令如下
npm install echarts --save
然后将eacharts引入到项目中，推荐在main.js引入。
import * as echarts from 'echarts'
转载
2024-04-01 00:03:24
269阅读
学习目标：1）学习 release.js 源码，输出记录文档。 2) 熟悉发布流程准备工作：Vue3 源码地址：https://github.com/vuejs/vue-next 代码拉下来以后直接yarn
Vue3 Release 源码解读： 链接
确保 Node.js 版本是 10+, 而且 yarn 的版本是 1.x Yarn 1.x。从 贡献指南 .github/contributing
转载
2024-02-28 08:45:17
63阅读
Vue实现前后端分离项目的初体验经过之前学习的Vue的知识：vue基本指令vue组件vue-resourcevue路由其实我们已经可以开始实战运用到实际的Web项目中了，由于本人是Java后端开发的，所以后端是基于SpringMVC的。以下我们将演示如何使用Vue组件实现一个用户登录系统。<!--more-->介绍后端后端基于spring、springMVC、mybatis框架对后端S
转载
2024-05-02 22:53:22
113阅读
场景Vue+Openlayer使用Draw实现交互式绘制线段：Vue+Openlayer使用Draw实现交互式绘制多边形并获取面积:如果需要将绘制点、线、面集成在一个页面中并且可以实现切换画笔样式。 注：博客：
关注公众号霸道的程序猿 获取编程相关电子书、教程推送与免费下载。实现1、页面上添加el-radio-group用来选择切换画笔<el-radio-group
转载
2024-05-08 20:00:19
1049阅读
vue组件书写规范import引入原则:
// import { mapState, mapGetters, mapActions, mapMutations } form 'vuex' // 涉及到状态管理的组件优先引入vuex
// import component from 'components/xxxxxx.component' // components
// import di
Vue.Draggable学习总结Draggable为基于Sortable.js的vue组件，用以实现拖拽功能。特性支持触摸设备支持拖拽和选择文本支持智能滚动支持不同列表之间的拖拽不以jQuery为基础和视图模型同步刷新和vue2的国度动画兼容支持撤销操作当需要完全控制时，可以抛出所有变化可以和现有的UI组件兼容安装npm install vuedraggable引入import draggabl
安装资源库：从Vue资源：https://github.com/vuejs/awesome-vue下载Libraries/UI Components/Form/Drag and Dropyarn add vuedraggable (5000?) (点击查看git)相关博客（功能翻译）：https://www.jianshu.com/p/03f0f58
多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。如果仅仅是传递数据，而不做中间处理，使用 vuex 处理，未免有点杀鸡用牛刀。Vue 2.4 版本提供了另一种方法，使用 v-bind=”$attrs”, 将父组件中不被认为 props特性绑定的属性传入子组件中，通常配合 interitAttrs 选项一起使用。之所以要提到这两个属性，是因为两者的出现使得组件之间跨组件的通信在不依赖 vu
CAS原理和我们前面自己开发的Nebula基本一致，所有的系统应用都会引导到CAS Server认证中心去登录。登录成功后，认证中心会产生一个票据叫TGT(Ticket Granting Ticket)，TGT即代表了用户与认证中心直接的全局会话。TGT存在，表明该用户处于登录状态。TGT并没有放在Session中，也就是说，CAS全局会话的实现并没有直接使用Session机制，而是利用了Cook
gradle [gredl]学习（1） Gradle是一种构建工具，它抛弃了基于xml的构建脚本，取取而代之的是采用一种基于Groovy['gruvi]的内部领域特定语言。 Groovy是一种基于jvm的敏捷开发语言，是一种成熟的面向对象编
前端使用vue+vueRouter开发，后端使用Python3开发，web项目部署在nginx上，项目登陆接入cas认证。思路大致说一下思路，这东西有点绕，很难讲清楚，可能是我思路还不是很清晰。1.项目有这些服务：web前端nginx：web部署在这里python后端：提供一个cas认证接口（下面描述中的cas接口指的都是该接口）cas认证服务2.遇到的问题及解决办法web前端：使用axios提供
created时，可用data和prop中的数据。computed的属性，当在mounted或者dom中使用到时，才会属性的执行代码。最后是mouted，可使用前面的数据，并且此时才可以操作dom。watch不会再创建阶段自动执行，除了添加立即执行这个配置项。 加载顺序： 在官方文档中，强调了computed区别于method最重要的两点computed是属性调用，而metho
