JS+CSS+HTML 前端开发(三)
2013-10-14 20:23
519 查看
总结前两个阶段,基本属于从杂乱无序中寻找有序世界的过程,在哲学意义上基本算是人类社会从混沌时代向使用工具时代的挺进。
如果说编程是辛苦的事情,那么是因为我们一直在重复,而没有去创造,如果你一直在不停地书写代码,没有去总结问题,寻找简化开发的工具甚至模式,那么我们永远不能上升到哲学高度。
如果一件事情没有哲学意义,那么就永远没有存在甚至发展的必要了。
有人说,编程是一门艺术,基本说这话的人没有几个国内人士,因为我们一直在模仿,难以创造,这是无可奈何的,没办法,那就学习吧,模仿吧,创造,留给别人。
从js,css,html 的混杂一体中进行模块分离,一方面是为了进行分类管理,方便以后的调试和修改,一方面则是为了应用泰勒的科学化管理模式,进行分工,来提高效率,这才是原因吧。
开始的时候,甚至现在,也是一个人写所有的css,js以及html,但是你一个人无论如何也战斗不过一个团队,哈佛名言,个人再强,不如团队,日本的崛起已经给了我们这句话的支撑。我们在编程时也要不断调整,因为也许这个项目是你一个人编写所有,但是当一个团队来协作这一个项目,初期也许只是前端,后端的分离,分工,但是后期不断发展,团队成熟,应该进行所有分离,因为这些语言都很强大,不要说css,html,js都是简单的语言,应该是后台编程人员来兼职实现的。这也许是因为你还没有意识到这些所谓脚本语言,简单语言的强大。
如果你说,给我一个css和html我可以绘制整个世界, 那你就是大神,但是如果你说给我html,我能够搭建一个世界,给我css我能让世界五颜六色,给我js,我能让这个世界生生不息,那么你就是大师。无论你是专于html,css还是js,你都是大师。
大师不是知道一切的世界,而是知道自己世界的一切。
如果你不会舍弃,你永远成不了大师。所以我还是小菜鸟,只因为我还舍弃不了。
为了向大师挺进,我仍然在发现问题,寻找有效编程模式。当我进行了css和html的完全分离,js与html的部分分离,也许有了很不错的感受,调试以及管理效率提高了,但是对于追求极致的我来说,还是不够。
项目中一个特定的问题一直在困扰着我,因为是在sp平台上进行前端设计,但是在框架下,你就总会受制于人,不能自由发挥,虽然可以方便地搭建网站,但是你必须遵守框架,你只能在框架下建立外部引用的文档库,建立页面代码-html代码编辑区域,而这个编辑区域对于不断修改调试js则比较烦人,因为我虽然进行了部分js代码的分离,但是有个主函数还是存在于html中,而不是进行外部引用实现。如下:
![](http://b324.photo.store.qq.com/psb?/V119RVWD0AZ8tw/lhmTw7jMhq3QH2S7o1cqOzhkB.sJnrqKq1sPUr6nXRs!/b/dH.uJ8EcHwAA&bo=kwGJAAAAAAADAD4!)
这里的jquery仍然把主函数与html写在了一起,每次修改,总是要进行不断的粘贴,以及按照sp的webpart编辑流程来开启编辑视图,即使你要做一个微小的改动,你也要走一套官方流程。这是我最不愿意看到的。所以为了摆脱困境,同时for best, 我进行了js和html的完全分离,不仅在html中分离出所有的jquery,同时在html中避免甚至完全不再进行事件的定义,比如onclick,onmouseover,等等。而采用加载完成时,通过js对其进行event事件绑定。
如下:
![](http://b324.photo.store.qq.com/psb?/V119RVWD0AZ8tw/6rhRDWXOskD5sMuSAn7SIYN7zvXtdb*JkE4pdC33tOA!/b/dDu8KsEUHwAA&bo=FwKTAAAAAAADAKM!)
![](http://b322.photo.store.qq.com/psb?/V119RVWD0AZ8tw/k892AgnuZEOkApc1qHABl97rS6AUNMqIGw*m1kLXdoc!/b/dIi0*L.LIgAA&bo=BwKTAAAAAAADALM!)
![](http://b324.photo.store.qq.com/psb?/V119RVWD0AZ8tw/ForSmTOE.sY85WzOAQvswKcU7qYYmZKXyISLjMsdIH4!/b/dIo8JsEVHwAA&bo=eQLuAAAAAAADALA!)
通过这样,把所有的前端进行了完全分离,.html 文件不涉及任何js,css,而css也不涉及任何js,js则是完全的js,通过这种分离,同时进行主函数的外部引用来实现js加载。不仅方便了以后的开发和调试,同时为以后进行团队合作提供了模式。
专业的人做专业的事,专注方能成就一切。
这是从整体入手,或者是从宏观上进行了模块分离,后续从程序函数实现以及其他css,html书写以及命名等方面进行规范化和标准化,则略显微观,待续……
如果说编程是辛苦的事情,那么是因为我们一直在重复,而没有去创造,如果你一直在不停地书写代码,没有去总结问题,寻找简化开发的工具甚至模式,那么我们永远不能上升到哲学高度。
如果一件事情没有哲学意义,那么就永远没有存在甚至发展的必要了。
有人说,编程是一门艺术,基本说这话的人没有几个国内人士,因为我们一直在模仿,难以创造,这是无可奈何的,没办法,那就学习吧,模仿吧,创造,留给别人。
从js,css,html 的混杂一体中进行模块分离,一方面是为了进行分类管理,方便以后的调试和修改,一方面则是为了应用泰勒的科学化管理模式,进行分工,来提高效率,这才是原因吧。
开始的时候,甚至现在,也是一个人写所有的css,js以及html,但是你一个人无论如何也战斗不过一个团队,哈佛名言,个人再强,不如团队,日本的崛起已经给了我们这句话的支撑。我们在编程时也要不断调整,因为也许这个项目是你一个人编写所有,但是当一个团队来协作这一个项目,初期也许只是前端,后端的分离,分工,但是后期不断发展,团队成熟,应该进行所有分离,因为这些语言都很强大,不要说css,html,js都是简单的语言,应该是后台编程人员来兼职实现的。这也许是因为你还没有意识到这些所谓脚本语言,简单语言的强大。
如果你说,给我一个css和html我可以绘制整个世界, 那你就是大神,但是如果你说给我html,我能够搭建一个世界,给我css我能让世界五颜六色,给我js,我能让这个世界生生不息,那么你就是大师。无论你是专于html,css还是js,你都是大师。
大师不是知道一切的世界,而是知道自己世界的一切。
如果你不会舍弃,你永远成不了大师。所以我还是小菜鸟,只因为我还舍弃不了。
为了向大师挺进,我仍然在发现问题,寻找有效编程模式。当我进行了css和html的完全分离,js与html的部分分离,也许有了很不错的感受,调试以及管理效率提高了,但是对于追求极致的我来说,还是不够。
项目中一个特定的问题一直在困扰着我,因为是在sp平台上进行前端设计,但是在框架下,你就总会受制于人,不能自由发挥,虽然可以方便地搭建网站,但是你必须遵守框架,你只能在框架下建立外部引用的文档库,建立页面代码-html代码编辑区域,而这个编辑区域对于不断修改调试js则比较烦人,因为我虽然进行了部分js代码的分离,但是有个主函数还是存在于html中,而不是进行外部引用实现。如下:
这里的jquery仍然把主函数与html写在了一起,每次修改,总是要进行不断的粘贴,以及按照sp的webpart编辑流程来开启编辑视图,即使你要做一个微小的改动,你也要走一套官方流程。这是我最不愿意看到的。所以为了摆脱困境,同时for best, 我进行了js和html的完全分离,不仅在html中分离出所有的jquery,同时在html中避免甚至完全不再进行事件的定义,比如onclick,onmouseover,等等。而采用加载完成时,通过js对其进行event事件绑定。
如下:
通过这样,把所有的前端进行了完全分离,.html 文件不涉及任何js,css,而css也不涉及任何js,js则是完全的js,通过这种分离,同时进行主函数的外部引用来实现js加载。不仅方便了以后的开发和调试,同时为以后进行团队合作提供了模式。
专业的人做专业的事,专注方能成就一切。
这是从整体入手,或者是从宏观上进行了模块分离,后续从程序函数实现以及其他css,html书写以及命名等方面进行规范化和标准化,则略显微观,待续……
相关文章推荐
- 前端开发命名规范(html+css+js)
- 前端技术:bootstrap(控件、插件、html\css\js开发框架)
- JS+CSS+HTML 前端开发(一)
- JS+CSS+HTML 前端开发(六)
- JS+CSS+HTML 前端开发(七)
- JS+CSS+HTML 前端开发(四)
- JS+CSS+HTML 前端开发(五)
- JS+CSS+HTML 前端开发(八)
- gVIM+zencoding快速开发HTML/CSS/JS(适用WEB前端)
- html、css、js前端开发整理
- WEB前端html、css、js分离开发简谈
- html-css-js的几款前端开发工具
- JS+CSS+HTML 前端开发(二)
- web前端开发学习-css,js
- 有哪些关于前端开发技术(HTML、CSS 和 JavaScript 等)的值得推荐的书籍?
- Web前端开发规范【HTML/JavaScript/CSS】
- web前端开发分享-css,js进阶篇
- WEB前端开发分享-CSS,JS工具
- 20150726 Web前端开发基础html+css
- 前端开发规范之命名规范、html规范、css规范、js规范