- 博客(453)
- 资源 (59)
- 论坛 (1)
- 收藏
- 关注

原创 使用 Tampermonkey 编写高级跨网站自动化任务脚本
文章目录Tampermonkey 介绍官方介绍作用快速安装有关平台TM 的 API 解读,及简单脚本的编写基础 API 的解读基础脚本编写,以修改 CSDN 样式、表单自动填写为例高级 API 应用程序接口高级脚本的编写分析 技术方案 以 M2C 为例总结Tampermonkey 介绍官方介绍为了照顾读者中一部分对 Tampermonkey(国内成油猴,以下都简称 TM)不熟悉的读者,这里我借助官方对 TM 的介绍和教程帮助入门用户做以下介绍。Tampermonkey 是一款免费的浏览器扩展和最为
2021-02-22 11:57:41
293

原创 前端修道院
随着粉丝数的不断增长,很多读者想要我的联系方式,或者想咨询我一些问题,还有的想要我的某些资源,代码。这里我创建了QQ群,方便和大家沟通交流。群里有很多前端资源,还有一些我这几年收集的资源,漫画。电子书。教程。群号: 574234884搜索 前端修道院希望大家在这个群里,能够互帮互助,前端之路,堪比蜀道难,能在途中遇到一二个结伴而行的朋友,甚慰此外 我的GitHub地址喜欢写信的朋友也可以给我发邮件,每一封我都会认真看完,仔细回复。点击给我发邮件...
2021-01-23 15:11:52
1374
8

原创 万粉博主的运营之道
最近在公司的前端团队里进行了一次经验分享,分享的主题是《万粉博主的运营之道》。这是我进入公司第三次进行主题分享了,前两次分别是,项目组内分享《Tampermonkey的脚本教程》和前端团队的《GitLab CI/CD 实战教程》。逐步地提升自己分享能力。演讲以及知识总结能力。这次主要总结一下本次分享的感受。以及需要改进的地方。首先说一下为什么要分享这个主题。写博客已经有4年多了,这期间有了很多的思考,很多思考只是在达到一定的用户群体,或者进入到某个圈子里才能有的。比如那些文章更受欢迎,怎么为写书做准备?
2021-01-15 10:38:13
206
1

原创 一些常用的链接,cdn资源,以及要调研学习的库
https://animate.style/animate.min.csshttps://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js
2020-10-29 09:59:40
188

原创 WordZ:Word终结者,基于Google API的文档自动化 电子合同发票流水账单线上集成方案
WordZ: Word终结者, 基于Google API开发的文档自动化产品。可用于线上合同,发票,所有有关文档的业务流程。主要功能包含,创建,复制文档,填充变量,导出word,导出pdf等一系列优秀功能 工作了那么多年,我在闲暇之余经常思考这样一个问题,作为一名软件开发人员,我的工作,我的研发价值,真的只存在于产品经理所规划出的这几个业务中吗? 开始这项研究的...
2019-12-01 19:37:55
586
4

原创 深夜的敲门声——献给孤独奋斗的你
多久了? 多久没听到敲门声了? 有很多时候我会想象,假如有一天,或许是周末,或许是周一,我一个人待在家里看美剧,或者漫画,又或者是在练习书法。。。。这时从我的那个金属门外传来了"咚。。咚。。咚"的声音。我的思绪想被什么东西一下子束紧了。就好像从广阔的天空一下子突然场景转换到自己所处的这个杂乱,狭窄的小房子里。这40多分贝的声音,让我一下子感到了前所未有的。。。。。...
2019-10-24 10:24:10
3084
7

原创 最新Tampermonkey 中文文档解析(附基础案例和高级案例)
近期博主在GitChat上举办了一场 彻底玩转Tampermonkey的Chat 欢迎各位前来捧场. 报名地址使用 Tampermonkey 编写高级跨网站自动化任务脚本标明:本文出现的TM 即使Tampermonkey 的缩写目录USERSCRIPT HEADER@name@namespace@version@author@description...
2019-10-21 12:29:37
5662
5

