JS

参考

导入方式

内联样式，和css（style）很像

script标签导入，可以放在head或body标签中

外联样式

打印内容方式

console.log:在控制台显示
alert：网页弹窗

JS变量

var函数作用域，let是块作用域，一般使用let，放置触发函数数据变化


null表示定义赋予空值。

控制语句

条件判断

if 
else if
else...

循环语句

for ，while，do…while,也有continue和break，和c语言很像

函数

变量作用域

全局变量和局部变量

JS中的事件处理

触发上面事件的方式

html中绑定的JS函数方法

点击事件，onclik

DOM

这个DOM模型，使用中更像JS中的一个已经定义的对象，通过它下面的API获取html中的元素代码

DOM中选择文档元素，很像html中的选择器。使用DOM中的document的api获得

常用的三种获取元素的方式：id，标签，类

其中只有id返回的是唯一元素，另外两个返回的是集合，而集合中元素的访问方式和c语言一样

修改元素值和属性

修改属性，el.style.fontsize等格式

使用DOM绑定事件

1，对元素使用dom的api获取到变量，然后对元素的方法进行函数赋值

例如下面的得到button元素，然后对button的onclik属性进行函数赋值

和使用html中属性绑定的函数方式比较

2，EventListener

先获取元素变量，然后对变量使用addEventListerner方法/函数，其中需要两个参数，一个是事件，另一个是绑定的函数

DOM常用方式

增删的实例

新增行

删除节点

编辑节点

移动端布局

主要为了方便匹配电脑端和移动端显示效果


下面的对应html头部文件中的内容，这个部分内容可以实现页面根据不同设备自动调整长宽

长度单位rem

flex布局

下面是一个项目对齐方式：包含边框和边距等


下面是内容对齐方式