`
zccst
  • 浏览: 3322601 次
  • 性别: 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前端项目开发实践

    前端开发技术基础是整个项目的基石,主要包括以下几个关键知识点: 1. HTML(超文本标记语言):HTML是网页内容的基础结构,用于定义网页上的文本、图像、链接等元素。理解不同标签的作用及其语义化使用是初学者的...

    Vue.js前端开发 PDF

    Vue.js是目前非常流行的前端开发框架之一,被誉为前端三大框架之一,另外两个是React和Angular。Vue.js的设计理念是简洁、易用且高效,它旨在通过最小的学习曲线提供强大的功能,使得开发者能够快速构建交互式的用户...

    商城前端开发代码

    在"minBuy"这个项目中,你可能看到以下几个关键部分: 1. HTML文件:通常以`.html`为扩展名,它们定义了页面的基本结构,包括头部、主体和尾部。在商城应用中,可能会包含商品列表、商品详情页、购物车、结算页等...

    前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,它涉及到多个方面和关键技术 以下是对前端开发的详细概述: 一、前端

    前端开发的应用范围十分广泛,涵盖了以下几个主要领域: 1. **网站开发**:从简单的个人博客到复杂的电子商务平台,前端技术都是构建这些网站的核心。 2. **小程序开发**:如微信小程序、支付宝小程序等,这些轻量...

    浅析Web前端开发行业的发展.docx

    Web 前端开发行业的发展可以追溯到第一个网站的诞生,到现在已经经历了多个阶段的演变。从早期的文本构成到现在的基于 HTML5 和 CSS3 的网页设计,前端开发技术也经历着快速的发展。以下是 Web 前端开发行业的发展...

    前端开发流程

    前端开发的设计流程主要包括以下几个阶段: 1. **设计细稿**:设计师基于需求文档,使用AI、PS等设计工具绘制设计定稿。 2. **细稿的线框模型化**:将设计稿转化为线框模型,便于后续的HTML和CSS操作。 3. **页面...

    前端Vue开发技术文档案例

    在Vue开发中,以下几个核心知识点是至关重要的: 1. **模板语法**:Vue使用简洁的HTML扩展来创建模板,允许数据绑定和指令使用。例如,`v-bind`用于动态绑定属性,`v-if`和`v-show`用于条件渲染,`v-for`用于循环...

    web前端开发岗位职责.doc

    Web前端开发岗位职责主要涉及以下几个核心领域: 1. **代码编写与规范遵循**:作为前端开发工程师,首要任务是按照项目需求高效、高质量地编写代码,确保代码规范符合业界标准,如W3C标准,这涉及到HTML、CSS、...

    web应用开发node文件,应用于前端开发

    在前端开发中,Node.js的应用主要体现在以下几个方面: 1. **构建工具**:Node.js的模块化系统和强大的npm(Node Package Manager)使得开发者能够轻松管理项目依赖,例如Gulp、Webpack和Grunt等自动化构建工具都是...

    前端开发的流程与规范.docx

    通常情况下,分层开发包括以下几个步骤: - **总体结构搭建**:定义项目的整体架构和技术栈选择。 - **模块制作**:根据业务需求将项目划分为不同的功能模块。 - **页面制作**:完成各个页面的设计与制作。 - **...

    前端开发的流程与规范.docx编程资料

    文档首先提到了前端开发的流程,主要包括以下几个方面: 1. **分层开发**:这是整个流程的核心,涉及任务的划分和资源的有效利用。具体来说,根据项目需求,将工作分解为多个层次,如总体结构搭建、模块制作、页面...

    前端开发框架介绍.docx

    本文将详细介绍几个流行的前端开发框架及其各自的特点。 #### 1. **Bootstrap** Bootstrap 是一个广泛使用的前端框架,它以其强大的响应式布局能力而闻名。此框架提供了丰富的 UI 组件和栅格系统,能够帮助开发者...

    第1章 Web前端开发概述-HTML5+CSS3 Web前端开发与实例教程(微课视频版)配套PPT

    Web前端开发主要涉及网站前端的构建,具体职责包括但不限于以下几个方面: 1. **HTML页面制作**:根据UI设计图,利用HTML按照W3C标准制作网页,同时使用CSS对页面进行布局美化。 - **示例**:例如在设计一个电商...

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

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

    前端应用开发实训室建设方案.pdf

    3. 实训课程资源:涵盖前端开发的四个阶段:HTML基础、CSS基础、JavaScript实战、HTML5+Bootstrap+jQuery的移动端高级开发,以及AngularJS、React和Vue.js的跨平台移动端开发。这种逐步进阶的课程设计有助于学生从...

    主流的前端开发框架的简介

    本篇文章将对几个主流的前端开发框架进行简要介绍,帮助你了解它们的核心特性、适用场景以及各自的优势。 1. **React** React是由Facebook开发并维护的一个JavaScript库,主要用于构建用户界面。它采用了组件化的...

    前端开发中常用的几种跨域解决方案.docx

    在前端开发中,跨域是一个常见的问题,主要是由于浏览器的同源策略所引发的。同源策略是一种安全机制,它规定了只有来自同一协议、主机名和端口号的两个URL才能互相通信。例如,`...

    标准微前端架构在蚂蚁的落地实践--有知.pdf

    实践微前端架构的落地通常会经历几个阶段,包括设计、开发和部署。设计阶段需要定义好微前端的边界和集成方式。开发阶段则是将应用分割成多个子应用,并实现它们的独立开发和部署。最后部署阶段则需要将各个子应用...

Global site tag (gtag.js) - Google Analytics