学习途径:
- 第二次培训+笔记
- CSDN
- 菜鸟
学习内容
CSS,html:
盒模型:
每个元素都有对应的容器,从外到内分别为margin,border,padding,content(知道大致结构差不多,慢慢试,和移动有点像)
布局:
- 块级元素在display属性定义为block,多个元素默认新开一行
- 可以设置内列元素,display 属性为inline-block,将多个块级元素同行排列
- float将元素依次排列,有left right两种排列,没搞明白具体和inlineblock有啥区别,不过慢慢试也差不多
视频:
以video标签声明,用``````声明路径\
autoplay自动播放,controls设置是否可控,muted设置静音播放,loop设置循环播放
JavaScript
具体语法和C++差不多,可以在头标签处声明也可以放在最后\
var 和let都可以声明变量,目前没看出来什么不同、
window.alert()弹出提示窗口\
console.log()在控制台打印内容(F12进调试还可以看布局)\
运行顺序也是从上至下一行一行执行,没什么区别\
函数部分用function声明+函数名+()+{函数体},用函数名()调用\
全局变量可以在局部被使用,但是局部变量转为全局变量有点麻烦,在CSDN上看到这样的方法:
(function(win){
win.aim = x;
})(window);
是将局部变量赋值给了win的一个属性然后可以在全局被调用\
函数可以和button绑定,用onclick=""声明触发的函数\
input可以用<code class="prettyprint" >document.getElementById("").value
得到输入的值\
循环条件判断没啥问题,这次作业用不上,不过写了个死循环倒是直接让浏览器崩了