发表于: 2018-09-19 20:27:40
1 353
今天完成的事情:觉得任务14.15是一个任务。合在一起做了,拆出header和footer组件,可以复用于三个页面,也改好了响应式的布局
做了两个页面还有一个页面未完成,明天继续做完
明天计划的事情:明天继续做任务
遇到的问题: 因为任务要求不使用任何框架,所以下拉菜单是自己写的js原生,首页的轮播图组件还不知道该怎么做,打算先参考参考别人的代码
收获:
1.css模块化开发:创建一个入口文件引入页面中
/*xxx页面入口样式文件style.css*/
@import './css/base.css';/*页面基础样式*/
@import './css/index.css';
@import './css/header.css';
@import './css/footer.css';
……
把页面的一些reset样式以及一些站点公用样式放在了css目录下的base.css中,把页头拆分成header.css,把页面的基础布局都放在了index.css这个文件中,底部的样式放在了footer.css。然后相应的代码就在对应的模块中写,这样做的好处是简洁,便于维护,比较好的性能,减少创建http请求的消耗。
2.数据类型的转换:
一:显式转换
a.转数字
1).Number(value)
notice:1.如果转换内容的本身是数值类型的字符串,那么将来转换的时候,返回是自己。
2.如果转换内容的本身不是数值类型的字符串,那么转换结果是NAN
3.如果是空,转换结果是0.
2)parseInt(value)
notice:1.忽略字符串的空格,直至找到第一个非空字符,还会将后面的非数值字符串忽略掉
2.如果第一个字符不是数字符号/负号,返回NAN
3.如果第一个字符是数字,则继续解析直至字符串解析完毕或者遇到第一个非数字符为止
4.如果是小数,会向下取整
3)parsefloat(value)
与parseInt()一样,唯一的区别是保留小数
b.转字符串
1)string()
2)tostring()
c 转boolean类型
Boolean() / !!
二 .隐式转换
1)转number
var a="123";
a=a+1;(加减乘除以及取余都可以让字符串隐式转换为number)
2)转字符串
var a = 123;
a=a+"";
3)转Boolean
if....else
json对象转字符串:Json.stringify()
json字符串转换为对象:Json.parse()
3.js事件:事件三要素:
事件源:要触发的对象
事件:怎样触发这个事件
事件处理程序:发生了什么事情
代码:事件源 . 事件=function(){
事件处理函数
}
常见的事件类型:
1、鼠标事件
鼠标事件包含click、dblclick、mousedown、mouseout、mouseover、mouseup、mousemove。
事件顺序:dblclick事件会先后触发以下事件:mousedown、mouseup、click、mousedown、mouseup、click、dblclick。
2、键盘事件
键盘事件包括:keydown、keypress、keyup。
事件顺序:用户按一次某字符按键时,会先后触发以下事件:keydown、keypress、keyup。如果按一次某非字符按键时,会先后触发以下事件:keydown、keyup。
3、HTML事件
HTML事件包括:load、unload、abort、error、select、change、submit、reset、resize、scroll、focus、blur。
评论