作者: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日补充
分享到:
相关推荐
前端开发技术基础是整个项目的基石,主要包括以下几个关键知识点: 1. HTML(超文本标记语言):HTML是网页内容的基础结构,用于定义网页上的文本、图像、链接等元素。理解不同标签的作用及其语义化使用是初学者的...
Vue.js是目前非常流行的前端开发框架之一,被誉为前端三大框架之一,另外两个是React和Angular。Vue.js的设计理念是简洁、易用且高效,它旨在通过最小的学习曲线提供强大的功能,使得开发者能够快速构建交互式的用户...
在"minBuy"这个项目中,你可能看到以下几个关键部分: 1. HTML文件:通常以`.html`为扩展名,它们定义了页面的基本结构,包括头部、主体和尾部。在商城应用中,可能会包含商品列表、商品详情页、购物车、结算页等...
前端开发的应用范围十分广泛,涵盖了以下几个主要领域: 1. **网站开发**:从简单的个人博客到复杂的电子商务平台,前端技术都是构建这些网站的核心。 2. **小程序开发**:如微信小程序、支付宝小程序等,这些轻量...
Web 前端开发行业的发展可以追溯到第一个网站的诞生,到现在已经经历了多个阶段的演变。从早期的文本构成到现在的基于 HTML5 和 CSS3 的网页设计,前端开发技术也经历着快速的发展。以下是 Web 前端开发行业的发展...
前端开发的设计流程主要包括以下几个阶段: 1. **设计细稿**:设计师基于需求文档,使用AI、PS等设计工具绘制设计定稿。 2. **细稿的线框模型化**:将设计稿转化为线框模型,便于后续的HTML和CSS操作。 3. **页面...
在Vue开发中,以下几个核心知识点是至关重要的: 1. **模板语法**:Vue使用简洁的HTML扩展来创建模板,允许数据绑定和指令使用。例如,`v-bind`用于动态绑定属性,`v-if`和`v-show`用于条件渲染,`v-for`用于循环...
Web前端开发岗位职责主要涉及以下几个核心领域: 1. **代码编写与规范遵循**:作为前端开发工程师,首要任务是按照项目需求高效、高质量地编写代码,确保代码规范符合业界标准,如W3C标准,这涉及到HTML、CSS、...
在前端开发中,Node.js的应用主要体现在以下几个方面: 1. **构建工具**:Node.js的模块化系统和强大的npm(Node Package Manager)使得开发者能够轻松管理项目依赖,例如Gulp、Webpack和Grunt等自动化构建工具都是...
通常情况下,分层开发包括以下几个步骤: - **总体结构搭建**:定义项目的整体架构和技术栈选择。 - **模块制作**:根据业务需求将项目划分为不同的功能模块。 - **页面制作**:完成各个页面的设计与制作。 - **...
文档首先提到了前端开发的流程,主要包括以下几个方面: 1. **分层开发**:这是整个流程的核心,涉及任务的划分和资源的有效利用。具体来说,根据项目需求,将工作分解为多个层次,如总体结构搭建、模块制作、页面...
本文将详细介绍几个流行的前端开发框架及其各自的特点。 #### 1. **Bootstrap** Bootstrap 是一个广泛使用的前端框架,它以其强大的响应式布局能力而闻名。此框架提供了丰富的 UI 组件和栅格系统,能够帮助开发者...
Web前端开发主要涉及网站前端的构建,具体职责包括但不限于以下几个方面: 1. **HTML页面制作**:根据UI设计图,利用HTML按照W3C标准制作网页,同时使用CSS对页面进行布局美化。 - **示例**:例如在设计一个电商...
前端开发入门阶段,需要掌握的关键知识点主要包括以下几个方面: HTML (HyperText Markup Language) 理解HTML文档的基本结构,例如<!DOCTYPE>, , , 等元素。 学习和使用常见的HTML标签,如标题标签(至)、段落...
3. 实训课程资源:涵盖前端开发的四个阶段:HTML基础、CSS基础、JavaScript实战、HTML5+Bootstrap+jQuery的移动端高级开发,以及AngularJS、React和Vue.js的跨平台移动端开发。这种逐步进阶的课程设计有助于学生从...
本篇文章将对几个主流的前端开发框架进行简要介绍,帮助你了解它们的核心特性、适用场景以及各自的优势。 1. **React** React是由Facebook开发并维护的一个JavaScript库,主要用于构建用户界面。它采用了组件化的...
在前端开发中,跨域是一个常见的问题,主要是由于浏览器的同源策略所引发的。同源策略是一种安全机制,它规定了只有来自同一协议、主机名和端口号的两个URL才能互相通信。例如,`...
实践微前端架构的落地通常会经历几个阶段,包括设计、开发和部署。设计阶段需要定义好微前端的边界和集成方式。开发阶段则是将应用分割成多个子应用,并实现它们的独立开发和部署。最后部署阶段则需要将各个子应用...