我对前端的了解

前两天,我的朋友@戡玉 写了一篇文章前端心得体会,应他的邀请,也让我表述下自己得想法,让我们可以相互参考,共同进步

本文观点为个人之拙见,如有雷同纯属知己,如有相勃,请轻轻的拍砖。

自述

我来自一个南方的二线城市,现在从事IT行业,职位名称为web前端,实际应该只能算页面仔水平!2014年9月,我放弃了本职的矿产勘查工作,回到老家,那时候又一个同学说你现在可以去学习安卓开发,将来我需要你帮忙。我在网上搜寻了一番,也问了几个从事IT的同学,后面选择了星城的*大*鸟(自主打码,不做免费的广告)。当时,招生导师承诺的是,你来我们学校先学习java web 然后到培训后期会有机会接触安卓开发的。
学习到临近毕业之时依然没有开安卓课程的计划,但是在课程学习之中,渐渐的对简单编码技能在浏览器产生各种效果的前端感兴趣了。自此便从慕课网上开始自学web前端的生涯。

我心中的前端

  1. 初期形态

html、css、javascript,刚开始学习的时候,我的映像中前端只需要还原UI的设计稿,并介绍交互动画,交互效果。

  1. 进阶形态

第一个项目,一个****电商网站的制作:PC、Mobile两个端的页面制作,我自己完成所有页面制作的时候,降幅给了后端。然后我以为就没有事情了,真正激发我对前端开发业务范围改变是在后端数据展示完成之后 测试阶段,出现了各种界面乱,效果失效等问题的出现,让我意识到,其实在现行的mvc开发框架中 整个V都应该由前端来完成,如果甘于做一个切图仔永远不会得到团队的重视,不会让老板看到你直接的劳动成功,也不能保证你的效果不被后端玩坏。就像前段时间在某群众 @兰悦儿 前辈所说的一样,不掌握业务,前端开发就没有话语权。
毕竟现在的网站数据大多是动态的,切图仔的静态页面是永远不可能在用户面前呈现的(静态内容,也是由模板拼接的,毕竟网站的用户信息模块都是需要的)。
于是那时候我就开始咨询身边的朋友,他们告诉我的方法是,学习JSP、ASP、php等后端模板语言,自己来负责数据的展示,在完成后能够及时的更改样式,并且保证页面效果与设计稿效果一致。

  1. 现存形态

经历一年多的工作,以及业余时间和互联网上认识到的朋友、现实中认识到的同事(前同事)交流,现在我心目中的前端是:

  • 能够根据设计稿编写页面,并且符合W3C规范,兼顾SEO优化
  • 能完成页面中动态效果的实现,并且熟练的使用常用的类库(JQ),UI框架(bootsharp)来简化开发过程
  • 能够根据原型、需求文档,考虑页面中应该存在的数据,并且能够优化其数据结构,以数据来维护页面
  • 能够将数据渲染成动态网页,使用包括但不局限于 前端MVVM框架,后端JSP、ASP、PHP、nodeJS模板,前端模板引擎,来渲染从后端获得的数据,
  • 能够维护客户端数据与DOM之间的关系
  • 能够用模块化的思想来编写html、css、javascript代码,并且熟练使用模块加载器(例如requireJS、seaJS),或将commonJS模块打包,能使用sass、less等预编译语言,提高css的可读性、可维护性。
  • 能够使用自动化工具(例如gulp、webpack),来完成前端代码打包、压缩、路径修改、雪碧图合成等。

我心中的代码

  1. 为业务服务,但不被业务所束缚

单例模式、解耦合、模块化,不管是哪种方式或者说法,都是我作为一个新人所应该学习的

代码要往可维护,可拓展和可共用上考虑,复杂业务要学会建模,分解和细化 @戡玉——前端心得体会

可复用、可维护的代码,由如铁杆成针,须我们自己在编程的道路上多积累,多磨练。在产品各种想法中,痛并快乐的啪啪啪。Think more , Write less。在折磨键盘之前,用我们万能的脑子(这是个好东西,我想每个人都有,或者说都应该有),经过周全的思考,再来完成代码的雏形。并且可以多参照别人的想法,取其精华,去其糟粕。完善自己的代码。并在以后的开发、使用中不断的完善自己的代码。

  1. 为他人所用,为后人所能修改

驼峰命名、构造函数首字母大写、适当的注释、清晰有条理的文档。这些条条框框,约束并且应该约束着我们的代码,提高我们代码的可读性。

任何语言和技术知识都只是编程的工具,培养编码的思想和设计更重要
基础才是王道!以不变破万变!
@戡玉——前端心得体会

代码可读性关乎着代码的可读性。一份条理清晰,表达明了的文档,规范的命名。对于后期的维护,将会更加的轻松。也利于别人的使用和修改。命名规范的代码,能够让码农们看到你的代码就像看到母语般亲切。如达此程度,可能注释和文档都显得是为门外汉所准备的了。

我对前端的追求之路

  1. 以文档为基石
    平常学习前端,除了imooc,等视频网站,最多的 就是翻看W3C 的文档,了解新标准,理解已有的标准,查询新标准的兼容性等问题(不过对于IE系列浏览器天生不感冒,所以目前自己得知识栈中,并无太多IE hack的知识),此类基础文档,不断的翻看,总能达到温故而知新的效果
  2. 勤学多练,百炼成钢

我恩师,在和我们的日常的交流中,总是习惯用一个词“厚积而薄发”,诚如,我们师兄弟姐妹中,很多都是前端新人。我想恩师此语之意应该是勉励我们勤学多练。实践出真知这词,邓爷爷用中国经济的腾飞,给我们生动的演绎出来。对于技术行业,光说不练肯定不能进步,久而久之,只能为行业所淘汰,要么永久的呆在切图仔的岗位,要么转行。技术行业本如逆水行舟,不进步,终将被淘汰

结语

至此,本轮扯淡完毕,如有不足,欢迎补充。如有建议欢迎下拉评论,必将改进!以造福众WEBer

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,968评论 6 482
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,601评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 153,220评论 0 344
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,416评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,425评论 5 374
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,144评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,432评论 3 401
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,088评论 0 261
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,586评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,028评论 2 325
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,137评论 1 334
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,783评论 4 324
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,343评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,333评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,559评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,595评论 2 355
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,901评论 2 345

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,522评论 25 707
  • 本文首发于 GitChat,现免费放出~感谢大家的支持。 我们都知道,大学几乎是没有 Web 前端课的。以我所在的...
    hylerrix阅读 4,858评论 8 60
  • 一直想记录一下生活中的点滴,特别是那些令人开心的场景,趁着结婚十年的“大日子”,开启吧! 每一次的记录可能略显琐碎...
    清灵_简书阅读 488评论 0 51
  • 当我终于从沙丁鱼群般的人潮中挤出来找到自己的座位,坐下来后长舒了一口气。裹挟着大大小小行李包的人流仍然在狭窄的走道...
    58d79cb0719e阅读 169评论 0 1
  • 选择创业这条路其实就是我一颗不安分的心一直蠢蠢欲动,希望有折腾的色彩人生。创业给我带来的感受就如一直苟且生活中不时...
    王都不做阅读 395评论 2 8