JS+CSS+HTML 前端开发(三)_weixin_30244681的博客-程序员秘密

技术标签: ViewUI  前端  后端  javascript  

总结前两个阶段,基本属于从杂乱无序中寻找有序世界的过程,在哲学意义上基本算是人类社会从混沌时代向使用工具时代的挺进。

如果说编程是辛苦的事情,那么是因为我们一直在重复,而没有去创造,如果你一直在不停地书写代码,没有去总结问题,寻找简化开发的工具甚至模式,那么我们永远不能上升到哲学高度。

如果一件事情没有哲学意义,那么就永远没有存在甚至发展的必要了。

有人说,编程是一门艺术,基本说这话的人没有几个国内人士,因为我们一直在模仿,难以创造,这是无可奈何的,没办法,那就学习吧,模仿吧,创造,留给别人。

从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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_30244681/article/details/98710799

智能推荐

中国剩余定理即孙子定理的五种解法_中国剩余定理乘率怎么求_WildKid1024的博客-程序员秘密

加深一下理解,找了点纯数学的资料(老者善学,尤老骥伏枥,况乎我也):“中国剩余定理”是公元5-6世纪、我国南北朝时期的一部著名算术著作《孙子算经》中的一个“物不知数”的解法问题:今有物不知其数,三三数之剩二,五五数之剩三,七七数之剩二。问物几何?答曰:二十三。《孙子算经》中虽然也有计算方法的叙述,如术曰:「三三数之剩二,置一百四十,五五数之剩三,置六十三,七七数之剩二,置三十,并之,得二百三

洛谷 P4245 【模板】任意模数NTT_csu_xiji的博客-程序员秘密

https://www.luogu.com.cn/problem/P4245#include<bits/stdc++.h>using namespace std; //FFT模板typedef long long ll;const int maxn=1e5+5;int idx=0;//次数int n,m,realmod;int limit,bit,le...

FFmpeg 在Windows10 VS2013 64位电脑下配置_caimagic的博客-程序员秘密

FFmpeg是一套可以用来记录、转换数字音频、视频,并能将其转化为流的开源计算机程序。采用LGPL或GPL许可证。它提供了录制、转换以及流化音视频的完整解决方案。它包含了非常先进的音频/视频编解码库libavcodec,为了保证高可移植性和编解码质量,libavcodec里很多codec都是从头开发的。FFmpeg在Linux平台下开发,但它同样也可以在其它操作系统环境中编译运行,包括Wind

结对编程——基于JAVA开发的中小学生数学试卷自动生成程序_baiwei7998的博客-程序员秘密

这两个星期,我和马同学一起参与了基于个人项目的中小学生数学试卷的自动生成程序结对编程项目。结对编程的实现是基于个人编程的,不过由于我是用c++而同伴是用的PYTHON商量之后我们决定用JAVA从头开始写。原本打算使用mvc框架来完成这个项目,但是由于对其使用不够熟悉,最后还是没怎么能用上。 这次项目我负责的是前端部分,前端部分做起来还是挺麻烦的,我们使用的是java来完成...

微信小程序参数二维码6问6答_chengqian678787的博客-程序员秘密

微信小程序参数二维码【基础知识篇】,从6个常见问题了解小程序参数二维码的入门知识。 芝麻小程序码免费生成微信小程序参数码,提供美化模板、数据统计、小程序智能回复消息系统。 1.什么是小程序参数码? 微信小程序参数二维码:针对小程序特定页面,设定相应参数值,用户扫描后进入相应的页面。...

LabVIEW编程LabVIEW开发Keithley 6485例程与相关资料_keithley源表通信协议_LabVIEW开发的博客-程序员秘密

LabVIEW编程LabVIEW开发Keithley 6485例程与相关资料Keithley 6485是多年前项目用到的一款仪表,现在应该是有险产品了。经济实惠的 5½ 位 6485 型皮安表可以测量 10fA 至 20mA 的电流,速度高达每秒 1000 个读数。6487 型皮安表/电压提供比 6485 更高的精度和更快的上升时间、一个 500V 源以及一种与电容设备配合使用的阻尼功能。6482 型双通道皮安表/电压源提供比 6485 型或 6487 型更高的测量分辨率和双独立 30V 电压偏置源。.

随便推点

sharedPreferences不同activity之间的数据共享_hsj-obj的博客-程序员秘密

SharedPreferences是要依靠context的。在activity中使用,或者传入context上下文对象。// 第一步,获取SharedPreferences的编辑者SharedPreferences sharedPreferences=getSharedPreferences("ceshi",

MySQL 技术内幕——存储引擎_mysql 引擎查询效率_一叶知秋V的博客-程序员秘密

数据库存储引擎的选择会对性能产生直接的影响。存储引擎是针对于表的而不是针对于库的(一个库中的不同表可以使用不同的存储引擎)。MyISAM 是 MySQL 5.5 之前版本默认的存储引擎。MySQL 5.5 及之后版本默认存储引擎改为了 InnoDB。

vscode插件配置settings.js留底_setting.js_black_cat7的博客-程序员秘密

此博客作为个人vscode插件的配置文件留底,同时也对其中一些插件的配置进行说明,方便更改效果详细的插件名称与效果图可参考这篇博客:vscode插件使用留底_五速无头怪的博客-程序员秘密https://blog.csdn.net/black_cat7/article/details/120058093完整的配置setting.json文件放在文末,有需要自取~部分插件配置介绍Better Comments...

一步步教你用Prometheus搭建实时监控系统系列(一)——上帝之火,普罗米修斯的崛起_如何模拟普罗米修斯数据_铂赛东的博客-程序员秘密

上帝之火本系列讲述的是开源实时监控告警解决方案Prometheus,这个单词很牛逼。每次我都能联想到带来上帝之火的希腊之神,普罗米修斯。而这个开源的logo也是火,个人挺喜欢这个logo的设计。本系列着重介绍Prometheus以及如何用它和其周边的生态来搭建一套属于自己的实时监控告警平台。本系列受众对象为初次接触Prometheus的用户,大神勿喷,偏重于操作和实战,但是重要的概念也会精炼出提及下。系列主要分为以下几块Prometheus各个概念介绍和搭建,如何抓取数据(本次分享内容)如何推送

jQuery Validate验证框架详解_<%=path%>_千夜雨素的博客-程序员秘密

jQuery Validate验证框架详解一、导入js库&lt;script type="text/javascript" src="&lt;%=path %&gt;/validate/jquery-1.6.2.min.js"&gt;&lt;/script&gt;&lt;script type="text/javascript" src="&lt;%=path %&gt;/valida...

Java:利用穷举法for循环求鸡兔同笼问题_哲别君的博客-程序员秘密

package day02;public class 鸡兔同笼问题 { public static void main(String[] args) { for (int i = 1; i &amp;lt;=35; i++) { if(i*2+(35-i)*4==94) { System.out.println(&quot;总共有&quot;+i+&quot;只鸡,&quot;+(35-i)+&quot;只兔子&quot;); br...

推荐文章

热门文章

相关标签