前言 这次要做的 Web 前端实战是一个 Gitee 个人主页下的贡献图(在线 Demo),偶尔做一两个,熟悉熟悉 JS 以及 jQ.整体来说这个案例并不难,主要是控制第一个节点以及最后一个节点处于星期几:且必须保持365个节点. 开始 布局设计 整体的布局是上下,顶部一个 div.下面一个 div.下面的 div 是左右布局,左边是星期.右边是贡献节点.一列贡献节点一共有7个(不一定每一列都是7个).星期要与每一行贡献节点保持平行.左右布局的高度保持一致,因此,每一个贡献节点的宽和高就取自布局…

k8s监控实战-grafana出图_alert告警 目录 k8s监控实战-grafana出图_alert告警 1 使用炫酷的grafana出图 1.1 部署grafana 1.1.1 准备镜像 1.1.2 准备rbac资源清单 1.1.3 准备dp资源清单 1.1.4 准备svc资源清单 1.1.5 准备ingress资源清单 1.1.6 域名解析 1.1.7 应用资源配置清单 1.2 使用grafana出图 1.2.1 浏览器访问验证 1.2.2 进入容器安装插件 1.2.3 配置数据源 1.…

实现效果图 GitHub 和 Gitee 个人主页中可以对自己的项目进行拖拽排序,于是我就想自己实现一个.本随笔只是记录一下大概的实现思路,如果感兴趣的小伙伴可以通过代码和本随笔的说明去理解实现过程.我的 Gitee 和 GitHub 地址. 在线浏览地址:11.拖拽排序,里面还有更多的例子. 思路构思 要实现元素拖拽可替换位置,就必须要锁定每一个元素的具体位置,且要直到两个元素的 transform: translate().从代码上看,这是一个二维数组.从界面上看,就是一个网格布局.06#W…

之前写了一篇为:golang web实战之一(beego,mvc postgresql) 听说iris更好: 1.  iris hello world package main import "github.com/kataras/iris" func main() { app := iris.New() app.Get("/", func(ctx iris.Context) { //ctx.HTML(`<p>hello world!</p>…

读书笔记第一部分对应原书的第一章,主要介绍了Web应用程序的发展,功能,安全状况. Web应用程序的发展历程 早期的万维网仅由Web站点构成,只是包含静态文档的信息库,随后人们发明了Web浏览器用来检索和显示那些文档,但这些信息只是由服务器单向传送给浏览器,并不需要验证用户的合法性,所有用户同等,提供同样的信息. 所以当时一个Web站点的安全威胁主要来自于Web服务器系统与相关软件的(诸多)漏洞.攻击者入侵站点后并不能得到敏感信息,至多修改一下服务器上的静态文件,歪曲站点的内容,或者利用服务器本…

猫宁!!! 参考链接:http://www.ituring.com.cn/book/885 黑客攻防技术宝典web实战篇是一本非常不错的书,它的著作人之一是burpsuite的作者,课后的习题值得关注,而随书附带有答案. 1. 为什么说应用程序处理用户访问的机制是所有机制中最薄弱的机制? 典型的应用程序使用三重机制(身份验证.会话管理和访问控制)来处理访问.这些组件之间高度相互依赖,其中任何一个组件存在缺陷都会降低整个访问控制并访问他机制的效率.例如,攻击者可以利用身份验证机制中的漏洞以任何用户…

1.安装PicGo软件,并配置gitee 1.1安装picGo picGo 安装gitee-uploader 插件 官网下载地址如下:最新版本 可以自行选择版本进行下载,这里我选择了最新的版本进行下载安装,由于我有梯子下载比较快,如果下载慢的话可以下载我上传到码云的最新安装包 最新安装包下载 安装之后如下图: 1.2配置码云 首先安装码云插件 点击picGo中的插件设置,然后输入gitee搜索插件,有两个插件都可用,自行选择,这里我选择的是第二个. 这里需要注意的是你的电脑上必须有Nodejs环…

[超详细]MakeDown(Typora)+PicGo+Gitee实现图床 序言:我们有时在用makedown整理笔记时想把自己的笔记上传到博客园,可是发现在上传过程中makedown中的图片显示不出来,我们只好利用博客园的上传图片功能一张一张重新上传,此时太费时费力. ​ 那么使用MakeDown(Typora)+PicGo+Gitee实现图床,将本地的图片上传到Gitee转换为在线的网络图片,就可以解决此问题. 图床是干什么的? 图床就是一个便于在博文中插入在线图片连接的个人图片仓库.设置图…

Typora+PicGO+Gitee实现图床功能 版本 typora(0.9.86) PicGo(2.3.0) 主要参考链接 出现问题就先看看这个 问题一 打开PicGo后安装github插件会一直安装中 解决方案: 进入如下路径 ``C:\Users\ALBERT\AppData\Roaming\picgo>` 输入 npm install picgo-plugin-github-plus@1.2.3 C:\Users\ALBERT\AppData\Roaming\picgo>npm ins…

前言 在Canvas 线性图形(五):多边形实现了绘制多边形的函数.本篇文章将记录如何绘制雷达图.最终实现的效果是这样的: 绘制雷达图 雷达图里外层 如动图中所示,雷达图从里到外一共有 6 层,所以,我们需要改造绘制多边形的函数: 点击查看绘制基础雷达图代码 function calcPolygonX(radarX, radius, increaseAngle) { return radarX + radius * Math.cos(increaseAngle); } function calc…