Front End Libraies
开头我讲一种调试方法：
假如页面是通过div进行布局的，那么执行下面一段代码，可以快速的显示出页面的布局document.querySelectorAll('div').forEach( (d) => d.style.border = "1px dashed red")
也有一个浏览器插件起到类似作用 https://github.com/mrmrs/pesticide/blob/master/css/pesticide.css
⚠️：css中一定要记得；我都忘记许多次了
bootstrap
jQuery
jQuery是dom操作的封装，曾经很火，但是随着react/vue等的兴起，逐渐没落。
selector
1. by Type
2. by Class
3. by Id
类相关
addClass
removeClass
css
元素相关
html
remove
function chaining
SASS
sass之所以被发明和使用，就是因为它有一些css不具备的特点，这些特点如下
write sass convert to css，放心大胆的写sass，最后会被预编译成为css的。
Sass变量定义和使用
$符号
支持嵌套写法
@mixin
条件分支
循环
@include
React
jsx
ReactDOM.render(JSX, document.getElementById('root'))
jsx 和 html之间的一些差别
- 因为
class是js中的关键词，所以jsx中使用className -
<br><hr>在html中是合法的，在jsx中要加上闭合<br /><hr />
Component
Component是React里面的重要概念
props
state
NodeList为什么不能使用.map方法？
你可以使用.forEach
odd和even怎么记忆？
odd是3个字母，单数，所以表示奇数
even是4个字母，所以表示偶数
longitude and latitude怎么记忆？