xwartz/xwartz.github.com

发泄下

xwartz opened this issue · 0 comments

最近要重写 web ui , 感概颇多。

原本只是换一套皮肤,以前那 ui 太挫,自然是需要改布局的,当然也就要改 HTML 结构啦。。。
在改结构时,发现 js 代码里各处 dom 操作,自然是需要根据结构获取 dom 或者说根据 className 、id 来操作。但是呢,className 写的也是太挫,命名各种奇葩,HTML 结构套的层级不要太多哦。。
最后发现想要改好一套皮肤,必须得连 js 代码一并重构了才行啊。。
( ⊙ o ⊙ )啊!才两星期时间要搞定这种事,我就不说了,┭┮﹏┭┮..

╮(╯▽╰)╭ 真是不想读别人的代码啊,也不想读自己以前写的代码。。~~o(>_<)o ~~

碰到这样子,只能写点东西发泄下了,😢

现在觉得必须得写文档啊,命名规范啊、代码习惯啊,这些都得形成一个规范,不然真是看代码难受。
╮(╯▽╰)╭ 以前水平太菜,写的什么和什么。。现在遭罪。。

代码得经常 review 优化,时间真是沉淀糟粕的利器,一不小心你就再也不想改以前的屎代码了,宁愿重写。

js 对 dom 的操作:
在现有的项目上,我能想到的是 尽量将要用的 dom 节点,统一在一个地方中申明;
className 命名要清晰,依据文档说明来,觉得还的和 css 使用区分来。

但不管上面怎样做,都还是没法根本上解决 js 对于 HTML 结构太过依赖,还是无法随心更改 className,这让我想到了 react ,又一个好处。
:-D react 真是个好思路,组件化不就是应该去除依赖吗,不仅仅是逻辑上的依赖,ui 上的依赖也是应该剥离的,这样 css 才真正的执行好自己的事就行,而 js 只要管理逻辑部分就行,不用依赖 HTML 上的class 。 想来想去,还是开始搞 react 吧。

哎哟,发泄完。