<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[devJan的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/devJan</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; devJan]]></copyright><item><title><![CDATA[html学习笔记]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/117898156</link><guid>https://blog.youkuaiyun.com/devJan/article/details/117898156</guid><author>devJan</author><pubDate>Mon, 14 Jun 2021 11:31:09 +0800</pubDate><description><![CDATA[用户代理(user agent )：
用户代理的作用是查看和显示html文档的，常见的有浏览器， 在用浏览器调试工具时，经常能看到浏览器的默认样式（user agent stylesheet）, user agent在这就是指浏览器的意思。
html文档的基本结构：&lt;一个完整的html文档，必须包含&gt;

&lt;!doctype html&gt;： 文档声明，标志这是一个html文档，代表文档的开头。
html 标签： 表示html文档的开始， 所有内容必须放在html标签里面。
head 标签]]></description><category></category></item><item><title><![CDATA[html模板]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/117736092</link><guid>https://blog.youkuaiyun.com/devJan/article/details/117736092</guid><author>devJan</author><pubDate>Wed, 09 Jun 2021 11:30:07 +0800</pubDate><description><![CDATA[&lt;!DOCTYPE html&gt;
&lt;html lang="zh-CN"&gt;
  &lt;head&gt;
    &lt;meta charset="UTF-8" /&gt;
    &lt;!-- 强制使用Chromium内核，主要是对于360浏览器、QQ浏览器等国产双核浏览器 --&gt;
    &lt;meta name="renderer" content="webkit" /&gt;
    &lt;!-- 强制Chromium内核，主要是对于其他双核浏览器 --&gt;
 ]]></description><category></category></item><item><title><![CDATA[css样式重置]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/117736036</link><guid>https://blog.youkuaiyun.com/devJan/article/details/117736036</guid><author>devJan</author><pubDate>Wed, 09 Jun 2021 11:27:12 +0800</pubDate><description><![CDATA[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]]></description><category></category></item><item><title><![CDATA[sass学习笔记]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/117655757</link><guid>https://blog.youkuaiyun.com/devJan/article/details/117655757</guid><author>devJan</author><pubDate>Mon, 07 Jun 2021 11:56:02 +0800</pubDate><description><![CDATA[变量
规则嵌套

1. 变量

变量声明





声明方式
应用场景




$color: red;
赋于一个值


$border: 1px solid #ccc;
声明一个border简写属性值


$font-family: ‘宋体’, ‘微软雅黑’
声音一个字体系列， 用逗号分隔



任何css属性值都可用于变量值


变量调用


声明一个颜色为红色的变量：
$color: red;
调用变量
body{ color: $color; }


在任何地方有需要使用的变量的地方都可以调用 ,.]]></description><category></category></item><item><title><![CDATA[css常用的命名规则与书写顺序]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/117191242</link><guid>https://blog.youkuaiyun.com/devJan/article/details/117191242</guid><author>devJan</author><pubDate>Sun, 23 May 2021 11:38:37 +0800</pubDate><description><![CDATA[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-]]></description><category></category></item><item><title><![CDATA[传统布局： 标准流、浮动与定位]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/117187735</link><guid>https://blog.youkuaiyun.com/devJan/article/details/117187735</guid><author>devJan</author><pubDate>Sun, 23 May 2021 11:05:42 +0800</pubDate><description><![CDATA[传统布局三种方式

标准流（盒模型）
浮动
定位


一、标准流

元素的划分
行内元素
块级元素

1. 元素的划分

行内元素 - inline
块级元素 - block
特殊的行内块元素 - inline-block

- 关键
-  行内元素负责页面的横向排版
-  块级元素负责页面的纵向排版

- 行内元素
- 1. 不能设置宽高
- 2. 默认在一行排列显示
- 3. 当一行显示不下时，会自动换行显示
- 4. 不能设置垂直方向的外边距
- 5. 可以设置padding与水平方向的margin与]]></description><category></category></item><item><title><![CDATA[常用命令]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/116565717</link><guid>https://blog.youkuaiyun.com/devJan/article/details/116565717</guid><author>devJan</author><pubDate>Sun, 09 May 2021 15:47:45 +0800</pubDate><description><![CDATA[curl  请求远程链接
wget 请求远程链接并下载到本地

]]></description><category></category></item><item><title><![CDATA[常用工具集]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/116559682</link><guid>https://blog.youkuaiyun.com/devJan/article/details/116559682</guid><author>devJan</author><pubDate>Sun, 09 May 2021 09:10:41 +0800</pubDate><description><![CDATA[系统
软件包管理器
安装




Window
Chocolatey
其他


macOs
Brew
官网



]]></description><category></category></item><item><title><![CDATA[JS: offsetLeft/Top、offsetParent、scrollLeft/Top、clientLeft/Top、scrollX、scrollY、pageXOffset、pageYOffse]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89519605</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89519605</guid><author>devJan</author><pubDate>Thu, 25 Apr 2019 16:55:17 +0800</pubDate><description><![CDATA[定位的父级元素
offsetParent:离当前元素最近的非position:static的元素


]]></description><category></category></item><item><title><![CDATA[JS: innerWidth/Heigt、outerWidth/Height、offsetWidth/Height、clientWidth/Height、scrollWidth/Height]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89482343</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89482343</guid><author>devJan</author><pubDate>Tue, 23 Apr 2019 22:03:41 +0800</pubDate><description><![CDATA[一、浏览器窗口尺寸
window.outerWidth: 浏览器窗口实际宽度
window.outerHeight: 浏览器窗口实际高度
二、浏览器视窗尺寸（visualViewport）
window.innerWidth: 浏览器视窗的宽度（眼睛能看到的显示页面的区域，包括纵向滚动条的宽度）
window.innerHeight: 浏览器视窗的高度（眼睛能看到的显示页面的区域，包括横向滚动条的...]]></description><category></category></item><item><title><![CDATA[盒子模型]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89449811</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89449811</guid><author>devJan</author><pubDate>Mon, 22 Apr 2019 13:07:54 +0800</pubDate><description><![CDATA[描述： 每个盒子有四个边界（Content Edge，Padding Edge，Border Edge，Margin Border）
Content Edge:  内容边界
Padding Edge: 内边距边界
Border Edge: 边框边界
Margin Edge: 外边框边界
见图：


...]]></description><category></category></item><item><title><![CDATA[ES6: Promise对象的基础]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89434954</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89434954</guid><author>devJan</author><pubDate>Sun, 21 Apr 2019 16:35:01 +0800</pubDate><description><![CDATA[内置属性
[[PromiseStatus]]

Promise 的当前状态
有三种状态[“pending”,  “resolved”,  “rejected”]
初始状态是"pending"
状态由调用的resolve,reject 回调函数, throw语句抛出，程序异常来决定状态的变化, 只会变化成[‘resolved’, ‘rejected’]
最后的状态如果没有异常或者异常被处理就必定是“...]]></description><category></category></item><item><title><![CDATA[nodejs配置http2]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89372485</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89372485</guid><author>devJan</author><pubDate>Thu, 18 Apr 2019 10:03:52 +0800</pubDate><description><![CDATA[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...]]></description><category></category></item><item><title><![CDATA[本地远程连接阿里云服务器]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89365422</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89365422</guid><author>devJan</author><pubDate>Wed, 17 Apr 2019 21:32:28 +0800</pubDate><description><![CDATA[方式

Windows连接
Linux连接

Windows连接
Step1 :  win+R
Step2:  输入mstsc命令, 打开远程连接
Step3:  输入IP地址， 用户名
Step4:  单击连接按钮

Linux连接
Step1: 下载putty软件
Step2: 解压缩后运行putty.exe可执行文件
Step3: 填入阿里云服务器公网IP地址
Step4: 保存，打开连接，...]]></description><category></category></item><item><title><![CDATA[dom树的遍历]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89330940</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89330940</guid><author>devJan</author><pubDate>Tue, 16 Apr 2019 12:23:14 +0800</pubDate><description><![CDATA[HTML代码
&lt;!DOCTYPE html&gt;
&lt;html lang="zh-cmn-Hans"&gt;
  &lt;head&gt;
  	&lt;meta name="keywords" content="扫描dom树" /&gt;
  	&lt;meta key="description" content="简单的小demo" /&gt;
  	&lt;meta key="a...]]></description><category></category></item><item><title><![CDATA[CSS选择器]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89322782</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89322782</guid><author>devJan</author><pubDate>Mon, 15 Apr 2019 22:42:15 +0800</pubDate><description><![CDATA[CSS选择器分组
1. 基本选择器
2. 关系选择器
3. 属性选择器
4. 伪类选择器
5. 伪对象选择器
一、基本选择器




选择器
类型
描述




*
通配选择器
文档所有元素


#id
id选择器
选择元素为指定id标识的唯一元素


.class
类选择器
选择元素的class属性包含此class的元素集合


E
元素选择器
选择指定标签名为E的元素集合


selector...]]></description><category></category></item><item><title><![CDATA[HtmlElement的属性与方法]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89099492</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89099492</guid><author>devJan</author><pubDate>Mon, 08 Apr 2019 17:59:12 +0800</pubDate><description><![CDATA[HtmlElement html标记元素类
描述: 继承自Element和GlobalEventHandlers接口




属性名
值
类型
描述




offsetWidth
数值
Number
返回一个元素的布局宽度


offsetHeight
数值
String
获取元素的name属性


offsetParent

String
返回此元素的id标识


offsetLeft
数值
...]]></description><category></category></item><item><title><![CDATA[Element基类的属性与方法]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89098355</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89098355</guid><author>devJan</author><pubDate>Mon, 08 Apr 2019 17:35:47 +0800</pubDate><description><![CDATA[Element基类
描述: 定义了所有元素节点的公有属性与方法
说明: Element是非常通用的基类，所有 Document对象下的对象都继承它. 这个接口描述了所有相同种类的元素所普遍具有的方法和属性
原型属性




属性名
值
类型
描述




tagName
标签名
String
返回此元素的标签名(大写)


name
name属性值
String
获取元素的name属性


id
...]]></description><category></category></item><item><title><![CDATA[Documen接口提供的属性与方法]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89096187</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89096187</guid><author>devJan</author><pubDate>Mon, 08 Apr 2019 16:55:49 +0800</pubDate><description><![CDATA[Document接口类
描述: 定义了所有文档类型的一些公有属性与方法
说明: Domcument接口表示已经加载好的文档， 提供了全局操作document的功能，比如创建，获取， 状态，文档信息等,
原型属性




属性名
值
类型
描述




documentElement
根元素
[object HTMLHtmlElement]
返回文档对象（document）的根元素


body
文...]]></description><category></category></item><item><title><![CDATA[Node接口的属性与方法]]></title><link>https://blog.youkuaiyun.com/devJan/article/details/89076014</link><guid>https://blog.youkuaiyun.com/devJan/article/details/89076014</guid><author>devJan</author><pubDate>Sun, 07 Apr 2019 21:52:56 +0800</pubDate><description><![CDATA[Node接口类
类属性
类属性

12种节点类型常量
2个节点比较 的位置常量


]]></description><category></category></item></channel></rss>