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书写以及命名等方面进行规范化和标准化,则略显微观,待续……

原文地址:https://www.cnblogs.com/brandon/p/3369098.html