JS实战

注意：

let demo = document.querySelector('#demo')    //通过css选择器找到demo这个元素

demo.innerHTML = string.substring(0,n)  //(0,n)其中第n个没显示出来，不包含n

let string = 'xxxxx'
string[0].charCodeAt()   
//可以得出第0个字符的Unicode编码,可以在ascii table上查看对应的编码

string = string.replace("\n","<br>")  
//replace只会把第一个表达式变成<br>，后面的不会变
所以要用到正则表达式

string = string.replace(/\n/g,"<br>")  
//把"\n"变成/\n/g，正则表达式会把所有的\n变成<br>

程序猿三大难题：

1. 要不要加1（1-offset）
2. 怎么命名（naming problem）
3. 缓存失效（cache problem） 解决办法：试！

新工具：css gradient background generator

#div1::before{
    content: '1';
}
#div1::after{
    content: '2';
}

这是一个伪元素，意思是用css在div的第一个子元素上加上一个1，用css在div的最后一个子元素上加上一个2 这个before相当于一个<span>

如果要变div的话可以这样：

#div1::before{
    content: '1';
    display: block;
}

parcel build src/index.html --public-url .

node_modules不要

git commit -m 'update build'