- 博客(20)
- 收藏
- 关注
RSS订阅原创 html学习笔记
用户代理(user agent )：用户代理的作用是查看和显示html文档的，常见的有浏览器， 在用浏览器调试工具时，经常能看到浏览器的默认样式（user agent stylesheet）, user agent在这就是指浏览器的意思。html文档的基本结构：<一个完整的html文档，必须包含><!doctype html>： 文档声明，标志这是一个html文档，代表文档的开头。html 标签： 表示html文档的开始， 所有内容必须放在html标签里面。head 标签
2021-06-14 11:31:09
265
原创 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
126
原创 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
363
原创 sass学习笔记
变量规则嵌套1. 变量变量声明声明方式应用场景$color: red;赋于一个值$border: 1px solid #ccc;声明一个border简写属性值$font-family: ‘宋体’, ‘微软雅黑’声音一个字体系列， 用逗号分隔任何css属性值都可用于变量值变量调用声明一个颜色为红色的变量：$color: red;调用变量body{ color: $color; }在任何地方有需要使用的变量的地方都可以调用 ,.
2021-06-07 11:56:02
189
原创 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
106
原创 传统布局： 标准流、浮动与定位
传统布局三种方式标准流（盒模型）浮动定位一、标准流元素的划分行内元素块级元素1. 元素的划分行内元素 - inline块级元素 - block特殊的行内块元素 - inline-block- 关键- 行内元素负责页面的横向排版- 块级元素负责页面的纵向排版- 行内元素- 1. 不能设置宽高- 2. 默认在一行排列显示- 3. 当一行显示不下时，会自动换行显示- 4. 不能设置垂直方向的外边距- 5. 可以设置padding与水平方向的margin与
2021-05-23 11:05:42
224
原创 JS: offsetLeft/Top、offsetParent、scrollLeft/Top、clientLeft/Top、scrollX、scrollY、pageXOffset、pageYOffse
定位的父级元素offsetParent:离当前元素最近的非position:static的元素
2019-04-25 16:55:17
729
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
452
原创 盒子模型
描述： 每个盒子有四个边界（Content Edge，Padding Edge，Border Edge，Margin Border）Content Edge: 内容边界Padding Edge: 内边距边界Border Edge: 边框边界Margin Edge: 外边框边界见图：...
2019-04-22 13:07:54
348
原创 ES6: Promise对象的基础
内置属性[[PromiseStatus]]Promise 的当前状态有三种状态[“pending”, “resolved”, “rejected”]初始状态是"pending"状态由调用的resolve,reject 回调函数, throw语句抛出，程序异常来决定状态的变化, 只会变化成[‘resolved’, ‘rejected’]最后的状态如果没有异常或者异常被处理就必定是“...
2019-04-21 16:35:01
257
原创 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
2462
原创 本地远程连接阿里云服务器
方式Windows连接Linux连接Windows连接Step1 : win+RStep2: 输入mstsc命令, 打开远程连接Step3: 输入IP地址， 用户名Step4: 单击连接按钮Linux连接Step1: 下载putty软件Step2: 解压缩后运行putty.exe可执行文件Step3: 填入阿里云服务器公网IP地址Step4: 保存，打开连接，...
2019-04-17 21:32:28
1016
原创 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
309
原创 CSS选择器
CSS选择器分组1. 基本选择器2. 关系选择器3. 属性选择器4. 伪类选择器5. 伪对象选择器一、基本选择器选择器类型描述*通配选择器文档所有元素#idid选择器选择元素为指定id标识的唯一元素.class类选择器选择元素的class属性包含此class的元素集合E元素选择器选择指定标签名为E的元素集合selector...
2019-04-15 22:42:15
240
原创 HtmlElement的属性与方法
HtmlElement html标记元素类描述: 继承自Element和GlobalEventHandlers接口属性名值类型描述offsetWidth数值Number返回一个元素的布局宽度offsetHeight数值String获取元素的name属性offsetParentString返回此元素的id标识offsetLeft数值...
2019-04-08 17:59:12
4536
原创 Element基类的属性与方法
Element基类描述: 定义了所有元素节点的公有属性与方法说明: Element是非常通用的基类，所有 Document对象下的对象都继承它. 这个接口描述了所有相同种类的元素所普遍具有的方法和属性原型属性属性名值类型描述tagName标签名String返回此元素的标签名(大写)namename属性值String获取元素的name属性id...
2019-04-08 17:35:47
1495
1
原创 Documen接口提供的属性与方法
Document接口类描述: 定义了所有文档类型的一些公有属性与方法说明: Domcument接口表示已经加载好的文档， 提供了全局操作document的功能，比如创建，获取， 状态，文档信息等,原型属性属性名值类型描述documentElement根元素[object HTMLHtmlElement]返回文档对象（document）的根元素body文...
2019-04-08 16:55:49
494
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人