项目中遇到的bug或技术难点（持续更新中）

一，在页面布局中，使用img图片设置宽高为父元素100%，会出现有默认空隙问题。

解决：
	1：给img标签添加float:left
	2:给img添加display:black

二，BFC是什么？解决了什么问题？

解决：
	1，BEC全称：Block Flrmatting Context ,翻译为块级格式化上下文，它是css2.1规范定义的，关于css渲染定位的一个概念。
	2，可以解决因float浮动造成的父元素塌陷问题。
	3，可以解决div浮动造成的遮盖问题【overflow:hidden；触发BFC来解决遮挡问题】
	4，可以解决margin塌陷的问题【overflow:hidden;产生BFC来解决】、

三，项目中input输入框获取焦距，会出现虚拟键盘会挡住导航栏的bug。

解决：
	可以在获取焦距时使用display：none把导航栏隐藏掉，在失去焦距时使用display：block在显示就可以了。

四，渐进增强和优雅降级之间的区别

.渐进增强：一开始就针对低版本浏览器进行构建页面，完成基本的功能，然后再针对高级浏览器进行效果、交互、追加功能达到更好的体验。
.优雅降级：一开始就构建站点的完整功能，然后针对浏览器测试和修复。比如一开始使用 CSS3 的特性构建了一个应用，然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览。
.其实渐进增强和优雅降级并非什么新概念，只是旧的概念换了一个新的说法。在传统软件开发中，经常会提到向上兼容和向下兼容的概念。渐进增强就是相当于向上兼容，而优雅降级就相当于向下兼容

js操作DOM方法

1. 查找：getElementsByTagName，getElementsByClassName，getElementById.
2. 创建元素节点：createElement
3. 创建文本节点：createTextNode
4. 赋值节点：cloneNode
5. 插入节点：appendChild,insertBefore.
6. 删除节点：removeChild
7. 替换节点：replaceChild
8. 设置属性获取属性：setAttribute,getAttribute
9. 插入HTML结构：innerHTML
10. 插入TEXT文本：innerTEXT

js如何获取ul中鼠标点的行号

	<ul>
		<li>a</li>
		<li>b</li>
		<li>c</li>
	</ul>
	<script>
		let list=document.getElementsByTagName('li')
		for(let i=0;i<list.length;i++){
			(function(){
				list[i].onclick=function(){
				console.log(i)
			}
			})(i)
		}
	</script>

使用getElementSByTagName获取列表，循环，函数自执行

本地图片地址转base64编码

btoa('D:\Documents\Pictures\Saved Pictures/111.png')
[https://www.runoob.com/jsref/met-win-btoa.html

(https://www.runoob.com/jsref/met-win-btoa.html)

设置 letter-spacing 后文字不能居中的解决方法

text-align: center;
letter-spacing: 1em;
text-indent: 1em;

css3动画

动画使用地址

animation-fill-mode : none | forwards | backwards | both;

none：不改变默认行为。
forwards ：当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。
backwards：在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）。
both：向前和向后填充模式都被应用。

引入gif图片不动问题

在scr地址栏后添加随机数

<img src="../../../../assets/subpage/Exchange_moon.gif