原创 基于数据驱动设计复杂页面
背景介绍:最近公司启动了一个新的版本,我负责的一个的模块中有一个很复杂的新建的页面,表格里嵌套表格,三层数据,数据级联,组件较多.交互复杂,下面是我做的一个简略图,为了保密我已将需求细节隐藏.(PS:没有table组件的墨刀,掩面苦笑,真难用)从整个页面上分析,整体分为二部分,表单FA列表和表格TA表单FA列表可以新增,删除,设为默认,其中一些表单项要求可以边输入边检索,选中选...
2018-09-01 15:10:23
4893
1
原创 Node-RED系列(十七):使用自定义UI节点网与flow交互
Node-RED系列文章目前已经写了16篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章。Node-RED教程(一):Node-RED的介绍与安装Node-RED教程(二):Node-RED的面板的操作Node-RED教程(三):Node-RED公共节点的使用 Node-RED教程(四):Node-RED函数节点的使用 Node-RED教程(五):No
2021-04-17 00:54:24
262
原创 单服务器部署多个域名下的多端口服务,使用docker+nginx的方案
优雅地部署多个项目到一台服务器,并配置多个二级域名历经一个月,我的域名fizz.ink终于备案成功了。于是开始了新一轮的网站折腾。折腾的目的是想要学习网站部署的细节以及相关知识,域名解析,一台服务器部署多个二级域名的项目。以及Docker的配置。我的资源已备案的域名一台腾讯云服务器(已安装Docker) 配置4核8G 2M带宽要部署的服务有这些。fizz.ink 是网站入口,有以下链接gitlab 使用 gitlab.fizz.ink访问rancher 使用 rancher.fizz
2021-04-12 10:23:37
92
2
原创 nginx镜像重要目录内容
进入nginx镜像中docker exec -it [容器id] /bin/bash静态目录/usr/share/nginx/htmlnginx 镜像中 /etc/nginx/conf.d/default.confserver { listen 80; listen [::]:80; server_name localhost; #charset koi8-r; #access_log /var/log/nginx/host.acce
2021-04-10 21:28:25
22
原创 入职以来做的一些成长与贡献
项目中做的一些技术方案rancher的自定义ui,开发及部署包含rancher自定义ui的docker镜像构建kiali-ui 的自定义ui及部署grafana的oss加载资源方案web vnc的方案制定与落地gitlab ci/cd 部署前端的n种方案ts的集成学习的东西dockerranchergitlab ci/cdgrafana...
2021-04-10 01:33:51
53
原创 mqtt协议实战(一)
背景最近项目中用到了mqtt的协议,今天特地抽时间学习了一下,搭建了一个基于nodejs的mqtt的服务。现在写一篇文章记录,分享给大家。本案例使用的nodejs,mqtt的代理服务是使用的是mosca。客户端使用的是mqtt.js。其实网上也有几篇写mqtt的集成,但写的都很随便,时间也比较久,对于集成中的问题,大多是一带而过,这篇文章我不仅带大家了解mqtt的主要特点,还交大家真正实战mqtt协议。mqtt简介如果有人问你什么是mqtt协议,有什么特点,你就用下面这段官方的话来回答他。MQ
2021-04-07 20:04:37
45
原创 物联网传输协议 - REST/HTTP
在繁杂的物联网应用中,如何根据自己的业务需求,来选择合适且高效的应用层通信传输协议。是一个复杂且需要知识储备的事情。接下来我们将讲解一下目前常见的一些物联网通信传输协议。REST/HTTP在物联网的应用层面,经常通过 REST/HTTP 开放物联网中资源,实现服务被其他应用所调用。其用于实现客户端和服务器之间交互的松耦合,降低了客户端和服务器之间的交互延迟。快速入门角色在 HTTP 通信协议中和其他许多的协议相同,用于客户端和服务器之间的通信。整体流程HTTP 通信中,整体通信过程.
2021-04-07 20:04:01
22
原创 echarts 画动态水球
前言在对一些需要存放液体的工厂进行开发基于物联网传感器的监控平台时,经常需要监控该蓄水池当前所处的容量占比为多少。以达到随时调整其蓄水量的目的。接下来我们看一下一些常见的水球项目。有这样的:这样的:甚至还有这样的:今天这篇文章就带领大家"从零到一"的构建水球图。话不多说,开干!步入正题说起数据可视化,相比大家也了解或使用过一些大名顶顶的开源库,例如开源社区提供的 D3.js, Apache ECharts等,都是相当成熟且优秀的。并且由于Apache ECharts的高度集成A
2021-04-04 23:54:47
1178
4
原创 设备拓扑图
开发需求背景今天领导派了一个小活,要求我将公司的物联网平台的网络拓扑图画出来。做一个数据展示的页面,集成到现有的iot平台上。说到拓扑图,大家都也都比较清楚,能够清晰地表示网络链路的链接关系。官方一点的解释是:网络拓扑结构是指用传输媒体互连各种设备的物理布局(将参与LAN工作的各种设备用媒体互连在一起有多种方法,但是实际上只有几种方式能适合LAN的工作)。网络拓扑图是指由网络节点设备和通信介质构成的网络结构图。一般的拓扑图都是这样子的还有这一种这些设计图都是架构师使用软件画出来的,数据都
2021-04-04 23:53:22
55
1
原创 webvnc novnc 方案
项目背景这两天领导派了一个活,要求在我们现有的物联网平台做一个功能,功能的大致是这样的。在浏览器端点击一个设备链接这个设备的桌面。并且能够进行文件,命令行的操作。其实就是一个web版的vnc链接功能。我们知道如果两个设备需要远程连接。除了使用teamview或向日葵,这种第三方的软件,就是使用vnc来远程连接设备。这里说明一下vncvncserver 是一个为了满足分布式用户共享服务器上面的资源,而在服务器上开启的一项服务,对应的客户端软件为vncviewer;它也可以是不同的操作系统,比如利用w
2021-04-04 23:52:48
61
1
原创 物联网中的位置服务
写在前面最近开了一个新的系列。位置服务在物联网领域的应用,为物联网中各种位置服务的场景,提供解决方案。敬请大家关注。位置服务在物联网中的使用场景在日常生活中我们经常使用这样服务,查看一辆车的所在位置iphone的查找手机功能附件的充电桩打车导航室内定位这些都是位置服务在物联网领域的具体应用。随着5G、AI等技术的普及,社会化的泛在物联网逐步形成,在泛在物联网中,基于感知与位置服务的定位应用,为个人和社会提供了更加便捷的服务。有哪些位置服务目前国内有哪些位置服
2021-04-04 23:52:08
60
1
原创 ThingsBoard教程(十):前端初级定制化
前言各位读者好,截止目前,ThingsBoard系列文章已经做了七篇,分别是ThingsBoard教程(一):ThingBoard介绍及安装ThingsBoard教程(二):租户,租户配置,部件组模块的使用ThingsBoard教程(三):系统设置模块的使用ThingsBoard教程(四):规则链简介与操作ThingsBoard教程(五):客户,资产管理ThingsBoard教程(六):设备管理ThingsBoard教程(七):模拟设备遥测ThingsBoard教程(八):自定义UIT
2021-04-02 14:11:04
176
4
原创 ThingsBoard教程(九):前端架构分析
前言各位读者好,截止目前,ThingsBoard系列文章已经做了七篇,分别是ThingsBoard教程(一):ThingBoard介绍及安装ThingsBoard教程(二):租户,租户配置,部件组模块的使用ThingsBoard教程(三):系统设置模块的使用ThingsBoard教程(四):规则链简介与操作ThingsBoard教程(五):客户,资产管理ThingsBoard教程(六):设备管理ThingsBoard教程(七):模拟设备遥测ThingsBoard教程(八):自定义UI
2021-04-02 14:10:33
86
原创 ThingsBoard教程(八):自定义UI
前言各位读者好,截止目前,ThingsBoard系列文章已经做了七篇,分别是ThingsBoard教程(一):ThingBoard介绍及安装ThingsBoard教程(二):租户,租户配置,部件组模块的使用ThingsBoard教程(三):系统设置模块的使用ThingsBoard教程(四):规则链简介与操作ThingsBoard教程(五):客户,资产管理ThingsBoard教程(六):设备管理ThingsBoard教程(七):模拟设备遥测前面我们已经讲解了tb的基本模块以及用法,如何
2021-04-02 14:10:08
126
原创 Node-RED教程(十六):发布自定义Node-RED的npm包
Node-RED系列文章目前已经写了15篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章。物联网平台Node-RED系列(一):Node-RED的介绍与安装物联网平台Node-RED系列(二):Node-RED的面板的操作物联网平台Node-RED系列(三):Node-RED公共节点的使用 物联网平台Node-RED系列(四):Node-RED函数节点的使用
2021-03-31 19:11:44
146
原创 Node-RED教程(十五):工业仪表盘开发
Node-RED系列文章目前已经写了14篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章。物联网平台Node-RED系列(一):Node-RED的介绍与安装物联网平台Node-RED系列(二):Node-RED的面板的操作物联网平台Node-RED系列(三):Node-RED公共节点的使用 物联网平台Node-RED系列(四):Node-RED函数节点的使用
2021-03-31 19:11:13
158
原创 Node-RED教程(十四):定制Node-REDUI
Node-RED系列文章目前已经写了13篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章。物联网平台Node-RED系列(一):Node-RED的介绍与安装物联网平台Node-RED系列(二):Node-RED的面板的操作物联网平台Node-RED系列(三):Node-RED公共节点的使用 物联网平台Node-RED系列(四):Node-RED函数节点的使用
2021-03-31 19:10:42
225
3
原创 Delete `␍`eslint(prettier/prettier) 错误的解决方案
由于系统平台不一致,对换行的处理有所区别而导致的。方案一yarn run lint --fix方案二配置.prettierrc文件"endOfLine": "auto"最优方案git config --global core.autocrlf falsetip:git全局配置之后,你需要重新拉取代码。参考该文章 https://segmentfault.com/a/1190000021803437...
2021-03-31 10:15:47
498
原创 复制的官方GitLab 文档
stage: Verifygroup: Continuous Integrationinfo: To determine the technical writer assigned to the Stage/Group associated with this page, see https://about.gitlab.com/handbook/engineering/ux/technical-writing/#assignmentstype: referenceKeyword refere.
2021-03-28 17:25:31
72
原创 使用echarts画设备拓扑图
开发需求背景今天领导派了一个小活,要求我将公司的物联网平台的网络拓扑图画出来。做一个数据展示的页面,集成到现有的iot平台上。说到拓扑图,大家都也都比较清楚,能够清晰地表示网络链路的链接关系。官方一点的解释是:网络拓扑结构是指用传输媒体互连各种设备的物理布局(将参与LAN工作的各种设备用媒体互连在一起有多种方法,但是实际上只有几种方式能适合LAN的工作)。网络拓扑图是指由网络节点设备和通信介质构成的网络结构图。一般的拓扑图都是这样子的还有这一种这些设计图都是架构师使用软件画出来的,数据都
2021-03-26 15:23:47
195
2
原创 解决grafana加载缓慢的方案
最近在公司系统里做了一个内嵌grafana页面的功能,用于查看集群日志。但grafana作为一个单页面应用,加载框架资源,耗费了很长很长时间,以至于你起身去接杯水回来,页面还没有加载完毕。本着精益求精的思想,想着提升加载速度。 一番搜索下来。发现在grafana7.4.0以后就支持了配置cdn来加载前端资源。于是乎,说干就干。用我的两台服务器,一台部署grafana,一台将grafan前端资源部署起来当做cdn。 不要问我为什么不用阿里云的oss+cdn?主要是没钱。刷一下页面就是几毛钱,一般人谁受的了
2021-03-06 10:08:22
640
2
原创 mkdir: cannot create directory ‘/var/lib/grafana/plugins‘: Permission denied
报这个错是因为 运行grafana镜像时,所挂载的目录没有权限导致的。执行以下命令比如我是这样运行容器的docker run -p 8081:3000 -v /home/fizz/grafana:/var/lib/grafana grafana/grafana:7.4.1那么需要为/home/fizz/grafana 追加权限chmod 777 /home/fizz/grafana...
2021-03-05 16:52:39
176
原创 Vite2.0搭建Vue3.0应用实践
前言最近Vite2.0很火热,说是要替代webpack作为下一代前端构建工具。上个周末搬完房子仔细研究了一下,照着我们目前的项目环境,尝试搭建了一套基础环境,简单了解了Vite2.0的配置,以及各种库的集成。这里对Vite2.0不做过多的介绍,主要优点就是快,快,快。环境配置一条命令创建一个空的vite项目npm init @vitejs/app vite-project在终端,输入以上命令,会让你选择模板。看文章标题我们就知道,我们选择的是vue的模板,这是创建后的文件目录结构,和vu
2021-03-04 16:33:12
751
3
原创 Node-RED教程(十三):三种方式安装启动Node-Red
Node-RED系列文章目前已经写了11篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章物联网平台Node-RED系列(一):Node-RED的介绍与安装物联网平台Node-RED系列(二):Node-RED的面板的操作物联网平台Node-RED系列(三):Node-RED公共节点的使用 物联网平台Node-RED系列(四):Node-RED函数节点的使用
2021-03-03 19:33:42
450
1
原创 Node-RED教程(十二):定制化节点教程
Node-RED系列文章目前已经写了11篇,介绍了Node-RED的安装以及默认安装的一些基本节点的使用,作为物联网的一个可视化拖动的流程,Node-RED的确实很容易上手。还没开始学习的同学可以先看下我以前的文章物联网平台Node-RED系列(一):Node-RED的介绍与安装物联网平台Node-RED系列(二):Node-RED的面板的操作物联网平台Node-RED系列(三):Node-RED公共节点的使用 物联网平台Node-RED系列(四):Node-RED函数节点的使用
2021-03-03 19:33:10
271
1
原创 ThingsBoard教程(七):模拟设备遥测
前言各位读者好,截止目前,ThingsBoard系列文章已经做了六篇,分别是ThingsBoard教程(一):ThingBoard介绍及安装ThingsBoard教程(二):租户,租户配置,部件组模块的使用ThingsBoard教程(三):系统设置模块的使用ThingsBoard教程(四):规则链简介与操作ThingsBoard教程(五):客户,资产管理ThingsBoard教程(六):设备管理上一篇我们讲解了如何使用设备管理来对设备进行增删改查,和设备配置的一些基本概念,本篇文章就带大
2021-03-02 15:31:43
304
原创 ThingsBoard教程(六):设备管理
前言各位读者好,截止目前,ThingsBoard系列文章已经做了五篇,分别是ThingsBoard教程(一):ThingBoard介绍及安装ThingsBoard教程(二):租户,租户配置,部件组模块的使用ThingsBoard教程(三):系统设置模块的使用ThingsBoard教程(四):规则链简介与操作ThingsBoard教程(五):客户,资产管理已经讲解了系统管理员的模块,以及租户管理员如何操作规则链,客户和资产,本期我给大家讲解一下设备管理,该模块下有二部分分别是设备,设备配置。
2021-03-02 15:31:15
172
原创 ThingsBoard教程(五):客户,资产管理
前言各位读者好,截止目前,ThingsBoard系列文章已经做了四篇,分别是ThingsBoard教程(一):ThingBoard介绍及安装ThingsBoard教程(二):租户,租户配置,部件组模块的使用ThingsBoard教程(三):系统设置模块的使用ThingsBoard教程(四):规则链简介与操作已经讲解了系统管理员的模块,以及租户管理员如何操作规则链,本期我给大家继续讲解,租户管理员角色的一些基本操作租户管理员能够操作的资源有以下模块规则链库客户资产管理
2021-03-02 15:30:18
247
原创 ThingsBoard教程(四):规则链简介与操作
前言各位读者好,截止目前,ThingsBoard系列文章已经做了三篇,分别是ThingsBoard教程(一):ThingBoard介绍及安装ThingsBoard教程(二):租户,租户配置,部件组模块的使用ThingsBoard教程(三):系统设置模块的使用主要涉及内容包括,租户,租户配置,部件组,安全,OAuth2.0等模块。 相信大家看完之后一定能做一个合格的系统管理员。系统管理员是一个具有所有权限的角色,他可以进入到租户的系统中,看到所有租户的数据。本篇文章我就给大家介绍一下租户管理员所
2021-03-02 15:29:46
392
原创 ThingsBoard教程(三):系统设置模块的使用
系统设置模块的使用上一篇我们讲到了,使用系统管理员登录系统后,对租户,租户配置,部件组模块的操作这三个部分在平台管理中占据这很重要的地位。特别是部件组模块。还没了解的读者可以先看看上一篇ThingBoard教程(二):租户,租户配置,部件组模块的使用今天这篇我将给大家讲解一下,使用系统管理员登录系统后,对系统做一些定制化操作。设置。包括安全类,邮件,OAuth2。本篇文章主要讲的内容有这些,基本设置发送邮件SMS服务商安全设置OAuth2基本设置模块基础设置模块只有二个配置项,即
2021-03-02 15:29:15
161
原创 ThingsBoard教程(二):租户,租户配置,部件组模块的使用
租户,租户配置,部件组模块的使用上一篇文章我向大家详细介绍了ThingsBoard这个物联网平台,这个平台有点实在太多了,100%的开源协议,你可以基于项目开发自己的平台,也可以用于商用。多平台支持,多协议支持。根据上篇的文章你能在本地启动一个ThingsBoard项目,那么本篇文章我将给大家逐个地介绍一下ThingsBoard的一些功能模块。如果你还没有ThingsBoard,建议你先根据我上一篇文章在本地安装一个ThingsBoard。ThingsBoard教程(一):ThingsBoard介绍
2021-03-02 15:28:43
207
2
原创 ThingsBoard教程(一):ThingBoard介绍及安装
ThingsBoard介绍最近看了很多开源的物联网的项目,其中有一个让我印象很深,那就是Thingsboard下面我就给大家介绍一下这个项目,并指导大家如何在本地安装一个Thingsboard来体验它。首先引用官网的项目介绍就是一个开源的用于数据收集,处理,可视化和设备管理的开源物联网平台。它通过行业标准的物联网协议(MQTT,CoAP和HTTP)实现设备连接,并支持云和本地部署。ThingsBoard结合了可伸缩性,容错性和性能,因此您永远不会丢失数据。用它开源收集链接设备,收集设备的数据,
2021-03-02 15:28:04
406
2
setup-cyowcopy-1.8.0-build-652.exe
2020-06-11
一个专注通用权限控制与表单的React-antd-admin后台管理系统模板。
2018-07-20
微信小程序 - 豆瓣读书
2018-07-17
index.html
2019-10-25
vue项目集成环信即时通信解决方案
2018-06-11
wechat.zip
2020-06-04
eslint+prettier.zip
2020-04-29
谷歌开发必备插件
2018-07-12
基于HTML5和Canvas的图片编辑
2018-07-20
自定义指令和路由守卫进行权限拦截, vue后台管理系统
2019-09-26
gitlab cicd docker 部署 前端纯静态项目
2020-07-30
名称需要10个字的fans.json
2020-07-16
testcode.zip
2020-04-24
聊聊我的那些女徒弟
发表于 2019-07-30 最后回复 2019-09-15
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人 TA的粉丝