前端学习感悟-杂记

##这篇博客是用来提醒自己的

2018-7-18
1.div的contenteditable属性可以让块区内容拥有改写能力
2.css布局：目前只支持横向布局和纵向布局，因此书写HTML时注意使用div进行嵌套。
2018-7-19
3.搜 css例子：如居中 ： Google center CSS Tricks
4.阮一峰、张鑫旭
5.Codrops 炫酷 CSS 效果
6.http-server -c-1启动一个服务器，并清除浏览器缓存
7.背景图网站:https://alpha.wallhaven.cc/
8.背景图片尺寸background-size:cover;背景图充满
9.css3 generate （css代码自动生成）
10.http://www.baidu.com/favicon.ico可以取得网站的图标。
2017-7-27
11.html5默认允许用户缩放页面，如果需要禁止缩放，我们需要将user-scalabel=0设置下，具体代码如下：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
最近测试html5页面，发现默认都允许用户缩放页面，或者在屏幕双击放大或缩小。即相当于这样设置

<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=yes" /> 

如果要禁止此情形，修改相应参数即可。

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />

2018-7-31
11.浮动的元素，和脱离文档流的元素。会变成行内元素，行内快元素。
white-space: nowrap;可以解决这个问题，让其不换行
12.event.target用户操作的元素。event.currentTarget监听的元素
注意brother.tagName="UL"返回的是大写的
13.let li=document.querySelectorAll("nav>ul>li"); 参数是一个选择器得到的li是一个数组。
14.window.scrollY滚轮滚动的距离，window.onscroll=function (){}鼠标滚动事件。
15.

a.onclick=function(event){
	event.preventDefault();

//此方法可以阻止a的默认的方法。
}
a
16.动画

a{nimation: loading 1.5s linear infinite(无限循环) ;}
@keyframes loading{
	form{
	}
	to{
	}

}
渐变
transition：all .3s linear;

var div=document.getElementsByTagName(“div”)[0];
var a=div.childNodes[0];
console.log(a.parentNode.childNodes);
2018-8-20

git add -f <file>

强制添加被忽略（.gitignore）掉的文件

2018-12-7
new Date().toLocaleString(‘chinese’, { hour12: false })

持续更新中…