自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

知无涯

致力于将技术转化为生产力

原创 搭建一个flutter项目的全步骤

下载Flutter SDK 解压到C:\src\flutter将路径C:\src\flutter\bin添加到系统变量Path中 下载Android Studio 安装 并安装Flutter插件 File >Settings > Plugins 输入Flutter, 会连带Dar...

2020-01-20 17:36:55 3787 0

原创 RM: 基于页面结构化数据生成报表,一键导出图片,生成定制图表 文末有效果图 , 开放部分代码

RM: Report Maker, Report Mother 基于浏览器页面结构化数据,一键生成报表, 支持各种图表,可无限扩展.文末有效果图,开放部分关键代码...欢迎点赞留言收藏.

2019-12-07 16:14:23 180 1

原创 WordZ:Word终结者,基于Google API的文档自动化 电子合同发票流水账单线上集成方案

WordZ: Word终结者, 基于Google API开发的文档自动化产品。可用于线上合同,发票,所有有关文档的业务流程。主要功能包含,创建,复制文档,填充变量,导出word,导出pdf等一系列优秀功能 工作了那么多年,我在闲暇之余经常思考这样一个问题,作为一名软件开发人员,我的工作...

2019-12-01 19:37:55 311 4

原创 C2M : 全网首发CSDN文章搬迁到慕课的脚本 5000字 详细呕心沥血开发过程 文末有效果图与源码

前段时间在慕课申请了一个认证作者 就是这个标志 (不要以为我放个慕课认证作者的截图是在ZB,其实我就是在ZB, 你能怎么滴我吧....哈哈哈...........) 申请了作者之后,就想着将csdn的一些历史文章,迁移到慕课上面,首先,手动一个一个地复制进行发布肯定是不现实的,我比较懒,...

2019-11-10 17:46:00 2177 12

原创 深夜的敲门声——献给孤独奋斗的你

多久了? 多久没听到敲门声了? 有很多时候我会想象,假如有一天,或许是周末,或许是周一,我一个人待在家里看美剧,或者漫画,又或者是在练习书法。。。。这时从我的那个金属门外传来了"咚。。咚。。咚"的声音。我的思绪想被什么东西一下子束紧了。就好像从广阔的天空一下子突然场景转...

2019-10-24 10:24:10 2815 7

原创 最新Tampermonkey 中文文档解析(附基础案例和高级案例)

近期博主在GitChat上举办了一场 彻底玩转Tampermonkey的Chat 欢迎各位前来捧场. 报名地址 使用 Tampermonkey 编写高级跨网站自动化任务脚本 标明:本文出现的TM 即使Tampermonkey 的缩写 目录 USERSCRIPT HEADER @n...

2019-10-21 12:29:37 2152 0

原创 js不借助后端,多文件拖拽压缩上传,支持选择文件夹

今天产品经理又提了一个需求. 在系统中上传文件时,需要支持多文件和文件夹上传,并且需要在文件上传时需要将多文件压缩成zip包,下载的时候,直接下载zip包 听到这个需求,我的第一反应就是js应该没有强大吧,因为压缩和访问文件夹,涉及到了文件系统的读取和修改,后来经过一番探索还真让我给实现出来了...

2019-09-27 14:37:17 223 0

原创 纯CSS实现左右拖拽改变布局大小 使用CSS3中resize属性 水平,垂直拖动元素,改变大小

利用浏览器非overflow:auto元素设置resize可以拉伸的特性实现无JavaScript的分栏宽度控制。 webkit浏览器下滚动条可以自定义,其中resize区域大小就是scrollbar的大小,于是,我们可以将整个拉伸区域变成和容器一样高。 实现原理 CSS中有一个resi...

2019-06-15 09:34:31 10349 56

原创 详解浏览器中的粘贴事件 paste onpaste 事件

在最新的H5 API里已经有了对粘贴事件的支持, 事件名为paste, 平时用的较少,但最近想做一个粘贴板管理器,于是就调研了一下这个粘贴,复制事件. 那么调研的第一步是什么那? 当然是百度了,但高手都不百度,直接控制台调试 创建一个id为editor的文本域, 为其添加一个paste事件...

2019-05-30 22:54:23 2849 2

原创 最新最全自己动手做一个富文本编辑器(附源码 api)

