- 博客(20)
- 收藏
- 关注
原创 html学习笔记
用户代理(user agent ): 用户代理的作用是查看和显示html文档的,常见的有浏览器, 在用浏览器调试工具时,经常能看到浏览器的默认样式(user agent stylesheet), user agent在这就是指浏览器的意思。 html文档的基本结构:<一个完整的html文档,必须包含> <!doctype html>: 文档声明,标志这是一个html文档,代表文档的开头。 html 标签: 表示html文档的开始, 所有内容必须放在html标签里面。 head 标签
2021-06-14 11:31:09
233
原创 html模板
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <!-- 强制使用Chromium内核,主要是对于360浏览器、QQ浏览器等国产双核浏览器 --> <meta name="renderer" content="webkit" /> <!-- 强制Chromium内核,主要是对于其他双核浏览器 -->
2021-06-09 11:30:07
104
原创 css样式重置
body, th, td, form, input, button, select, option, textarea, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, legend, fieldset, pre, blockquote, hr { padding: 0; margin: 0; } input, button, textarea, select { outline: none; font: 100%/1.5 ‘microsoft YaHe
2021-06-09 11:27:12
335
原创 sass学习笔记
变量 规则嵌套 1. 变量 变量声明 声明方式 应用场景 $color: red; 赋于一个值 $border: 1px solid #ccc; 声明一个border简写属性值 $font-family: ‘宋体’, ‘微软雅黑’ 声音一个字体系列, 用逗号分隔 任何css属性值都可用于变量值 变量调用 声明一个颜色为红色的变量: $color: red; 调用变量 body{ color: $color; } 在任何地方有需要使用的变量的地方都可以调用 ,.
2021-06-07 11:56:02
155
原创 css常用的命名规则与书写顺序
CSS 书写顺序 位置属性(position, top, right, z-index,display, float 等) 大小(width, height, padding, margin) 文字系列(font, line-height, letter-spacing,color- text-align 等) 背景(background, border 等) 其他(animation, transition 等) 命名规则 命名 解释 header 头部 nav 导航 sub-
2021-05-23 11:38:37
87
原创 传统布局: 标准流、浮动与定位
传统布局三种方式 标准流(盒模型) 浮动 定位 一、标准流 元素的划分 行内元素 块级元素 1. 元素的划分 行内元素 - inline 块级元素 - block 特殊的行内块元素 - inline-block - 关键 - 行内元素负责页面的横向排版 - 块级元素负责页面的纵向排版 - 行内元素 - 1. 不能设置宽高 - 2. 默认在一行排列显示 - 3. 当一行显示不下时,会自动换行显示 - 4. 不能设置垂直方向的外边距 - 5. 可以设置padding与水平方向的margin与
2021-05-23 11:05:42
198
原创 JS: offsetLeft/Top、offsetParent、scrollLeft/Top、clientLeft/Top、scrollX、scrollY、pageXOffset、pageYOffse
定位的父级元素 offsetParent:离当前元素最近的非position:static的元素
2019-04-25 16:55:17
680
1
原创 JS: innerWidth/Heigt、outerWidth/Height、offsetWidth/Height、clientWidth/Height、scrollWidth/Height
一、浏览器窗口尺寸 window.outerWidth: 浏览器窗口实际宽度 window.outerHeight: 浏览器窗口实际高度 二、浏览器视窗尺寸(visualViewport) window.innerWidth: 浏览器视窗的宽度(眼睛能看到的显示页面的区域,包括纵向滚动条的宽度) window.innerHeight: 浏览器视窗的高度(眼睛能看到的显示页面的区域,包括横向滚动条的...
2019-04-23 22:03:41
379
原创 盒子模型
描述: 每个盒子有四个边界(Content Edge,Padding Edge,Border Edge,Margin Border) Content Edge: 内容边界 Padding Edge: 内边距边界 Border Edge: 边框边界 Margin Edge: 外边框边界 见图: ...
2019-04-22 13:07:54
328
原创 ES6: Promise对象的基础
内置属性 [[PromiseStatus]] Promise 的当前状态 有三种状态[“pending”, “resolved”, “rejected”] 初始状态是"pending" 状态由调用的resolve,reject 回调函数, throw语句抛出,程序异常来决定状态的变化, 只会变化成[‘resolved’, ‘rejected’] 最后的状态如果没有异常或者异常被处理就必定是“...
2019-04-21 16:35:01
235
原创 nodejs配置http2
Step 1. h2是基于ssl加密传输必须要有证书 Step 2. 证书可上阿里云免费申请, 或使用openssl工具生成自签名证书 Step 3. nodejs加载http2模块 Step 4. 使用http2.createSecureServer方法创建h2连接 openssl证书生成命令 openssl req -newkey rsa:2048 -nodes -keyout rsa_pri...
2019-04-18 10:03:52
2422
原创 本地远程连接阿里云服务器
方式 Windows连接 Linux连接 Windows连接 Step1 : win+R Step2: 输入mstsc命令, 打开远程连接 Step3: 输入IP地址, 用户名 Step4: 单击连接按钮 Linux连接 Step1: 下载putty软件 Step2: 解压缩后运行putty.exe可执行文件 Step3: 填入阿里云服务器公网IP地址 Step4: 保存,打开连接,...
2019-04-17 21:32:28
990
原创 dom树的遍历
HTML代码 <!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta name="keywords" content="扫描dom树" /> <meta key="description" content="简单的小demo" /> <meta key="a...
2019-04-16 12:23:14
267
原创 CSS选择器
CSS选择器分组 1. 基本选择器 2. 关系选择器 3. 属性选择器 4. 伪类选择器 5. 伪对象选择器 一、基本选择器 选择器 类型 描述 * 通配选择器 文档所有元素 #id id选择器 选择元素为指定id标识的唯一元素 .class 类选择器 选择元素的class属性包含此class的元素集合 E 元素选择器 选择指定标签名为E的元素集合 selector...
2019-04-15 22:42:15
222
原创 HtmlElement的属性与方法
HtmlElement html标记元素类 描述: 继承自Element和GlobalEventHandlers接口 属性名 值 类型 描述 offsetWidth 数值 Number 返回一个元素的布局宽度 offsetHeight 数值 String 获取元素的name属性 offsetParent String 返回此元素的id标识 offsetLeft 数值 ...
2019-04-08 17:59:12
4484
原创 Element基类的属性与方法
Element基类 描述: 定义了所有元素节点的公有属性与方法 说明: Element是非常通用的基类,所有 Document对象下的对象都继承它. 这个接口描述了所有相同种类的元素所普遍具有的方法和属性 原型属性 属性名 值 类型 描述 tagName 标签名 String 返回此元素的标签名(大写) name name属性值 String 获取元素的name属性 id ...
2019-04-08 17:35:47
1457
1
原创 Documen接口提供的属性与方法
Document接口类 描述: 定义了所有文档类型的一些公有属性与方法 说明: Domcument接口表示已经加载好的文档, 提供了全局操作document的功能,比如创建,获取, 状态,文档信息等, 原型属性 属性名 值 类型 描述 documentElement 根元素 [object HTMLHtmlElement] 返回文档对象(document)的根元素 body 文...
2019-04-08 16:55:49
458
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人