《我的前端之路》
我从2004年参加工作到现在,想想已经10年了,人这一身能有几个10年呢?一直想写一些东西来记录10年是怎么过来的,想了很久也没有开始写,今天终于写下了第一句话“我的前端之路”。
原因很简单,现在主要工作也就是前端工作,已现在的岗位定位就是“高级前端工程师”。
工作主要职责:
-
参与原型设计在项目开发中各项目开发人员能尽早的了解项目需求,项目样式,这对项目开发是最好的,作用前端人员jser,参与讨论更加清楚模块之间的关系,可能会有什么样的技术障碍,怎样去解决这些问题,参与原型设计后jser 能做到心中有数。
-
讨论原型设计中各种交互效果的实现。美工人员已经把设计出效果图了,前端人员怎样能更大限度的还原psd上的效果是对前端人员的能力考验。各种效果需要我们来实现,这些交互效果不是简单的合在一起就行了,需要再次确认在原型讨论会中的各种交互效果,各效果最好有Demo这样会更加直观。
- 项目js框架,js代码管理与维护。
现在很多项目是重前端,一个页面需要维护的.js文件少的两个左右,多的10 几个左右,更多的可能就是几十个,这么多的.js文件如何维护,如何管理,这是摆在jser的眼前。 - 定义与后台通信的接口。
Ajax的出现,让“异步”得到最快的发展,json、jsonp的应用或许是前后台通信的标配,可是怎样定义json格式呢?这是值得花时间考虑的问题,否则代码完成要修改json的结构,可能就不会是一个人的事情。 - 新技术的学习与项目整合。
前端这几年应该是技术更新最快的了,各种框架,各种解决方案的出现,让我们这些jser们已经忙不过来了,如果项目中不加入新的技术元素来修饰产品,客户就会觉得我们没有长进,老板两样会觉得我们的产品怎么没有别人的好,开发效率为什么会这么低,等等。
上面是我现在工作的简单描述,现在一名优秀的前端工程师还真是不容易,看看百度“前端工程师”的知识树,现在的我是什么样的情况呢?实话实说:有些东西都还没有听说过,我也不知道这个知识树是谁总结出来的(知道的,请留言)突然一下觉得自己弱爆了。
性能/安全,只是考虑内存级别的,别的没有想过
开放项目基本没有接触过。
框架方面Django没有听过。
其它的或多或少都听过,
大家可能更关心项目开发中会用到什么样的技术:
目前项目:
框架:BootStrap3 backbone
js库: jquery1.9 ,各种jquery插件, requirejs
编码:less
小项目中也用gruntjs,为什么没有全用呢,原因嘛就是老项目不可能完全重构一套less,或者js 。这是需要很高成本的,老项目最重要的是稳定,以稳定为前提才是各种改进。
新项目中可以使用新的成熟技术。
说到这,我是想用回忆的方式,去回忆我学习中工作中留到的问题以及如何解决这些问题的。
记忆是零碎的,所以我想按下来这几部分来组织回忆的路线:
第一部分:我的前端之路--html代码基础
第二部分:我的前端之路--切图基础
第三部分:我的前端之路--JavaScript代码基础
第四部分:我的前端之路--jquery基础
第五部分:我的前端之路--jquery插件
第六部分:我的前端之路--需要了解的后端技术
第七部分:我的前端之路--bootStrap框架
第八部分:我的前端之路--自动化框架
有同样兴趣的朋友,也可以整理一个大纲大家一起讨论,用这样的方式去巩固知识点。
相关推荐
前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html爱心源码前端html...
我的前端学习笔记
我的职业是前端工程师.pdf
我的前端学习总结
此文档是本人在使用前端开发技术的过程中总结的相关技术点,包括了vue,react,es6,ts,js等前端技术,在此分享给大家,希望有什么问题可以留言我会及时的进行更改,大家一起学习进步提升技术。谢谢
该个人博客网站是我利用layui前端框架搭建的,旨在展示和分享我的技术经验、学习笔记以及个人见解。通过该博客网站,我能够与他人交流和互动,并将自己的学习成果和经验分享给更多的人。 以下是该个人博客网站的...
WEB前端开发-案例汇总(81例),前端资源大汇总;适合初学者进阶,几乎涵盖前端开发所有案例,可供学习及设计参考。
在前端开发中,有一个非常好用的工具,Visual Studio Code,简称VS code。 都不用我安利VS code,大家就会乖乖的去用,无数个大言不惭的攻城狮,都被VS code比德芙还丝滑的强大功能所折服。 我是来给大家安利...
大四学生前端实习的第二周周记
微信小程序前端界面实现
前端学习线路VISIO图,最全前端学习路线,可以下载完资源私聊我,讲解相关学习路线,适合新手小白,欢迎大家踊跃交流
前端数据可视化图表案例合集源码案例,本项目是我8年工作和学习中整理出来的前端可视化demo,代码会有详细注释。demo配备图文讲解,前端数据可视化图表案例demo。 项目使用了vue3,由vite构建。 可视化方面的库:...
前端开发离线手册
用vue2.0+echart做的工单关闭率看板,布局使用的是flex布局,访问用的是axios,通过前端...备注:这个代码里面的内容是纯前端,因为后台只需设置接口传数据即可,且后台不是我做的,后台人员只负责把接口传给我取值。
使用nginx部署前端项目是一篇非常详细的教程,旨在帮助初学者使用Nginx来部署前端项目。本文首先介绍了Nginx的基本概念和作用,解释了为什么Nginx是一个强大的Web服务器和反向代理。然后,文章详细讲解了如何在Linux...
web前端课程设计.zip
前端开发js静态资源压缩文件
模拟我的世界中人物行走动画,我的世界任务行走纯前端实现
我的h5前端学习笔记