发表于: 2016-06-11 00:13:55
0 2284
今日工作 :
1.动手写了task1的样式、赋色功能
2.配置了nginx环境和改用了webstorm编辑器
明日计划:
1.完成task1的其余功能
2.开始task2的学习
遇到问题及解决:
1.不理解nginx的作用和工作原理,后来问了杨师兄,才知道这个是轻量级的反向代理服务器,作用其实和我之前用的wamp是一个作用,原理都是:访问本地:我>文件夹>文件;访问服务器:我>代理服务器>服务器(这里设置的还是指向我)>文件夹>文件。直接访问的意思就是通过在浏览器中输入local/文件路径来访问,而不是直接本地的d:/这种访问;而nginx的root默认位置是html文件夹(root可以理解为local后面跟的文件路径)。
2.安装webstorm,查了dw、web、sub三个,我原来用的dw,按了web后,需要激活,汉化,花了点时间;把web的存放改为nginx的root地方,就可以直接每次是通过服务器访问。(感觉webstorm、nginx的易用性不如dw、wamp,对新手不友好,但性能应该更好,适合长期发展使用)。
3.之前一直看的网上的视频,动手很少,所以写俩步就要查一查。一开始我用<div><ul><li><div></div><li></ul></div>这种自己想的来构造九宫图,结果发现不是太理想。虽然ul,div都是block元素,但是ul是文本类,当用了float:left时,div脱离文档流,反而li跑到最右边。还不如直接在div里加小div,当然我没试用inline-block加给div,虽然inline-block可以并排,并拥有height,width等inline不能有的属性,但会都挤在一排吧。
//额,我刚才还是试了试,inline-block是可以自动换行的,就存在中间有空白的情况,这种问题不是margin、padding造成的,是在html中div之间有换行会被读到,删去就好,参考网址:http://blog.163.com/zx_1258/blog/static/1332337992012111184519374/。
4.九宫格结构,网上有很多种方法,有用position实现(每个div都要写,麻烦但稳定),不过还是建议用inline-block和width/height(百分比)来搭。
5.用了math.random()来产生随机数,*obj.length并math.floor()就能产生相应随机数,但我看网上写的在floor()里+1.在外面又-1,可有哪位仁兄告诉我一下原因么?
6.这里还犯了个傻逼错误,一直没加window.onload=function(){},还傻傻看了好久,忽略了执行顺序。对了,window.onload=function(){ ... };这样写在一个页面就只一次定义有用,多次定义的后面会覆盖前面的。不过可以用 attachEvent (ie) || addEventListener (ff)绑定多个。
7.杂项:nodelist-节点列表,有length(长度),item(节点位置);加[]可以定位到子节点使用。nodelist不是数组,不能用push、pop。
8.定时器好像不好使,明天再调吧。怀疑是局部和全局变量的原因。
github还不太会用啊,英文障碍果然大,明天研究好放上代码!
看了js1-05师兄的日报,很有收获,希望可以请教他~
评论