`
zccst
  • 浏览: 3291717 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

前端开发的几个阶段

 
阅读更多
作者:zccst

学习js和使用jquery也有一段时间了,以为已经够用了,最近在做一些纯前端的工作后,发现水很深,至少不是我当初想象的样子。

现在看来至少分好几个阶段:
第一阶段,面向过程阶段
【能随意操纵html结构】//2013年5月
主要使用jquery选择器、文档处理和筛选。


【熟练使用html5和CSS3】//2013年5月
特别是css3,除了一些特性外,还像jquery一样可以精确遍历html元素。




第二阶段:从面向过程转为面向对象。//在2013年9月补充
【一重境界】能够用面向对象的方式拆解页面。//2013年9月
var Config = {};  //保存公共变量
var MyObject = {};//全局入口
var PreLoad = {}  //预加载(可选)
var Events = {};  //事件
var Tools  = {};  //工具

【二重境界】当页面比较大时,拆解成多个文件  //2013年12月
注册一个全局变量Window.Obj = Obj;
其他JS文件通过add()注册进来

【三重境界】完整封装插件  //2013年12月
似乎无所不能




第三阶段:从低效、凌乱的面向对象,到高效、整洁的面向对象。//在2013年11月补充
注:这需要学习优秀的代码,优秀的框架经验。




第四阶段:参加开源项目或自己写一个框架。//2013年11月21日补充
分享到:
评论

相关推荐

    前端开发技术的发展

    从前端开发技术的发展来看,大致可以分为以下几个阶段:最早期的Web界面基本都是在互联网上使用,人们浏览某些内容,填写几个表单,并且提交。当时的界面以浏览为主,基本都是HTML代码,有时候穿插一些JavaScript,...

    前端开发开发入门技巧点以及教程知识点总结.docx

    前端开发入门阶段,需要掌握的关键知识点主要包括以下几个方面: HTML (HyperText Markup Language) 理解HTML文档的基本结构,例如<!DOCTYPE>, , , 等元素。 学习和使用常见的HTML标签,如标题标签(至)、段落...

    移动WEB前端高级开发项目实战_移动Web常用开发方式_编程案例实例详解课程教程.pdf

    js,原有的多页开发模式变为单页应用模式,web应用开始更需要通过团队协作的方式进行研发,这是一个必经的阶段,也是计算机发展的普遍规律。本章将向读者介绍当下移动Web常用的几种开发方式,包含的类库框架有 Zepto、...

    基于PHP校园二手信息网站的设计与开发的毕业设计,使用MySQL数据库作为数据存储,Bootstrap作为前端框架

    本毕设旨在设计并开发一个基于PHP语言的校园二手信息...本毕业设计的开发流程主要包括以下几个阶段: 1. 需求分析:对网站的功能、技术选型等进行详细分析和确定。 2. 系统设计:根据需求分析,进行系统设计,包括数据

    学生成绩管理系统 visualstudio开发工具

    学生成绩管理系统是典型的信息管理系统,其开发主要包括后台数据库的建立和维护以及前端应用程序的开发两个方面。对于前者要求建立起数据一致性和完整性强.数 据安全性好的库。而对于后者则要求应用程序功能完备,易...

    push-notifications:用于在浏览器中订阅和接收推送通知的前端代码

    这显示了构建自己的Web推送客户端的几个阶段。 阶段1:显示通知 阶段2:注册服务人员 阶段3:从开发工具发送消息 阶段4:从发送消息 阶段5:基于PHP / MySQL构建您自己的订阅服务,并使用从命令外壳发送消息。 包含...

    基于大学生计算机考试信息系统的毕业设计实现.zip

    系统开发将分为以下几个阶段: 1. 需求分析和系统设计 - 在此阶段,我们将会仔细分析需求并设计系统的架构和模块。我们将讨论系统的功能、用户交互和系统性能等方面,以确保最终开发的系统能够满足用户的需求。 2....

    Java程序员学习路线及内容

    Java程序员学习路线通常包括以下几个阶段: 1. 基础知识阶段: - 学习Java语言的基本语法、数据类型、运算符等基础知识。 - 理解面向对象编程的概念,掌握类、对象、继承、多态等相关知识。 - 学习异常处理、...

    vue项目打包之开发环境和部署环境的实现

    如前端在开发阶段,接口可能是自己使用 node.js 搭建的服务器,API 返回的也都是假数据,等后台接口开发好后,再切换成后台提供的接口,等测试没有问题,服务端上线后,又要改成正式的接口 手动改动接口,既繁琐又...

    基于工作计划流程管理系统的毕业设计实现.zip

    该系统的实现将分为以下几个阶段: 1. 需求分析和设计 2. 系统架构和开发环境搭建 3. 前端界面和后端开发 4. 测试和调试 5. 部署和上线 本毕业设计的目标是开发一个功能完善、易于使用、稳定可靠的工作计划流程...

    毕业设计依据vb门诊管理系统设计(论文+源代码)

    从工业发达国家来看,管理信息系统的发展经历了以下几个阶段。 第一阶段:(1953年至1965年)单项数据处理阶段,也称电子数据处理(EDP)阶段。这是电子计算机在管理领域应用的起步阶段。这一阶段,由于当时计算机...

    HTML5移动Web开发指南.pdf

    有一定基础或者未来计划的职业是Web前端开发工程师。 具有一定HTML基础的UI设计师。 Web项目中的项目经理以及策划人员。 对手机Web开发技术感兴趣的开发者。 开设计算机课程的高等院校及培训机构的师生。 此外,本书...

    JAVA+access综合测评系统毕业设计

    系统的开发过程主要分为以下几个阶段: 1.需求分析:对系统的需求进行详细的分析,明确系统的功能和目标。 2.系统设计:根据需求分析的结果进行系统的设计,包括系统的架构设计、数据模型设计和界面设计等。 3....

    11前端大厂面试总结与补充说明.md

    # 总结与补充说明 恭喜你,学完了本小册。下面来总结下本小册的内容,并补充一些遗漏的内容。 ## 总结 本小册主要带领大家从准备简历...在软技能方面,介绍了工程师从业人员应该具有的软技能,并且通过几个面试真题

    【127套】Java前端后端个人简历模板互联网IT行业程序员

    大概从这几个维度去写,但是很多程序员都漏了最重要的一点,因为我们是做程序开发的,我们最要体现出来的是项目中我们的技术运用,你将什么技术运用到项目中,这一点非常重要, 因为这个能体现出你到底用没用过这些...

    基于社区超市综合管理系统的毕业设计实现.zip

    # 基于社区超市综合管理系统的毕业...本项目计划分为以下几个阶段: 1. 需求分析和系统设计:包括系统用例分析、数据库设计、系统架构设计等。 2. 前端开发:包括界面设计、前端逻辑实现等。 3. 后端开发:包括业务逻

    金蝶 Cloud 动态表单插件示例代码

    请求加载单据的过程插件一般经历以下几个阶段: 1、 请求打开对应表单,服务端构建打开对应单据的网络指令 a) PreOpenForm 2、 初始化View、Model、为字段添加默认值、将当前页面值刷新到前端控件 a) ...

    web-starter-kit-gulp:使用Gulp,NPM,Bower,Babel,Sass和Pug进行自动化前端Web开发的入门工具包

    Task将在./src文件上运行几个单独的任务,然后将它们输出到./build 。 运行: gulp build环境环境您可以指定要构建的环境。 如果您不通过env作为选项,则默认情况下将使用dev 。发展历程运行: gulp build --env=...

    Java学习路线.pdf

    学习 Java 的路线可以大致分为以下几个阶段: 学习基础:首先需要掌握 Java 的基础知识,包括语法、数据类型、变量、运算符、控制流程、数组、字符串等。可以通过阅读教程、参加在线课程或自学来获得这些基础知识。...

Global site tag (gtag.js) - Google Analytics