做完HTML&CSS、jQuery、JavaScript的练习、想模仿着做个网站、发现问题很多、懂的进来解惑
PeterLiu目的是前段时间想做个个人网站、 就到codecademy上, 把HTML&CSS、jQuery、JavaScript、Python和PHP的题目都刷完了一遍、 也看了两本书、《无懈可击的WEB设计》和《响应式WEB设计》、都不止一遍、
网站上的练习做完、再看过两本书、发现这些跟c++还是蛮不一样的、不过也好玩的多、 于是想先仿个 http://www.humansofnewyork.com/ 这个站练习练习、 但是缺完全没头绪、
遇到的问题: a)浏览器窗口大小变化的时候、图片排列跟着变化、找书看了响应式WEB设计章节、但不知道这站怎么实现的、 b)鼠标放到单张图片的时候、图片上下出现一些文字信息、知道这是HOVER、不知道怎么实现他这个效果、 c)点击单张图片、图片会跃出、这是什么知识点? d)所有图片都瀑布流式、这个是哪个知识点?
像我这种练习做起来没问题、解决实际问题就四顾茫然的情况、 有前辈能帮忙治治么、
我的前端技术也只是入门级,但是我想说两个东西:
- 你能找到具有这个效果的网站,你就肯定能通过debug工具看到所有的代码,即使是混淆了的也有工具能够转回来。照着看,没有学不会的。
- 如果你用google还行的话,用关键词搜就行了
思而不学则殆,你想解决的问题你都还没听说过,那么你怎么思考也没有用,多看点书再来
js高级程序设计、权威指南 要比你这些书好的多,看书不是重要的,重要的是多写,想当年哥就是靠在HR面前吹嘘自己多NB,然后找到一份好差!
作为前端来回
1 css范畴,参看media query(css3)或不定宽布局(css2,这个在mobile web上很常见,因为要自适应宽度),js监控窗口改变改大小也可以,但不推荐。
2 css2范畴,hover你没看懂,当然js也可以实现,mouseover和mouseout事件触发显示和隐藏,jquery里mousepver和mouseout或者hover都可以。不推荐js如果你不需要兼容ie6的话。
3 jqiery事件不熟你,基本api都没看完吧。
4 目前的常见流布局,位置运算不是靠css实现,而是js运算出来并动态加载的。说简单点就是获取外层宽度 每个元素高度去算,并决定下一个放在哪里。