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

[josiahliangjinzhe]

本人刚接触UI（css+javascript）过几天就去一家公司上班，其实是PHP工程师，但一开始要做UI方面的。

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

公司网站 http://www.thejamy.com/

[KeepMoving]

一切从基础学起！不要急！

[o0cheer0o]

分成块，一块一块来吧，加油

[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":""},{"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里的代码是什么意思？怎么看不懂啊？

[hongmei85]

那js就是json了，subMenu相当于一个大的数组或者名值对之类的

[zell419]

[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 会用它就行了 。

[ddcatlee]

這個是 前端 不是 ui

[碧海情天-赵亮]

去了慢慢学就可以了。不会多问，关键看为人处事态度。

[ycproc]

从基础学起

[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":""},{"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">

[itinfm]

如果是IE8浏览器，用开发人员工具，整个页面的结构就出来了！

[yang3wei]

[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标签？