`

我的前端之路

 
阅读更多

《我的前端之路》

     我从2004年参加工作到现在,想想已经10年了,人这一身能有几个10年呢?一直想写一些东西来记录10年是怎么过来的,想了很久也没有开始写,今天终于写下了第一句话“我的前端之路”。

     原因很简单,现在主要工作也就是前端工作,已现在的岗位定位就是“高级前端工程师”。

     工作主要职责:

  1. 参与原型设计
    在项目开发中各项目开发人员能尽早的了解项目需求,项目样式,这对项目开发是最好的,作用前端人员jser,参与讨论更加清楚模块之间的关系,可能会有什么样的技术障碍,怎样去解决这些问题,参与原型设计后jser 能做到心中有数。
  2. 讨论原型设计中各种交互效果的实现。
    美工人员已经把设计出效果图了,前端人员怎样能更大限度的还原psd上的效果是对前端人员的能力考验。各种效果需要我们来实现,这些交互效果不是简单的合在一起就行了,需要再次确认在原型讨论会中的各种交互效果,各效果最好有Demo这样会更加直观。
  3. 项目js框架,js代码管理与维护。
    现在很多项目是重前端,一个页面需要维护的.js文件少的两个左右,多的10 几个左右,更多的可能就是几十个,这么多的.js文件如何维护,如何管理,这是摆在jser的眼前。
  4. 定义与后台通信的接口。
    Ajax的出现,让“异步”得到最快的发展,json、jsonp的应用或许是前后台通信的标配,可是怎样定义json格式呢?这是值得花时间考虑的问题,否则代码完成要修改json的结构,可能就不会是一个人的事情。
  5. 新技术的学习与项目整合。
    前端这几年应该是技术更新最快的了,各种框架,各种解决方案的出现,让我们这些jser们已经忙不过来了,如果项目中不加入新的技术元素来修饰产品,客户就会觉得我们没有长进,老板两样会觉得我们的产品怎么没有别人的好,开发效率为什么会这么低,等等。

上面是我现在工作的简单描述,现在一名优秀的前端工程师还真是不容易,看看百度“前端工程师”的知识树,现在的我是什么样的情况呢?实话实说:有些东西都还没有听说过,我也不知道这个知识树是谁总结出来的(知道的,请留言)突然一下觉得自己弱爆了。



 

性能/安全,只是考虑内存级别的,别的没有想过

开放项目基本没有接触过。

框架方面Django没有听过。

其它的或多或少都听过,

大家可能更关心项目开发中会用到什么样的技术:

目前项目:

框架:BootStrap3  backbone

js库: jquery1.9 ,各种jquery插件, requirejs

编码:less

小项目中也用gruntjs,为什么没有全用呢,原因嘛就是老项目不可能完全重构一套less,或者js 。这是需要很高成本的,老项目最重要的是稳定,以稳定为前提才是各种改进。

新项目中可以使用新的成熟技术。

 

说到这,我是想用回忆的方式,去回忆我学习中工作中留到的问题以及如何解决这些问题的。

 

记忆是零碎的,所以我想按下来这几部分来组织回忆的路线:

第一部分:我的前端之路--html代码基础

 

第二部分:我的前端之路--切图基础

 

第三部分:我的前端之路--JavaScript代码基础

 

第四部分:我的前端之路--jquery基础

 

第五部分:我的前端之路--jquery插件

 

第六部分:我的前端之路--需要了解的后端技术

 

第七部分:我的前端之路--bootStrap框架

 

第八部分:我的前端之路--自动化框架

 

有同样兴趣的朋友,也可以整理一个大纲大家一起讨论,用这样的方式去巩固知识点。

 

 

 

  • 大小: 144.2 KB
2
1
分享到:
评论

相关推荐

    前端html爱心源码0

    前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html...

    WEB前端设计修炼之道.pdf

    "WEB前端设计修炼之道.pdf"这本书为Web前端设计领域提供了详尽的指南和最佳实践。 首先,前端开发工程师应具备的技能和素质非常多,他们需要掌握HTML、CSS、JavaScript等基础技术,并对设计原则有深入的理解。HTML...

    WEB前端开发-案例汇总(81例).zip

    《WEB前端开发-案例汇总(81例)》是一个丰富的前端学习资源库,包含了81个不同的实战案例,旨在帮助初学者逐步进阶,并为有经验的开发者提供设计和参考。这个压缩包中的每个文件代表一个独立的项目,涵盖了前端开发的...

    前端工程化技术架构.pdf

    “阿基里斯之踵”是前端工程化的痛点之处,即开发速度慢、协同效率低、距离业务逻辑较远、用户体验较近等问题。 解决思路: 1. 云+端一体化:前端工程化技术架构的目标是将前端开发流程自动化、标准化,以提高开发...

    我的职业是前端工程师.pdf

    ### 前端工程师核心知识点概览 #### 一、前端工程师的职业发展路径 - **入门阶段**:在这个阶段,初学者通常会学习HTML、CSS和JavaScript基础,这是成为前端工程师的基本技能。此外,理解页面布局原理以及如何使用...

    基于layui的博客前端界面,完整的前端项目

    该个人博客网站是我利用layui前端框架搭建的,旨在展示和分享我的技术经验、学习笔记以及个人见解。通过该博客网站,我能够与他人交流和互动,并将自己的学习成果和经验分享给更多的人。 以下是该个人博客网站的...

    前端面试宝典大全.pdf

    下面,我将对这些知识点进行深入解析。 首先,HTML5带来的新特性极大地扩展了前端开发的能力和范围。新引入的Canvas API提供了在网页上绘制图形的接口;Geolocation API允许网站获取用户地理位置信息;音频和视频...

    java-前端页面模板

    Java 前端页面模板是为开发者提供的一种基础架构,旨在简化前端开发流程,尤其适合初学者或希望快速搭建项目原型的团队。该模板没有采用复杂的前端框架,如React、Vue或Angular,而是以更轻量级的方式构建,使得理解...

    我的前端学习总结.7z

    在IT行业中,Web开发是至关重要的领域,尤其是前端开发,它是构建互联网应用的直观和..."我的前端学习总结.7z"这个压缩包文件无疑是一个宝贵的资源,它见证了作者的学习历程,也可能是我们提升自身技能的一个重要参考。

    前端大厂最新面试题-2020阿里高德前端社招面经.docx

    今天,我将为您讲解前端大厂最新面试题-2020阿里高德前端社招面经.docx这个文件的知识点。这个文件包含了阿里高德前端社招面经的部分内容,涵盖了前端工程师面试的多个方面。 首先,让我们来看一下一面的面试题。第...

    web前端设计之个人主页

    个人主页通常包括多个子页面,每个子页面可能专注于不同的主题,如“关于我”、“作品展示”、“联系我”等。这些子页面可以通过链接在欢迎页面的导航菜单中呈现,也可以使用`<div>`标签创建分块内容,每个`<div>`...

    web前端课程设计.zip

    在本课程设计中,我们将深入探讨“Web前端开发”这一主题。Web前端是构建互联网应用程序和网站的关键部分,它涉及到用户与网站互动的所有视觉和交互元素。本压缩包"web前端课程设计.zip"包含了实现这一目标所需的...

    前端动效告白女朋友神器,网页HTML

    根据需求,可以在这些位置调整告白的话语,使之更个性化。 “2.女朋友的照片在assets/img 里面替换 背景图在img文件夹底下”,这里提到了图片资源的存放位置。assets/img可能是一个专门存放项目中用到的图片资源的...

    纯前端实现我的世界人物行走动画.rar

    《纯前端实现我的世界人物行走动画》 在现代网页开发中,动态效果的实现已经成为提升用户体验的重要手段之一。尤其在游戏领域,通过前端技术来模拟游戏内的角色动作,可以为玩家带来更直观、生动的互动体验。本项目...

    美团扫码付前端可用性保障实践

    提升前端服务的可用性,哪怕是万分之一,也是有其价值所在的,因为它直接关系到用户体验的好坏。 在探讨影响可用性的关键因素时,需要回顾历史故障。这些因素包括:客户端升级时的兼容性问题、代码优化或服务迁移...

    11个前端用户管理模板

    在前端开发领域,用户管理模板是构建Web应用中不可或缺的一部分,尤其对于那些涉及用户登录、注册、个人中心等功能的项目。这些模板不仅提升了用户体验,也极大地提高了开发效率。本资源包含11个精心设计和制作的...

    前端开发离线手册.zip

    《前端开发离线手册》是一份综合性的前端学习资源,旨在为开发者提供全面的前端开发知识。这份压缩包包含了两个重要的子文件,分别是W3School离线手册(2018.04.01).chm和CSS4.2.7(飘零雾雨版).chm,它们都是前端...

    抓娃娃机前端源码,注意 只有前端代码

    3. `点我查看更多免费前端代码 - 副本.txt` 可能是一个指向更多免费前端资源的链接文本文件。 4. `css` 文件夹很可能包含了项目的样式文件,用于控制页面的布局和视觉效果。 5. `img` 文件夹可能存储了用于界面的...

    个人博客前端界面

    导航菜单一般包括“首页”、“文章列表”、“关于我”等页面链接,方便用户快速访问。 2. **主体部分**:这是博客的核心区域,展示博客文章。文章列表通常按时间顺序排列,每篇文章有标题、摘要、发布日期等信息,...

Global site tag (gtag.js) - Google Analytics