自己对前端开发的理解

Web 前端开发工程师, 主要职责是利用 (X) HTML / CSS / JavaScript 等各种 Web 技术进行客户端产品的开发。完成客户端程序(也就是浏览器端) 的开发, 开发 JavaScript 模块, 同时结合后台开发技术模拟整体效果, 进行丰富互联网的 Web 开发, 致力于通过技术改善用户体验。 前端技术迅猛发展, 想成为一名合格的前端工程师需要不断的学习以及丰富的实战, 随着 HTML5、 CSS3、 NODEJS 等的不断发展, 前端开发工程师越来越受到企业的需要和欢迎。

Web 前端开发是从网页制作演变而来的,名称上有很明显的时代特征。在互联网的演化进程中,网页制作是 Web 1.0 时代的产物,那时网站的主要内容都是静态的,用户使用网站的行为也以浏览为主。

Web方面最先接触的就是网页制作,设计PSD效果图,再重构成html+css文件,然后用cms系统在模板嵌入标签,架设到服务器就形成了一个可在线浏览的网站。

随着接触的项目变多,开始涉及一些js特效的时候,就开始在网上找现成的js代码,再到对常用特效整理出一些功能全面的jQuery插件,再到开始自己根据交互需求写一些简单的js代码。然后把常用的js代码自己做成简单的组件方便日常使用。

可以说之前很多网页制作项目都是重页面精细和交互特效,基本所有制作的网站都是1px精确还原。

再后来就是涉及一些前端开发的功能,ajax,json,一些dom操作,第三方插件、API调用等,以及一些前端框架的使用。

终端方面基本都是PC,IE8+;也做过几次手机网站,主要还是页面制作和交互特效,mobile固定宽度或自适应,响应式;也有涉到过一些手机端和后台的数据交互。

自己也知道前端开发的世界远远不止于此,不过毕竟还是需要有机会去接触大一点的项目,以及自己平时学习和积累才行。

现在自己在前端基础方面应该还是比较扎实的,希望开始参与一些前后端数据交互开发的工作,以及开发框架的实践,并学习一些js组件开发的经验。

至于自己开发公共组件,web前端架构,高并发性能优化等等那都是后话了。

这个栏目后续也会记录一些对自己以后职业规划的东西。

时间: 2024-10-07 11:40:47

自己对前端开发的理解的相关文章

浅谈web前端开发

有部分同学和朋友问到过我相关问题.利用周末我就浅浅地谈谈我对web前端开发的理解和体会,仅仅能浅浅谈谈,高手请自己主动跳过本篇文章. 毕竟我如今经验并非非常足,连project师都算不上,更不用说大牛了.今天也不谈技术.技术非常多人比我掌握得更好,也大同小异.可是每一个人的理解体会是不一样的. 对前端开发的三个整体理解和体会 我对前端开发的整体体会有三: 第一:杂而难,难度甚至超过了一般的后台开发,假设有人认为前端开发简单仅仅能说明他还没有入门. 第二:web前端开发正在向响应式和移动端方向大步

7招提升你的前端开发效率

7招提升你的前端开发效率 前言 前端工程师其实是一个工作很杂的职位,除了要负责切图.写html/css/js外,还要解决一系列的浏览器兼容性.网页性能优化等问题,所以提高前端工程师的开发效率是势在必行的,也是前端工程化的体现. 对于开发效率,我个人理解是 开发效率 = 新增代码的效率 + 修改代码的效率 + 维护代码的效率 那么如何提高前端开发效率便可以按照前端工程化的理念来进行划分.下面我就介绍下7个提高前端开发效率的方法. 前端工程化 方法 1.切图 切图是一个前端最基础的技能,一般我们使用

前端框架与前端类库的理解

前端框架的理解误区 网站的价值在于它能为用户提供什么价值,在于网站能做什么,而不在于它是怎么做的,所以在网站还很小的时候就去追求网站的架构框架是舍本逐末,得不偿失的.前端框架同理,如果是一个简单的页面型产品,应用只是依赖服务器来生成Web页面和视图,并且只需要使用一些简单的Javascript或者JQuery来使应用更加具有互动性,那么一个JQuery前端类库就可以了,真的没必要用上一些高大上的框架. 当然,框架的确是很有用的,重点是我们要知道什么时候该用什么框架.大公司大项目的经验和成功模式固

web前端开发规范

本文原创,这里首先声明,转载注明本文出处,翻版必究! web前端开发规范的现实意义 1.提高团队的协作能力 2.提高代码的重复利用率 3.可以写出质量更高,效率更好的代码 4.为后期维护提供更好的支持 5.可读性高 一.命名规则 1.html命名规则: a.文件名称命名规则:统一使用小写英文字母.数字.下划线的组合,不得包含汉字空格和特殊字符 2.命名原则:方便理解.方便查找 b.索引文件命名原则:index.html.index.htm.index.asp.index.aspx.index.j

web前端开发笔记(2)

web前端开发笔记(1) 一.HTML标签书写有哪些规范? 页面编码. 文档声明. 关键字与描述. 行内元素不能包含块级元素. a标签不能嵌套a标签. 标签名和属性必须用小写字母书写,属性必须加引号,标签必须闭合,单标签页必须闭合. 页面中不要用 进行缩进,如需缩进,用css控制. html标签使用必须语义化. 要为img标签填写alt和title属性. 二.HTML静态页面出现中文乱码如何解决? 引入<meta charset="UTF-8"> 三.通常情况下块属性标签和

WEB前端开发规范文档

规范目的 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良. 页面性能方面, 代码要求简洁明了有序, 尽可能的减小服务器负载, 保证最快的解析速度. 文件规范 1. html, css, js, images文件均归档至约定的目录中;

Web前端开发规范手册

一.规范目的 1.1 概述 ..................................................................................................................................... 1 二.文件规范 2.1 文件命名规则...................................................................................

前端开发:css基础知识之盒模型以及浮动布局。

前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西?  为什么这个浮动没有效果?  这个问题楼主已经回答了n遍.今天则是把它写到我的博客中,想知道自己过来翻就好啦 ^_^  下面楼主把当前的自己对css的基础认知一一给大家道来...... 盒模型 谈到盒模型,有经验的小伙伴一定滚瓜烂熟,无非就是 内容(content).填充(padding).边框(border).边界(margin): 这些属性我们可以把它转移到我们

前端开发利器-Brackets IDE

是什么? http://brackets.io/ A modern, open source text editor that understands web design. 现代, 开源的文本编辑器, 最懂得web设计. With focused visual tools and preprocessor support, Brackets is a modern text editor that makes it easy to design in the browser. 专注可视化工具