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

  • 相关阅读:
    AGC037F Counting of Subarrays
    AGC025F Addition and Andition
    CF506C Mr. Kitayuta vs. Bamboos
    AGC032D Rotation Sort
    ARC101F Robots and Exits
    AGC032E Modulo Pairing
    CF559E Gerald and Path
    CF685C Optimal Point
    聊聊Mysql索引和redis跳表
    什么是线程安全
  • 原文地址:https://www.cnblogs.com/brandon/p/3369098.html
Copyright © 2011-2022 走看看