前言 对于前端同学来说,我们会经常用到各种小工具,比如:图床.颜色拾取.二维码生成器.url 管理.文本比对.json 格式化.当然我们可以 chrome 收藏夹来管理各种在线的小工具,但作为一个有追求的前端,我们不仅仅要自己用的爽,也可以将一些好用的工具给团队用,提高团队的研发效率. 所以基于以上诉求,市面上或者很多公司内部都会做一些满足自己团队需要的客户端工具,大多是基于 electron 来实现.但如果本篇文章只介绍如何通过 electron 来做一个工具集,那就小了,格局小了! 要做就做

js插件---画图软件wePaint如何使用(插入背景图片,保存图片,上传图片) 一.总结 一句话总结:万能的wPaint方法,通过不同的参数执行不同的操作.比如清空画布参数传"clear",获取图片数据参数是"image"等等 1.wePaint如何保存图片? a.找到canvas对象,通过wPaint("image")方法获取 image数据 b.将获取的image数据赋值给一个img标签的src属性 function saveImage2(

话不多说,先放上截图和仓库地址: 代码仓库:github 故事背景 网络抓包 之前公司内部因为开发需要,需要和后端进行接口联调,测试环境的时候,经常会涉及到一些状态改变要看交互样式的问题.比如测试需要测商品的待支付.支付中.支付完成等各种节点的交互样式是否符合预期,这种情况测试一般会去造数据或者让后端改数据库接口. 有的小伙伴可能会用 Charles 修改返回数据进行测试.但是 Charles 的抓包体验和配置体验感觉有点麻烦,不是很友好,所以我们自己做了个抓包&mock工具: 傻瓜式交互一次性

PlantUML通过简单直观的语言来定义示意图 使用 Chrome+ PlantUML Viewer的插件画图 1,打开chrome网上应用店 2,搜索plantuml viewer 并添加 3,扩展程序,选择允许访问,否则的话,显示不出图形来 4,在文本编辑器里用文字表达图形的内容,我用的是notepad++,有些编辑器编辑的中文无法显示,但是notepad++没有出现这种情况 具体的语法格式可以参照这个网站 http://plantuml.com/ 5,把写好的txt文件拖拽到Chrome浏

前言 为了进一步提高开发工作效率,最近我们基于 electron 开发了一款媲美 uTools 的开源工具箱 rubick.该工具箱不仅仅开源,最重要的是可以使用 uTools 生态内所有开源插件!这将是巨大的能力,意味着 uTools 生态内所有插件可以无差异化使用到 rubick 中. 设计交互上为了更能提高用户的使用效率,我们又尝试去实现了 uTools 中非常优秀的一些设计,比如:超级面板.该功能可以通过鼠标快速唤起uTools 插件能力,而不用再打开应用.比如上传图片,只要我们安装了图

nagios与zabbix对比 web功能: Nagios简单直观,报警与数据都在同一页面,***.红色即为问题项.Nagios web端不要做任何配置. Zabbix监控数据与报警是分开的,查看问题项需要看触发器,查看数据在最新数据查看.而且zabbix有很多其它配置项 结论:对于初学者,nagios更容易上手,但是zabbix界面更美观,同时由于功能多上手也更难. 画图展示: Nagios需要额外安装插件,且插件画图不够美观. Zabbix携带画图功能,且能手动把多个监控项集在一个图中展示,

1.web功能: Nagios简单直观,报警与数据都在同一页面,***.红色即为问题项.Nagios web端不要做任何配置. Zabbix监控数据与报警是分开的,查看问题项需要看触发器,查看数据在最新数据查看.而且zabbix有很多其它配置项 结论:对于初学者,nagios更容易上手,但是zabbix界面更美观,同时由于功能多上手也更难. 2.画图展示: Nagios需要额外安装插件,且插件画图不够美观. Zabbix携带画图功能,且能手动把多个监控项集在一个图中展示,还能选择图形类别,有:折

基本需求: 1. 在前台会用DWR框架(或者AJAX)调用Java后台代码获取要在Hightcharts展示的数据 2. 了解JSON(JavaScript Object Notation)的格式 3. Hightcharts的x,y轴数据绑定 4. Hightcharts的使用自己定义样式 Highcharts代码(或者说Highcharts的配置)是一个json字符串,说白了就是要想在前台使用Hightcharts插件画图,后台返回的数据类型必须是json字符串.Hightcharts才会认

ELK安装部署 elk作为公司的日志收集检索的方案的首选,是必要的工具,下面介绍一下elk的安装部署方法,以及一些报错的解决方法:(使用的是ubuntu16.04,jdk使用1.8,ELK的版本为6.3.2) 一.下载软件包 官网下载elk以及filebeat,解压到指定的目录下,官网为:https://www.elastic.co/ 二.安装elasticserch 由于Elasticsearch 的安装需要在非root用户下安装,而且需要修改系统部分配置,需要给用户配置sudo权限.(也可以

deepin V20 入坑指南 系统安装 入坑第一步自然是先安装系统了,deepin的安装方式很简单只需要一个U盘即可,在官网下载好安装镜像文件,使用官方的启动盘制作工具,开机时选择从U盘启动即可,安装方式也很人性化.启动盘的具体制作这里不在讲解了. 这里主要介绍一下分区策略. 我的硬盘是两个固态,一个256g的nvme固态和一块1t的SSD固态 这里我是使用手动分区 ,当然大家也可以选择自动分区,自动分区的时候home和opt这些使用数据量比较大的目录都会被挂载到数据盘下. 使用手动分区的原因

  疫情仍在持续,除了待家里不给祖国添乱之外,过去没有时间去完成的事情,现在可以静下心来认真面对,充实过好每一天. 今天想跟大家聊一下ICAO 8168第二卷PBN进场程序的图例. 就是下面这张图: 过去一直好奇这张图的参数究竟是怎样的,图中航段最终的3nm半宽,在现有规范里其实并不存在.同样的图例还出现在8168后半部分,PBN章节进场部分.图例中,航路半宽的标注发生的变化. 后面两张图的标注部分符合PBN航路半宽的计算规则,但是转弯保护区仍然存在问题,我按照图III 3-2-1为例来进行说明

背景 经常我们要去看一些页面所发出的请求时,经常会用到 Charles 做为抓包工具来进行接口抓取,但一方面市面是很多抓包工具都是收费或者无法二次开发的.当前我们团队大多数用的也都是 Charles,但是对于一般新手来说,单纯想抓个包或者修改和接口返回数据,直接上手 Charles 不管配置成本和学习成本都相对较高.所以我们有必要自己按照自己最爽的状态来撸一个适合自己的抓包工具. 结果 基于以上诉求,我们自己重新设计并修改了交互,搞了一个符合我们诉求,使用简单的桌面端抓包工具.本身这个插件是可以

故事背景 之前在网上有看到很多小伙伴基于 electron 实现了非常多好用的桌面端工具,比如图床管理工具 PicGo,就专门做图床工具.也有一些其他的类似的小工具,比如 saladict-desktop 专门做沙拉翻译查词的桌面端应用,colorpicker 专做桌面端取色工具... 我们也参考了这些小工具的设计理念,尝试在公司内部做一款桌面端工具,解决网络抓包.代理.图床.性能测评等常见场景的使用问题.最后在推广的时候,遇到了一个比较严重的问题,就是很多小工具对特定用户来说并不需要.比如测试

最近在用pycharm学习python语言,不得不感叹python语言的强大与人性化! 但对于使用pycharm画图(较复杂的图)就要用到几个插件了,即matplotlib.numpy和scipy!但是pycharm本身并不内置,所以需要自己下载与安装!于是各种百度,各种搜索,明明开源的插件,却在某些所谓开源社区或论坛上需要积分来兑换,而这些积分是花钱按照比例兑换的!可见人性丑陋! 在这里给大家分享免费的下载链接!支持win10  64位系统的安装,pycharm 64位版本的使用! pycha

jquery画图插件jPainter 一.总结 一句话总结:四年前的项目,四年无更新,不好用. 二.基于HTML5 Canvas和jQuery 的画图工具的实现 简介 HTML5 提供了强大的Canvas元素,使用Canvas并结合Javascript 可以实现一些非常强大的功能.本文就介绍一下基于HTML5 Canvas 的画图工具的实现.废话少说,先看成品: 该应用是遵循所见即所得(WYSIWYG, What you see is what you get)原则设计的,它具有以下功能: 1.

http://office.guanexcel.com/chart/chart.html PowerPoint里面简单的画图工具,输入数据选择图样即可插入到PPT中了

JqPlot(个人和商业都免费) http://yunpan.cn/Q7Yh5dUNPjtak  提取码 3653 下面开始制作一个柱状图: ----------------------------我的一个案例--------------------------------------------- 首先: 签入页面js.css等 说明一下excanvas.min.js或excanvas.js的引用是为了使用IE7/8 css代码:     <style type="text/css&qu

原链接:https://my.oschina.net/keyven/blog/856594 最近想找一个Eclipse上的插件,可以方便的把java代码转换为UML图,但是由于我用的是Eclipse Neon,版本较新,很多的免费插件都已经停止维护了.最后终于找到了ObjectAid. 安装: 离线安装包下载:http://download.csdn.net/download/u013467442/9498063 下载之后解压,然后在Eclipse中的Install New  Softwares

d3.js下载 官方网站:http://d3js.org/ github:https://github. com/mbostock/d3/tags forks最新:https://github.com/mbostock/d3 d3图片汇总:https://github.com/mbostock/d3/wiki/Gallery 全面学习网站:http://www.ourd3js.com 网络统一配置 <script src="http://d3js.org/d3.v3.min.js"

This application failed to start because it could not find or load the Qt platform plugin "windows" in "". 出现这个问题多半问题是python与Qt路径的问题 所以我用pip install pyinstaller保证与我使用的python版本一致 然后安装PyQt5: pip install -i https://pypi.tuna.tsinghua.edu.