• JS+CSS+HTML 前端开发(二)


    混沌时期基本就是浑浑噩噩,写的代码也是浑浑噩噩,除了自己能读懂,别人要想读懂,很难,免却了加密,哈哈(自嘲)。当时基本没有进行任何的js和css的分离,而且布局上一般以来dw的拖曳式和视图化编写风格,在html的代码编写上也许比较方便,但是后期结合js就比较麻烦了。

    由于每次需要对代码进行调试,主要在界面处理上,同时需要进行简单的js更改背景的颜色的等动态效果,所以在一段时间之后,毅然决定对代码进行html和css的分离,所有的css全部采用外部引用来开发,js尚且没有从html中分离出来,但是此时基本有了分块的思想。

    同时由于面对dw进行css分离,以及js操作中多id的需求,不得不总结分析,dw虽然在某些时候制作界面很easy,但是对于后期应用js进行dom操作,则显得比较麻烦,同时dw的制作上总是大量冗余,本来一个很简单的表格,他都能显示一堆,比较令人无语。所以在css分离出来的同时进行html从dw开发向sublime手写html结构转变,这是一个艰辛的过程,当然,因为你不仅要设计html的内部table,div,等的布局,同时需要精确计算像素以及比例,计算每个div的长度,宽度,以及设计每个元素的background,border,等等,不仅要熟悉每个htl中元素布局的应用,同时关注css的书写,现在想想,当时确实憔悴了。

    对于期间进行html和css的分离,在css的外部引用上开始真正关注hack,比较ie系列和ff,chrome以及safari等式不同的标准,每个浏览器都需要显示出相同的效果,因为你永远不知道你的用户是个什么人,apple控,ms控,还是chrome的忠实粉丝,而对于搜狗,360,以及等等其他双核浏览器,你会比较郁闷,虽然他们可以在两个模式中进行内核使用的切换,来查看是高速模式下还是兼容模式下显示效果会better,但是广大的中国用户估计没有人会主动设置浏览器打开时的模式。

    hack是件挺令人头疼的事,对于万恶的ie,我虽然无话可说,讨厌之极,但是毕竟有人在用,而且是我国的很多垄断行业的网站都以支持ie为荣,迫使大量人群走向了ie一族, 而ie居然还弄出了好几个版本,你就知道工作量是怎么涨上去的了,而ff和chrome以及sif等基本在w3c标准的支持上还是很给力的,基本没有遇到什么诡异的事情。

    对于js的大量书写,偶然接触到jquery,终于摆脱了大量语句,少量功能的书写模式,转化为less code,more things, 那种感觉岂是一个爽字能代表的?从此以后,基本不再使用纯js书写,全部的js开发,转向了基于jquery库的开发,代码量减少了一个数量级啊。同时,开始进行js的外部引用转移,以html页少量jq,而很多的函数等等基本采用从外部引用的模式。

    所以,经历一部分以后 ,开始从一堆乱麻中,转向手写html,同时进行css的完全分离以及纯js开发向基于jquery的开发,并进行js的部分分离。

  • 相关阅读:
    ASP.NET Aries 高级开发教程:如何写WebAPI接口
    ASP.NET Aries 高级开发教程:行内编辑事件怎么新增数据到后台(番外篇)
    ASP.NET Aries 高级开发教程:表单检测字段是否已存(番外篇)
    Gemini.Workflow 双子工作流正式上线(支持.NET Core)
    Gemini.Workflow 双子工作流入门教程五:业务表单开发
    Gemini.Workflow 双子工作流入门教程四:流程应用
    Gemini.Workflow 双子工作流入门教程三:定义流程:流程节点、迁移条件参数配置
    Gemini.Workflow 双子工作流入门教程二:定义流程:流程节点介绍
    Gemini.Workflow 双子工作流入门教程一:定义流程:流程图属性
    CYQ.Data 支持分布式数据库(主从备)高可用及负载调试
  • 原文地址:https://www.cnblogs.com/brandon/p/3369097.html
Copyright © 2020-2023  润新知