软件园学生在线

  • {{ item.name }}
  • 2023试用期

登录与注册

【蒋晓宇:第二次前端培训】移动真难,鸽了

  • 蒋晓宇
  • 2022-10-19
  • 0

学习途径:

  • 第二次培训+笔记
  • 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得到输入的值\
循环条件判断没啥问题,这次作业用不上,不过写了个死循环倒是直接让浏览器崩了

蒋晓宇
蒋晓宇
© 2025 软件园学生在线
Theme by Wing