技术的波澜壮阔总是让我浏览往返,深陷其中 无法自拔. 我就佩服我这个钻研精神,涉及到前端的东西,什么东西我都能给你扯上一段.在工作咸鱼之际,也绝不放过自己,一颗奔腾的心永远保持着对技术的热爱与追求. 中华文化上下五年前,二近代文明的信息化却不是从中国诞生的,我真是深表遗憾.恨自己生不逢时....

2019-05-28 15:33:50 2746 3

原创 自己动手制作一个Chrome插件 入门级

我们创建一个文件夹 暂时叫做PoetryTab吧 在其中创建一个manifest.json 和PoetryTab.html 内容如下: manifest.json { "manifest_version": 2, "name": "...

2019-05-05 14:58:14 4382 4

原创 Nodejs项目中使用token验证,jwt,jsonwebtoken

目前 在web框架中最流行的身份验证是使用jsonwebtoken,简称jwt.可以设置加密方式,过期时间,存放个人信息,逆解析. 抽空研究了一下nodejs的jwt如何做,下面来记录一下 使用的包是 "jsonwebtoken": "^8.3.0"...

2018-11-09 15:34:04 4739 0

原创 基于数据驱动设计复杂页面

背景介绍: 最近公司启动了一个新的版本,我负责的一个的模块中有一个很复杂的新建的页面,表格里嵌套表格,三层数据,数据级联,组件较多.交互复杂, 下面是我做的一个简略图,为了保密我已将需求细节隐藏.(PS:没有table组件的墨刀,掩面苦笑,真难用) 从整个页面上分析,整体分为二部分,表单...

2018-09-01 15:10:23 3926 0

原创 React后台管理前端系统(基于开源框架开发)起步式

这个系统的搭建背景是这样的.有一个朋友想看到现有系统中的一些,用户数据,新闻数据,只需要看到,短期不需要增删改功能,让我搭建一个简单的后台系统给他看.接到任务作为一个有四年开发经验的人来说这也太简单了吧,开始干吧,最简单的办法是直接使用开源项目https://github.com/PanJiaCh...

2018-08-23 15:05:31 17441 5

原创 GraphQL query 报错

There was an error in your GraphQL query: Cannot query field "entry" on type "DocsJsonChapters". If you don't expect "...

2020-07-09 13:01:43 14 0

原创 Functions are not valid as a React child. This may happen if you return a Component instead of 「Comp

控制台报错 Functions are not valid as a React child. This may happen if you return a Component instead of <Component /> from render. Or maybe y...

2020-07-08 11:07:33 72 0

原创 Windows系统使用make 执行makefile 指令进行项目启动,编译,运行

首先介绍一下背景 很多go项目,使用makefile进行启动,安装依赖包,启动项目,编译如ranchermeshery make指令的含义, 平台差异 在window上的配置 已meshery为例 安装ming 下载安装包 安装默认目录 安装依赖包 配置...

2020-07-06 17:43:28 61 0

原创 windows搭建本地grafana前端开发环境

现在windows的安装版文件 下载运行,一键安装到底, 记住安装目录 我的是在C:\Program Files\GrafanaLabs 安装完成后会自动运行, 可以直接访问 localhost:3000 下载项目 并开始运行 git clone https...

2020-07-03 15:42:56 79 0

原创 乌班图 配置docker 的rest api 访问

编辑配置文件 systemctl edit docker.service 复制内容进去 [Service] ExecStart= ExecStart=/usr/bin/dockerd -H fd:// -H tcp://0.0.0.0:2375 ctrl+x 保存文件为原文件名 ...

2020-06-29 17:45:30 72 0

原创 使用的leader-line的片段代码

let liElArr = $('ol.queue-in li') for(let i = 0; i<liElArr.length; i++) { let item = liElArr[i] let confidence = item.datas...

2020-06-24 11:58:54 132 0

原创 docker build 时的上下文

When you issue a docker build command, the current working directory is called the build context. By default, the Dockerfile is assumed to be located...

2020-06-19 14:22:27 95 0

原创 新系统Ubuntu乌班图系统 配置前端开发环境

简略版 # 配置nodejs的安装源 curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - # 默认全部选yes的安装nodejs sudo apt-get install -y nodejs # 安装anywher...

2020-06-19 10:46:55 83 0

原创 jquery 日期组件 编辑保存 可自定义扩展

主体是一个日期, 可以切换,年月, 点击编辑 会在每个日期下,有个选择框 点击保存会获取当前月份的表单数据 当前日高亮 代码链接https://download.csdn.net/download/github_35631540/12534412 ...

2020-06-19 09:18:46 46 0

原创 安装node-gpy

node-gyp是用Node.js编写的跨平台命令行工具,用于为Node.js编译本机附加模块。它包含gyp-next项目的供应商副本,该副本以前由Chromium团队使用,已扩展以支持Node.js本机插件的开发。 npm install --global --production wi...

2020-06-16 17:01:46 91 0

原创 docker构建前端项目的镜像 多种示例 写法

示例一 FROM node:latest as builder WORKDIR /app COPY package.json RUN npm install COPY . . RUN npm run build FROM nginx:latest COPY nginx.conf /etc/...

2020-06-15 17:57:06 81 0

原创 docker配置nginx的https 最简单教程, 编译成镜像

nginx的镜像中 几个重要的配置文件夹 etc/nginx/conf.d/*.conf; /usr/share/nginx /etc/nginx/conf.d/default.conf; server { listen 80; listen [::]:...

2020-06-15 12:44:57 53 0

原创 windows 下 修改 Docker Quickstart Terminal docker 仓库地址

启动机器, 切换root 编辑damon.json 退出 重启 修改镜像名 推送镜像 docker-machine ssh sudo -i vi /etc/docker/damon.json { "insecure-registries": [...

2020-06-12 19:12:08 108 0

原创 docker 镜像推送远程 docker hub

注册docker 账号密码 docker login 登录 使用命令行修改镜像名为推送的标准名词 docker tag 12 fizzpmc/12:v1 fizzpmc 是docker名 12是镜像名 v1 是版本号 然后使用 docker push fizzpm...

2020-06-12 17:17:47 67 0

原创 查看一个docker 的镜像内容

uicon 是容器名 进入的目录就是镜像的主目录 docker exec -it uicon /bin/bash

2020-06-12 16:41:23 221 0

原创 使用docker基于nginx部署前端编译后的静态包

进入编译文件的根目录 创建Dockerfile FROM nginx WORKDIR /mywebapp COPY . /usr/share/nginx/html/ 编译镜像 docker build -t pmcimage . 运行镜像,启动容器 docker r...

2020-06-12 16:08:02 53 0

原创 windows 下修改docker 的源

运行[Docker Quickstart Terminal] 启动docker 运行命令 docker-machine ssh 运行命令 sudo vi /var/lib/boot2docker/profile 在--label provider=virtualbox的下一行添加一行 ...

2020-06-12 10:00:47 199 0

原创 制作docker 镜像并运行访问

创建Dockerfile文件 内容如下 FROM nginx RUN echo 'Hello Fizz this is my image' > /usr/share/nginx/html/index.html 在Dockerfile 执行 docker bui...

2020-06-11 20:24:36 78 0

原创 winidow 下 nginx的关闭 ,重启

启动 C:\server\nginx-1.0.2>start nginx 停止 C:\server\nginx-1.0.2>nginx.exe -s stop 重启 C:\server\nginx-1.0.2>nginx.exe -s reload

2020-06-09 14:04:42 38 0

原创 Docker 常用命令

docker run hello-world docker image rm 123 docker image ls docker container ls -l docker pull ubuntu18.04 docker ps -a docker stop containerId docker...

2020-06-08 22:57:04 43 0

原创 rancher 前端功能架构思维导图

2020-06-08 22:00:01 83 0

原创 kubeSphere 功能框架思维导图

2020-06-08 21:59:48 78 0

原创 KubeSphere 名词解释 了解和使用 KubeSphere 管理平台,会涉及到以下的基本概念:

KubeSphere Kubernetes 对照释义 项目 Namespace, 为 Kubernetes 集群提供虚拟的隔离作用,详见Namespace。 容器组 Pod,是 Kubernetes 进行资源调度的最小单位,每个 Pod 中运行着一个或多个密切相关的业务容...

2020-06-08 21:59:37 55 0

原创 window 安装docke 安装问题解决 No default Boot2Docker ISO found locally

(default) No default Boot2Docker ISO found locally, downloading the latest release... Error with pre-create check: "Get https://api.github.com/r...

2020-06-08 10:13:21 256 0

原创 echart 双折线 双Y轴, 折线,柱形 双Y轴图

双折线图 双Y轴 双坐标系坐标 option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', &...

2020-06-07 19:56:02 145 0

原创 自定义 rancher ui 并覆盖原有项目

Hosting remotely If you want to customize the UI, re-packaging all of Rancher to distribute the UI is possible but not terribly convenient. Instead ...

2020-06-05 18:02:25 107 0

提示
确定要删除当前文章?
取消 删除