网站,UI页面有大概 html+css+javascript 一共几千行的代码,看的我都头晕了,请各位前辈指点一下应该怎么学习这么多的代码,怎么消化

josiahliangjinzhe 2011-04-20 11:17:03
本人刚接触UI(css+javascript)过几天就去一家公司上班,其实是PHP工程师,但一开始要做UI方面的。

我刚看了那个网站,UI页面有大概 html+css+javascript 一共几千行的代码,看的我都头晕了,请各位前辈指点一下应该怎么学习这么多的代码,怎么消化。给点指引吧,谢谢

公司网站 http://www.thejamy.com/
...全文
372 11 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
11 条回复
切换为时间正序
请发表友善的回复…
发表回复
yang3wei 2011-04-28
  • 打赏
  • 举报
回复
[Quote=引用 8 楼 josiahliangjinzhe 的回复:]
<script type="text/javascript">
var subMenu = {"AA00000000":[{"cate_code":"AAAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"Top","color":"","font":""},{"ca……
[/Quote]
楼主这是个js对象,你把它当css赋给table标签?
itinfm 2011-04-21
  • 打赏
  • 举报
回复
如果是IE8浏览器,用开发人员工具,整个页面的结构就出来了!
josiahliangjinzhe 2011-04-20
  • 打赏
  • 举报
回复

<script type="text/javascript">
var subMenu = {"AA00000000":[{"cate_code":"AAAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"Top","color":"","font":""},{"cate_code":"AAAB000000","cate_depth":"2","title_kr":"\uc678\ud22c","title_cn":"\u5916\u5957","title_en":"outer","color":"","font":""},,,,,

上面这个subMenu如果赋予table 的id 如下的话是什么意思啊?

<table id="subMenu">
ycproc 2011-04-20
  • 打赏
  • 举报
回复
从基础学起

  • 打赏
  • 举报
回复
去了慢慢学就可以了。不会多问,关键看为人处事态度。
ddcatlee 2011-04-20
  • 打赏
  • 举报
回复
這個是 前端 不是 ui
zell419 2011-04-20
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 josiahliangjinzhe 的回复:]

<script type="text/javascript">
var subMenu = {"AA00000000":[{"cate_code":"AAAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"Top","color":"","font":""},{"c……
[/Quote]
这个是json 会用它就行了 。
hongmei85 2011-04-20
  • 打赏
  • 举报
回复
那js就是json了,subMenu相当于一个大的数组或者名值对之类的
josiahliangjinzhe 2011-04-20
  • 打赏
  • 举报
回复
<script type="text/javascript">
var subMenu = {"AA00000000":[{"cate_code":"AAAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"Top","color":"","font":""},{"cate_code":"AAAB000000","cate_depth":"2","title_kr":"\uc678\ud22c","title_cn":"\u5916\u5957","title_en":"outer","color":"","font":""},{"cate_code":"AAAC000000","cate_depth":"2","title_kr":"\uc6d0\ud53c\uc2a4\/\uc2a4\ucee4\ud2b8","title_cn":"\u8fde\u8863\u88d9\/\u88d9\u5b50","title_en":"ops\/skirts","color":"","font":""},{"cate_code":"AAAD000000","cate_depth":"2","title_kr":"\ubc14\uc9c0","title_cn":"\u88e4\u5b50","title_en":"Pants","color":"","font":""},{"cate_code":"AAAO000000","cate_depth":"2","title_kr":"\uc288\ud2b8","title_cn":"\u5957\u88c5","title_en":"suit","color":"","font":""},{"cate_code":"AAAI000000","cate_depth":"2","title_kr":"\uc790\uccb4\uc81c\uc791 \uc0c1\ud488","title_cn":"\u5236\u4f5c\u5546\u54c1","title_en":"Production","color":"","font":""},{"cate_code":"AAAE000000","cate_depth":"2","title_kr":"\uac00\ubc29","title_cn":"\u5305","title_en":"bag","color":"","font":""},{"cate_code":"AAAF000000","cate_depth":"2","title_kr":"\uc2e0\ubc1c","title_cn":"\u978b","title_en":"shoes","color":"","font":""},{"cate_code":"AAAG000000","cate_depth":"2","title_kr":"\uc545\uc138\uc0ac\ub9ac","title_cn":"\u9970\u54c1","title_en":"Accessories","color":"","font":""},{"cate_code":"AAAH000000","cate_depth":"2","title_kr":"\uae30\ud0c0","title_cn":"\u5176\u4ed6","title_en":"etc","color":"","font":""}],"AB00000000":[{"cate_code":"ABAA000000","cate_depth":"2","title_kr":"\uc0c1\uc758","title_cn":"\u4e0a\u8863","title_en":"top","color":"","font":""},{"cate_code":"ABAB000000","cate_depth":"2","title_kr":"\uc678\ud22c","title_cn":"\u5916\u5957","title_en":"outer","color":"","font":""},{"cate_code":"ABAC000000","cate_depth":"2","title_kr":"\ubc14\uc9c0","title_cn":"\u88e4\u5b50","title_en":"Pants","color":"","font":""},{"cate_code":"ABAJ000000","cate_depth":"2","title_kr":"\uc288\ud2b8","title_cn":"\u5957\u88c5","title_en":"suit","color":"","font":""},{"cate_code":"ABAG000000","cate_depth":"2","title_kr":"\uc81c\uc791\uc0c1\ud488","title_cn":"\u5236\u4f5c\u5546\u54c1","title_en":"Production","color":"","font":""},{"cate_code":"ABAD000000","cate_depth":"2","title_kr":"\uac00\ubc29","title_cn":"\u5305","title_en":"\u5305","color":"","font":""},{"cate_code":"ABAE000000","cate_depth":"2","title_kr":"\uc2e0\ubc1c","title_cn":"\u978b","title_en":"Shoes","color":"","font":""},{"cate_code":"ABAF000000","cate_depth":"2","title_kr":"\uc545\uc138\uc0ac\ub9ac","title_cn":"\u9970\u54c1","title_en":"Accessories","color":"","font":""}],"BG00000000":[{"cate_code":"BGAB000000","cate_depth":"2","title_kr":"\ucee4\ud50c\uc7a0\uc637","title_cn":"\u60c5\u4fa3\u7761\u8863","title_en":"Couples pajamas","color":"","font":""},{"cate_code":"BGAC000000","cate_depth":"2","title_kr":"\uc5ec\uc131\uc7a0\uc637","title_cn":"\u5973\u58eb\u7761\u8863","title_en":"Ms. pajamas","color":"","font":""},{"cate_code":"BGAD000000","cate_depth":"2","title_kr":"\ub0a8\uc790\uc7a0\uc637","title_cn":"\u7537\u58eb\u7761\u8863","title_en":"Men's pajamas","color":"","font":""},{"cate_code":"BGAE000000","cate_depth":"2","title_kr":"\uc5ec\uc544\uc7a0\uc637","title_cn":"\u5973\u5b69\u7761\u8863","title_en":"Girls pajamas","color":"","font":""},{"cate_code":"BGAF000000","cate_depth":"2","title_kr":"\ub0a8\uc544\uc7a0\uc637","title_cn":"\u7537\u5b69\u7761\u8863","title_en":"Boys pajamas","color":"","font":""}],"AD00000000":[{"cate_code":"ADAA000000","cate_depth":"2","title_kr":"\ud1b5\uac00\ubc1c","title_cn":"\u5047\u53d1\u5957","title_en":"wig","color":"","font":""},{"cate_code":"ADAC000000","cate_depth":"2","title_kr":"\ubd99\uc784\uba38\ub9ac","title_cn":"\u7247\u53d1","title_en":"wig","color":"","font":""},{"cate_code":"ADAJ000000","cate_depth":"2","title_kr":"\u81ea\u5236\u7814\u53d1","title_cn":"\u81ea\u5236\u7814\u53d1","title_en":"\u81ea\u5236\u7814\u53d1","color":"","font":""}],"BM00000000":[{"cate_code":"BMAA000000","cate_depth":"2","title_kr":"ashcock","title_cn":"ashcock","title_en":"ashcock","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BMAB000000","cate_depth":"2","title_kr":"gumzzi","title_cn":"gumzzi","title_en":"gumzzi","color":"color:blue;","font":"font-weight:bold;"},{"cate_code":"BMAP000000","cate_depth":"2","title_kr":"sonyunara","title_cn":"sonyunara","title_en":"sonyunara","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BMAQ000000","cate_depth":"2","title_kr":"choper","title_cn":"choper","title_en":"choper","color":"color:blue;","font":"font-weight:bold;"}],"BU00000000":[{"cate_code":"BUAA000000","cate_depth":"2","title_kr":"\uc2a4\ud0c0\uc77c\ub8e8","title_cn":"STYLEROO","title_en":"STYLEROO","color":"","font":""}],"BL00000000":[{"cate_code":"BLAB000000","cate_depth":"2","title_kr":"TATE","title_cn":"TATE","title_en":"TATE","color":"color:blue;","font":"font-weight:bold;"},{"cate_code":"BLAC000000","cate_depth":"2","title_kr":"PLASTIC ISLAND","title_cn":"PLASTIC ISLAND","title_en":"PLASTIC ISLAND","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BLAD000000","cate_depth":"2","title_kr":"NII","title_cn":"NII","title_en":"NII","color":"color:blue;","font":"font-weight:bold;"},{"cate_code":"BLAE000000","cate_depth":"2","title_kr":"vonin","title_cn":"vonin","title_en":"vonin","color":"color:red;","font":"font-weight:bold;"},{"cate_code":"BLAF000000","cate_depth":"2","title_kr":"Olivier's Closet","title_cn":"Olivier's Closet","title_en":"Olivier's Closet","color":"color:blue;","font":"font-weight:bold;"}],"BC00000000":[{"cate_code":"BCAB000000","cate_depth":"2","title_kr":"\uc5ec\uc544\ub3d9\ubcf5","title_cn":"\u5973\u7ae5\u88c5","title_en":"FORGIRL","color":"","font":""},{"cate_code":"BCAC000000","cate_depth":"2","title_kr":"\ub0a8\uc544\ub3d9\ubcf5","title_cn":"\u7537\u7ae5\u88c5","title_en":"FORBOY","color":"","font":""},{"cate_code":"BCAD000000","cate_depth":"2","title_kr":"\uc720\uc544\ubcf5","title_cn":"\u5a74\u513f\u88c5","title_en":"baby","color":"","font":""}]};
</script>
这些 js里的代码是什么意思?怎么看不懂啊?
o0cheer0o 2011-04-20
  • 打赏
  • 举报
回复
分成块,一块一块来吧,加油
KeepMoving 2011-04-20
  • 打赏
  • 举报
回复
一切从基础学起!不要急!

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