<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[APieceOfBullshit]]></title><description><![CDATA[超越动物欲望总和的每一个人都应做自己尊重的人]]></description><link>https://blog.youkuaiyun.com/The_Light_</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; The_Light_]]></copyright><item><title><![CDATA[Eslint]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/98330486</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/98330486</guid><author>The_Light_</author><pubDate>Sat, 03 Aug 2019 14:22:52 +0800</pubDate><description><![CDATA[在前端协作开发中，Eslint和Stylelint格外重要。在vscode中配合prettier使用时遇到一些问题，百度结果没有解决自己的问题，于是自己研究了一下。
Eslint和prettier结合使用
因为Eslint的格式化配置和prettier会有冲突，于是需要将它们结合起来使用
1. prettier优先
我们在项目根目录下创建一个.prettierrc.js的prettier配置文件。...]]></description><category></category></item><item><title><![CDATA[CSS文本换行设置]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/97618386</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/97618386</guid><author>The_Light_</author><pubDate>Sun, 28 Jul 2019 20:16:12 +0800</pubDate><description><![CDATA[1、word-wrap
word-wrap:normal | break-word;

这里设置的是文本内容换行
normal：默认值，当一行剩余空间无法容纳下一个字（英文是指单词）时，会换行

break-word：针对英文的文本，这个值可以让一个单词拆分开来换行。

2、word-break
word-break:normal | break-all | keep-all

决定单词是否柴拆分...]]></description><category></category></item><item><title><![CDATA[CSS浮动定位（float）]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/97612626</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/97612626</guid><author>The_Light_</author><pubDate>Sun, 28 Jul 2019 19:05:46 +0800</pubDate><description><![CDATA[CSS浮动定位
在CSS中设置一个盒子的float值为left或者right，就会使得盒子浮动起来。
浮动盒子的特点：

浮动盒子向左或者右移动，直到碰到包含块的边界（content）或者另一个浮动盒的外边界（margin）
如果存在行框，浮动盒的上外边界（margin）和当前行框的上边界对齐


...]]></description><category></category></item><item><title><![CDATA[CSS2.1常规流（包含BFC，IFC）]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/97552524</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/97552524</guid><author>The_Light_</author><pubDate>Sat, 27 Jul 2019 22:26:19 +0800</pubDate><description><![CDATA[常规流中的盒可能是块，可能是行内，块级盒参与块格式话上下文（BFC），行内级盒参与行内格式化上下文（IFC）
一、BFC（Block Formatting contexts）
BFC就是我们常说的块级格式化上下文。

哪些元素会建立新的块级格式化上下文？


浮动元素
绝对定位元素
非块盒的块容器（display为inline-blocks、table-cells和table-captions）
...]]></description><category></category></item><item><title><![CDATA[CSS（深入研究合并外边距collapse）]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/97309010</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/97309010</guid><author>The_Light_</author><pubDate>Thu, 25 Jul 2019 22:12:32 +0800</pubDate><description><![CDATA[合并外边距
CSS中，两个或多个盒（可能但不一定是兄弟）的相邻的垂直方向的margin会被结合成一个margin。外边距按这种方式结合叫做合并（collapse）
1、相邻的垂直外边距会合并，除了

html和body的外边距不合并


图一

元素如果带有clear属性（生成间隙clearance），上外边距与下外边距相邻（height为0），那么它的外边距会和兄弟的相邻外边距合并，但合并后的m...]]></description><category></category></item><item><title><![CDATA[Canvas进阶（相关接口）]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/97247136</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/97247136</guid><author>The_Light_</author><pubDate>Thu, 25 Jul 2019 11:22:26 +0800</pubDate><description><![CDATA[Canvas进阶（相关接口）
		
		
		
		
	
	
		
			
				Canvas进阶（相关接口）
				
			
			
				
					绘制线条
					
						
							多边形的自动闭合
							
								
									当我们简单地绘制一个多边形的时候，最终运行出来会发现没有完全闭合
									
										
...]]></description><category></category></item><item><title><![CDATA[Canvas高级内容]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/97246330</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/97246330</guid><author>The_Light_</author><pubDate>Thu, 25 Jul 2019 11:12:11 +0800</pubDate><description><![CDATA[Canvas高级内容
		
		
		
		
	
	
		
			
				Canvas高级内容
				
			
			
				
					阴影
					
						
							context.shadowColor
						
						
							context.shadowOffsetX
						
						
							context.shadowO...]]></description><category></category></item><item><title><![CDATA[简单canvas入门]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/97245790</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/97245790</guid><author>The_Light_</author><pubDate>Thu, 25 Jul 2019 11:07:03 +0800</pubDate><description><![CDATA[简单canvas入门 - 幕布
		
		
		
		
	
	
		
			
				简单canvas入门
				
			
			
				
					创建canvas以及初始化
					
						
							&lt;canvas id="canvas" width="1024"
								height="768"&gt;&lt;/canvas&gt;注意这个widt...]]></description><category></category></item><item><title><![CDATA[js属性描述对象]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/97040043</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/97040043</guid><author>The_Light_</author><pubDate>Tue, 23 Jul 2019 22:07:37 +0800</pubDate><description><![CDATA[javascript属性描述结构
6个元属性

value 属性值
writable 属性是否可写
enumerable 属性是否可遍历
configurable  属性是否可配置（属性描述对象的可写性）
get getter函数
set  setter函数

Object.getOwnPropertyDescriptor(对象，属性名)
用于获取属性描述对象
Object.getOwnPrope...]]></description><category></category></item><item><title><![CDATA[html文件!DOCTYPE声明]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/97031709</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/97031709</guid><author>The_Light_</author><pubDate>Tue, 23 Jul 2019 20:35:18 +0800</pubDate><description><![CDATA[在html文件中，如果不加！DOCTYPE则会按照浏览器的解析标准去解析。加了就会按照W3C标准解析。所以为了更好地兼容浏览器，应该要写明！DOCTYPE

]]></description><category></category></item><item><title><![CDATA[前端模块化（ES6和CommonJS）]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/96902854</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/96902854</guid><author>The_Light_</author><pubDate>Mon, 22 Jul 2019 21:58:01 +0800</pubDate><description><![CDATA[前端模块化
对于开发大型的、复杂的项目，模块化显得十分重要。
ES6出现之前，社区主要有CommonJS和AMD两种，前者用于服务器，后者用于浏览器。ES6模块化则可以完全替代它们。
ES6模块与CommonJS和AMD的主要区别
ES6模块依赖是在编译时就能确定，而后两者只能在运行时才能确定。
1. 运行时加载
// CommonJS模块
let { stat, exists, readFile...]]></description><category></category></item><item><title><![CDATA[Babel的使用]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/96829477</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/96829477</guid><author>The_Light_</author><pubDate>Mon, 22 Jul 2019 21:08:53 +0800</pubDate><description><![CDATA[babel工具
Babel 是一个工具链，主要用于将 ECMAScript 2015+ 版本的代码转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。
所需的包
@babel/corebabel核心功能模块
@babel/clibabel CLI命令行工具
@babel/preset-envbabel预设(包含一组设定好的插件)
@babel/polyfi...]]></description><category></category></item><item><title><![CDATA[ES5概略]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/96142088</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/96142088</guid><author>The_Light_</author><pubDate>Tue, 16 Jul 2019 15:38:19 +0800</pubDate><description><![CDATA[ES5学习
1、概要


轻量级脚本语言（不能开发OS，只控制其他大型program）


嵌入式语言（JS无I/O相关API，靠host提供）


JavaScript核心语法：基本的语法构造和标准库


使用领域：浏览器、Node、数据库操作、移动平台、内嵌脚本语言（GNOME3）、跨平台桌面应用


性能强大：适合异步编程、支持编译后运行、事件驱动和非阻塞式设计


2、JavaScript...]]></description><category></category></item><item><title><![CDATA[display,position和float之间的关系（Relationships between 'display', 'position ',and 'float ')]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/80724057</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/80724057</guid><author>The_Light_</author><pubDate>Mon, 18 Jun 2018 14:33:40 +0800</pubDate><description><![CDATA[三个影响盒子构建和布局的元素——‘display’，‘position’ 和 ‘float’——相互影响如下： 
    1、如果‘display’ 取 ’none‘ 值，那么’position‘ 和 ’float‘ 的设置都不会应用。在这种情况下，元素不构建盒子（不显示） 
    2、否则，如果 ’postion‘ 取值为 ’absolute‘ 或者 ’fixed‘ ，那么该盒子就被放在绝对位...]]></description><category></category></item><item><title><![CDATA[Node.js入门]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/79665332</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/79665332</guid><author>The_Light_</author><pubDate>Wed, 25 Apr 2018 21:39:03 +0800</pubDate><description><![CDATA[一、定义 
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。  
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。  
Node.js 的包管理器 npm，是全球最大的开源库生态系统。 
官方网站 http://nodejs.cn

二、npm的使用 
npm的官网https://www.npmjs.com/ 
查询npm版本号...]]></description><category></category></item><item><title><![CDATA[CSS3新布局]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/79690977</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/79690977</guid><author>The_Light_</author><pubDate>Wed, 25 Apr 2018 21:38:05 +0800</pubDate><description><![CDATA[一、多列布局 
1、columns属性定义多列布局 
columns: column-width | | column-count; 
columns属性初始值根据元素个别属性决定，它适用于不可替换的块元素、行内块元素、单元格，但是表单元素除外。

1）设置列宽 
column-width: length | auto ;

2）设置列数 
column-count: integer | auto...]]></description><category></category></item><item><title><![CDATA[jQuery选择器基础]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/79714482</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/79714482</guid><author>The_Light_</author><pubDate>Wed, 25 Apr 2018 21:37:58 +0800</pubDate><description><![CDATA[一、基础 
1）支持CSS1、CSS2、CSS3不同版本的选择器 
2）不用考虑浏览器兼容性问题 
3）依然依靠j原生方法 
4）如果jQuery选择器没有匹配元素，则会返回一个空的伪数组对象。、 
Ps：$是jQuery的别名，如$()等效于jQuery()，将jQuery对象转换为DOM对象有两种方法，一是借助下标，二是借助jQuery方法如get（)方法

二、基本选择器 
1、ID选择器 ...]]></description><category></category></item><item><title><![CDATA[使用过滤器]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/79721749</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/79721749</guid><author>The_Light_</author><pubDate>Wed, 25 Apr 2018 21:37:45 +0800</pubDate><description><![CDATA[一、过滤 
其中的expr是css查询字符串表达式




  过滤方法
  说明



  eq(index)
  获取第N个元素


  hasClass(class)
  检查当前元素是否属于特定的类，如果有，返回true


  filter(expr)
  筛选出与指定函数返回值匹配的元素集合


  filter(function)
  筛选出与指定函数返回值匹配的元素集合


  i...]]></description><category></category></item><item><title><![CDATA[jQuery操作DOM]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/79728962</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/79728962</guid><author>The_Light_</author><pubDate>Wed, 25 Apr 2018 21:37:31 +0800</pubDate><description><![CDATA[一、创建节点 
在web开发中，主要操作的节点包括元素、属性和文本 
1）创建元素 
使用DOM创建节点，使用appendChild()方法添加到文档中 
document.createElement(&quot;tagName&quot;) 
使用jQuery构造函数$()创建元素对象（返回一个jQuery对象） 
$(html字符串)  eg:$(&quot;&amp;lt;div&amp;gt;&amp;lt;/div&amp;gt;&quot;)使用appen...]]></description><category></category></item><item><title><![CDATA[jQuery事件处理]]></title><link>https://blog.youkuaiyun.com/The_Light_/article/details/79734187</link><guid>https://blog.youkuaiyun.com/The_Light_/article/details/79734187</guid><author>The_Light_</author><pubDate>Wed, 25 Apr 2018 21:37:17 +0800</pubDate><description><![CDATA[一、事件模型基础 
jQuery使劲按模型体现了以下特征： 
①统一了事件处理中的各种方法 
②允许在每个元素上为每个事件类型建立多个处理程序 
③采用了DOM事件模型中标准的事件类型名称 
④统一了event事件对象的传递方法，并进行了规范 
⑤为事件管理和操作提供了统一的方法 
jQuery事件模型不支持DOM中的捕获型阶段

1、绑定事件 
jQuery提供了四种事件绑定方式：bind()、...]]></description><category></category></item></channel></rss>