一、 盒子模型 盒子模型： 就是把 HTML 页面中的布局元素看做一个矩形盒子，也就是能装内容的容器。css 盒子模型本质上时一个盒子，封装周围的 HTML 元素，它包括表框、内边距、外边距 和 实际内容。 去除无序列表前的小圆点：list-style: none; 1. 边框（border） border ： 可以设置元素的边框。边框的大小会影响到盒子的大小 语法： 1border: border-width | border-style | border-color; 边框参数：| 属性 | 作用 ||———————|—————————————-|| border-width | 定义边框的粗细，单位是 px || border-style | 定义边框的样式 || border-color | 定义边框的颜色 | 样式参数： 参数 效果 none 没有表框 hidden 隐藏边框 solid 实现边框 dashed 虚线边框 dotted 点线边框 groove 3D 沟槽 ridge 3D 凸起 inset 3D 嵌入 o ...
v1.0需求： 实现动态数据 实现页面跳转 实现页面可视化 HTML 文件 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112{% load static %}<!DOCTYPE html><html lang="cn"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" ...
GitKraken 简体中文GitKraken 下载地址 ： https://www.gitkraken.com/ 使用方法 目前支援版本: 8.1.0 将 原文件 strings.json 改名为 strings.en.json 至 Release 下载 strings.json 文件存放位置 Windows: %LOCALAPPDATA%\gitkraken\app-8.1.0\resources\app.asar.unpacked\src Mac: /Applications/GitKraken.app/Contents/Resources/app.asar.unpacked/src/strings.json Linux: /usr/share/gitkraken/resources/app.asar.unpacked/src 开启 GitKraken ，至 Preference -> UI Customization -> Language 切换语言
一、 对象1. 字面量创建对象1var obj = {}; // 一个名为 obj 的空对象 12345678var obg = { uname: "张三疯", age: 18, sex: "男", satHi: function () { console.log("hi~"); },}; 注意： 里面的属性 或 方法 采用键值对的形式； 多个属性 或 方法 中间用 逗号隔开； 方法冒号后面跟的是 匿名函数； 调用对象属性12345// 方法1console.log(obj.uname); // 张三疯// 方法2console.log(obj["age"]); // 18 调用对象方法1obj.satHi(); // hi~ 2. 利用 new Object() 创建对象1var obj = new Object(); // 创建一个名为 obj 的空对象 向对象中填写属性123456obj.uname = "张三疯"; ...
一、动画1. 动画的原理 获得盒子当前位置 让盒子在当前位置加上 1 个移动距离 利用定时器不断重复这个操作 加一个结束定时器的条件 意此元素需要添加定位， 才能使用 element.style.left 12345678var div = document.querySelector("div");var timer = setInterval(function () { if (div.offsetLeft >= 400) { // 停止动画 本质是停止定时器 clearInterval(timer); } div.style.left = div.offsetLeft + 1 + "px";}, 30); 2. 动画函数的封装12345678910111213141516 function animate(obj, target) { var timer = setInterval(function() { if (obj.offsetLeft ...
一、CSS 引入方式 样式表 优点 缺点 使用方法 控制范围 外部样式表 结构与样式完全分离 需要引入 头部 link 标签引入 多个页面 内部样式表 结构与样式部分分离 没有彻底分离 头部 style 标签中 一个页面 行内样式表 书写方便，权重高 结构样式混乱 标签中 一个标签 1. 内部样式表 内部样式表： 将样式写在 HTML 页面 hand 标签的 style 标签中 123456789101112131415<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> div { text-indent: 32px; } </style> </head> <body> <div>三生三世十里桃花，一心一意百 ...
一、 JS 三种引用方式1. 行内式1<input type="button" value="唐伯虎" onclick="alert('点秋香')"> 注意： HTML 推荐使用 双引号，JS 推荐使用 单引号 2. 内嵌式123<script> alert("我爱学习");</script> 3. 外联式 1<script src="./my.js"></script> </code-block> 1alert("这是一个外联样式"); </code-block></code-group> 二、 JS 输入 输出语句 方法 说明 代码 alert(msg) 浏览器弹出警告框 console.log(msg) 浏览器控制台打印输出信息 浏览器 prompt(info) 浏览器弹出输入框，用户可以输入 浏览器 ...
一. Markdown 基础语法markdown 文本换行 : <br>markdown 文本空格 : 一个空格 两个空格   四个空格   1.1 emoji 表情官网示例源码效果演示Emoji 中文官网 (づ｡◕‿‿◕｡)づ Emoji 表情使用方法: 使用 Emoji 官网查找复制 通过输入法可快速输入 通过 :grinning: 表情短码 进行输入 1你好 😀, 欢迎来到我的知识库 💯 , 希望你为你提供帮助 💪🏻你好 😀, 欢迎来到我的知识库 💯 , 希望你为你提供帮助 💪🏻 1.2 代码块示例源码效果展示1234567/```sh# VSCode终端hexo clean; hexo shexo clean; hexo g; hexo dgit add .; git commit -m "npm publish"; npm version patch;git push/```12345# VSCode终端hexo clean; hexo shexo clean; he ...
一、 网络的相关概念 网络通信： 就是将数据通过网络从一台设备传输到另一台设备； 网络： 多台设备通过一定物理设备连接起来构成了网络； 局域网、广域网（互联网）； 1. ip 每台计算机在网络中的唯一身份标识； ipconfig 命令可以查看 ip 地址； IPv4：点分十进制 xxx.xxx.xxx.xxx ， 如 192.168.199.198 - 每个十进制的范围 0 ~ 255； 2.域名、端口 域名： 解决 ip 难记的问题，通过 http 协议，映射到 ip 地址上 端口： 程序在单个设备中的唯一入口； 范围： 0 ~ 65535 ， 其中 1~1024 已经被占用，不建议使用 3. 通讯协议TCP/IP ： 中文译名为传输控制协议/因特网互联协议,又叫网络通讯协议这个协议由网络层的 IP 协议和传输层的 TCP 协议组成的。 TCP 协议： 使用 TCP 协议前，需要先简历 TCP 连接，形成传输数据通道； 传输前，采用“三次握手” 方式，是可靠的； TCP 协议进行通信的两个应用进程： 客户端、服务端； 在连接中可进行大量数据的传输； 传输完毕，需 ...
一、数据收集 (Exporter) exporter 是 prometheus 一类数据采集组件的总称, 他负责从目标处收集数据, 并转换为 prometheus 支持的格式node_exporter 是一种比较主流的服务器性能指标采集工具, 默认端口为 9100mysql_exporter 用于收集 MySQL 数据库的各项指标, 默认端口为 9104 1. 下载 Exporter常用的 Exporter 下载 nohup 静默启动, 2>&1 不显示 nohup 时的报错信息, & 允许后台运行 12cd /usr/local/node_exporternohup ./node_exporter >/dev/null 2>&1 & 二、保存数据 (Prometheus 普罗米修斯) Prometheus: 是一款开源的监控报警系统与时序数据库, 默认端口为 9090对时间精度要求较高, 如果服务器时间与现实时间不同步, 可能无法收集到准确的数据. 时间校准命令: 1ntpdate ntp.aliyun.com 如果提示没有 没 ...
