推而广之名气还是能得赞誉,关于前端的思考与
分类:前端技术

如果你正在念大学,恰好也知道前端

2016/06/29 · 前端职场 · 学习, 职场

本文作者: 伯乐在线 - 昱见 。未经作者许可,禁止转载!
欢迎加入伯乐在线 专栏作者。

开公众号以后,我的生活发现了一些细微的变化。偶尔会有一些朋友会加我的微信,和我聊上几句,这让我知道了许多别人的故事。除了工作几乎没有和谁私聊过的微信,似乎多了一丝不一样的活力。

今天正迷迷糊糊的琢磨着angular时,微信发来一个通知,有一个复姓欧阳的同学申请加我好友,字里行间感觉得出来他对前端的小兴趣。

令我感慨的是,他是一名大一学生。

对于大一已经过去6、7年的我而言,某然间看到“大一”这个字眼,莫名有点伤感。仿佛有一些遥远的故事,在脑海中幽幽醒来,挥之不去。

年轻,真是令人羡慕的东西。

我是真的打心眼里羡慕那些早早就开始寻找自己方向的人。谁叫我是挥霍着走完我的大学四年的呢!大四因为选修课学分不够,选了一门书法课。那个时候早已经学乖,因此这门课成为了我大学四年上得最认真的一门课。教书法这门课的老师颇具修养,人生经历十分丰富,而且在风水学上深有造诣,常常一节课几分钟在讲写字,剩下的时间都在说故事。

他说过的一句话让我印象十分深刻。

“想要未来过的好其实很简单,找到一个自己还不算讨厌的方向,剩余的,无非就是坚定的去学习,努力的去拓展,让它变成你的一技之长。”

可是很显然,听到这句话的时候,对当时的我来说有点晚。大概没经历过教训,听到这句话的时候也不会有什么特别的感觉吧。

当我们挥霍完青春正好的大学四年,一无所得的我们,其实有一点承受不了生活陡然扑来的压力。

和这个大一同学不同的是,加我微信的还有几个已经毕业的朋友,因为一些传说,尽管毫无基础,但还是选择了前端。走向了培训班的道路。在人生遇到重大岔路的时候,他们必须给自己选择一个方向,可是我知道,他们焦虑上路。

他们很着急,不知所措,热切的渴望能在短时间之内掌握一技之长,让自己在毕业之后能够找份工作。对于这份焦虑,我感同身受。但却无能力为。

因为学习前端,是一个需要积累的过程。我也没办法给出什么行之有效的建议。学习前端那么久,我没感觉自己走过什么捷径。但其实,正如我羡慕那个大一学生一样,何尝没有人正在羡慕刚毕业的我们呢?也许一个良好的心态,才是我们稳步提升自己的关键所在吧。

关于前端的思考与感悟

2016/06/03 · 前端职场 · 10 评论 · 前端, 职场

本文作者: 伯乐在线 - 昱见 。未经作者许可,禁止转载!
欢迎加入伯乐在线 专栏作者。

万事开头难。

当我想要认真写一篇文章向大家分享我对前端的认识与感悟的时候,突然就深刻的体会到了这句话确实太有道理了。

最近几年对于web前端的传闻很多,比如人才稀缺,简单易学,待遇丰厚,整体势头发展良好等等。遇到过一个不太熟搞后台开发的同事跑来问我学习前端需要掌握哪些内容,也听说过一个搞IOS开发准备自学前端半个月然后要去找前端工作,也曾看到过有人对前端市场人才的稀缺这样吹捧过:

现在,几乎整个互联网行业都缺前端工程师,不仅在刚起步的创业公司,对上市公司乃至巨头这个问题也一样存在。没错,优秀的前端工程师简直比大熊猫还稀少。
… …
不仅在国内的互联网行业,在国外,前端工程师一样是需求旺盛、供不应求的香饽饽。

对于这样的吹捧,不反对也不支持。因为由于每个人的位置,经历的不同,对事总会有不同层面的理解。而作为一个从成都的菜鸟,蜕变成一名北京的菜鸟,也来谈谈自己对于前端的理解。

吐槽前端组件化的踩坑之路

2016/05/10 · 基础技术 · 前端构建, 组件化

本文作者: 伯乐在线 - 亚里士朱德 。未经作者许可,禁止转载!
欢迎加入伯乐在线 专栏作者。

这篇文章分享的不是成功的经验,而是失败的教训~

伯乐在线在微博、微信公号和官网覆盖数百万 IT 技术、设计等 IT 互联网从业者,现在正式开始招募专栏作者啦!我们愿意为优秀作者搭台,帮扩大知名度的同时,还带去赞赏收入和发现更多合作机会。

谁不是迷茫前行呢?

因此比较之下,还在念大学的你,就显得非常幸运了。虽然任然会迷茫,会有很多困惑,会遇到很多无论如何都无法解决,令人抓狂的问题。

如果你正在念大学,恰好也在尝试前端,当遇到难题想要放弃时,不妨想想,真的好多人都在羡慕你们!

今天还是挺高兴,虽然昨晚熬夜看《余罪》导致一天都昏昏欲睡,但是对angular的理解有了实质的进步,就差做一点实践了。随后我会在我的博客上更新关于angular的学习笔记,就不发公众号了,有大量的代码展示不适合阅读你们也不爱看。所以有兴趣的同学去我的博客找我吧。

还要学习的东西很多很多,但是想想有那么多人一起在进步,其实感觉也挺好!老实说,其实我也很年轻的,哈哈,虽然我挥霍了过去那些美好到令人心醉的青春,可是未来的日子我都不想再虚度了,也不舍得 [偷笑]!

共勉!

打赏支持我写出更多好文章,谢谢!

打赏作者

一、地域差异

在成都的大部分公司,有一种专门负责切图排版的网页工程师。他们需要懂一些PS,然后会使用HTML与CSS排版。而这类人往往是刚参加工作不久的毕业生,响应式布局对他们来说是一种高大上的技能。很荣幸,我也曾经是他们的一员,也正因为如此,我掌握着熟练的切图技巧,而这个层次,可能就是外人认为的入门容易吧,然而实际上还差很远很远。

另外一种,就是比较厉害一点的程序员。他们会js 一门后端语言,比如php,jsp。但是他们会会更加偏向后端一点,他们将html,css,js当成一种很基本的东西,更多的逻辑都使用后端语言来处理,并不会那么清晰的将html页面与后端语言分离开来。所以我们常常会看到有的页面以.php,.jsp结尾。

来了北京之后,才算是见识了真正的web前端。以至于常常会有一种恨自己为什么不早一点来的感觉,恍如隔世。随着学习的慢慢提升,会感觉到北京的前端更加具有明确的方向。

我们会真正的注重用户体验,所以每个页面都会响应式布局,从PC端适配到最小320px宽度的移动端,更加注重html5/css3的相关知识的运用,也会为了用户体验做很多功能之外的更加合理的处理。会真的很认真的考虑面试中常常会问的如何优化前端性能。因此我们使用gulp require来构建前端代码,压缩,打包,上传cdn。

总的来说,在北京,前端更加专业与明确一点,发展更加好一点。

设坑

关于为什么要研究组件化以及之前对组件化实现方式的理解都在这篇文章——《利用handlebars实现后端组件化》。本来按照之前的思路,觉得组件化应该有三种实现方式,一种是后端模板;一种是浏览器端由js实现,包括reactjs的组件、angular的指令等,不过这些对css文件无法管理(有个插件号称完美实现组件化,研究完之后再分析);最后一种就是利用构建工具实现组件化。

如果真能找到这样一种构建工具,不依赖前后端语言、模板、框架,在构建代码的时候直接直接将组件打包是不是很完美?如果你也这么想,那么恭喜你可以跟我一其踏上一段踩坑之旅了。

基本要求

  • 有开发、设计或 IT 互联网相关的工作经验;
  • 有一定的写作基础,能够写出清晰明了的文章。

打赏支持我写出更多好文章,谢谢!

任选一种支付方式

图片 1 图片 2

3 赞 3 收藏 评论

二、兴趣是否重要?

我曾经很认真的思考过这个问题,很多前辈大神告诉我,“兴趣很重要。”

可是我经过仔细分析自身的情况之后,却得出了一个相反的结论。

因为我并没有发现什么东西是我感兴趣、并且能让我能够混口饭吃的。然后现在我也觉得只要我能够这样慢慢努力下去,在前端这个行

业里,还是能够拥有一席之地。现实一点来说,只要你能够进下心来不排斥它,你就可以选择它。毕竟人都是要吃饭,要养活自己的,我想大多数人都是没办法指着自己的兴趣过活的。

《一万小时天才理论》告诉我们,在某一个方向专注一万小时,你就能够成为这个方向的专家。我认为,这个道理,在前端也同样适用,专注,比兴趣更加重要。

入坑

目标已经明确的话开始寻找工具。理想的是有工具插件直接实现组件化,差一点的话自己稍加改造实现也可以接受。看看现在比较流行的工程化工具:

加分项

  • 已经在写文章的作者加分;
  • 文章曾被发布在伯乐在线旗下微信公众号或者官网的作者加分。

关于作者:昱见

图片 3

平时会将自己学习总结在我的公众号isreact上分享,欢迎大家搜索关注! 个人主页 · 我的文章 · 15 ·    

图片 4

三、什么心态会影响自己的进步?

不坚定。

至少我现在可以肯定的是,前端方向,并不是一个糟糕的选择。在最初的时候,时常会在UI设计与前端之间摇摆不定。我认为我对UI设计更加感兴趣一点。特别是参与了电信一个视频播放app的设计之后,更是认为自己未来是有机会成为一名优秀的UI设计师。但是我另外又觉得自己在前端方向会更加快一点提升自己。于是在很长一段时间里就纠结在这个问题上摇摆不定,停滞不前。其实不管坚定的选择哪一个方向,在目前的互联网行业里,都是很热门的选择,都有出头之日。而最大的错误就在于,犹豫不决。

浮躁。

如果我最终没能成为一名优秀的前端工程师,那么最大的原因肯定就是心态的浮躁。

谁都想要在短期内成为一名学识渊博,经验丰富,德高望重的前端工程师。我也想,这是很难避免的一个心态问题,别人高额的薪水与自己的困境总是那么轻易的扰乱心神。所以一个月从入门到精通,3个月从入门到精通之类的宣传标语,都是非常受欢迎。然而事实上,这并不可能。打着这些宣传标语的培训机构,最多只能带你入门。甚至很有可能一位在前端行业沉浮好几年的老同学都不敢说自己已经在这个行业算得上优秀了。并不是说几年的时间没办法变得优秀,而是能够静下心来潜心修炼的人确实凤毛麟角。所以其实实际情况是慢慢来,才最快

毕业几年,感觉自己前进道路上最大的阻碍就是这两个心态问题。这也正是我开公众号的初衷所在,我希望能够静下心来,将自己学到的东西整理出来,分享给大家,一来慢慢竖立自己的个人品牌,让别人能够更加简单直接的了解自己,二来也锻炼自己的心态。在这里也谢谢大家的关注与支持。

公众号会主要分享一些前端的技术知识与职场吐槽,欢迎大家搜索微信号isreact关注我,让我们一起成长!^_^

webpack

首先研究这个最新最火的工具,一进入官网就被那个炫酷的css3立方体吸引了,看上去很高大上的样子。官网上内容很多,虽然是英文的但是问题不大。看到菜单上有一系列教程(list of tutorials)非常欣喜,心想好软件就是不一样,教程都写得这么多。一点开傻眼了,根本就不是什么学习教程,就是各种语言凑起来的文章,完全无法引导新手很好的学习,也没有分类。照着例子使用了之后发现如其所说只是个模块打包工具,恨不能让任何页面只引用一个js一个css,对第三方依赖的处理也是狗血,要么合并成一个,要么一个一个配置,手动在html中维护,而且还是侵入式的改变源代码内容。功能很简单,实现过程很复杂,蛋疼之后更是伴随一阵心疼,遂放弃。
如有不对之处,欢迎webpack资深玩家拍砖指点。

加入理由

  • 扩大知名度  您的文章将通过伯乐在线旗下的微博、微信和官网,直接传播到数百万潜在读者;
  • 获得赞赏  在微信公众号和官网上,为专栏作者的文章添加打赏二维码。当读者给文章打赏时,作者直接收到打赏的收入;
  • 推荐出书  优秀的专栏作者有被推荐出书的机会,把写好文章提升到出一本好书。对于伯乐在线专栏作者出品的书籍,我们还将用伯乐在线覆盖百万受众的渠道宣传书籍。还不心动?那就行动吧~
  • 更多机会……

四、 如何应对新技术层出不穷的现状

很多时候我都会觉得前端对于新人来说其实挺过分的。

想要学习一门ui框架,有什么easyui,bootstrap,Foundation等等。想要搞一个自己的静态博客,有什么wordpress,jekyll,hexo等等

想要学构建工具,有什么grunt,gulp,webpack等等

还有好多传说中都很厉害的库,jQuery,angular,vue,react等等

真的眼花缭乱,刚开始怎么分得清谁比谁好啊。一不小心就走一大堆的弯路。

所以这个时候我们就必须明白一个道理。基础的重要性在于,他能够提高我们的学习能力。

bootstrap,angularjs最初于我如传说中的存在,高不可攀。而且很多公司招人都希望员工能够掌握这些技术。所以在基础很薄弱的时候就开始尝试去学习。很显然,效果是几乎没有的。反而会减少我对于前端的自信,会很容易产生动摇,觉得自己不适合。

可是随着基础的慢慢提升,我发现要掌握bootstrap与angularjs似乎也没有那么难。我甚至能够看着文档就有模有样的将这些技术运用起来。这对于以前的我来说,简直就是不可思议。

因此,从以前的高不可攀,到现在的触手可及,让我明白了基础的重要性。

而对于最近非常火的react,webpack等,掌握起来也没有当初那种无法触及的感觉。这些技术之所以能火,就说明能够学会的人很多,他并不存在特别难以掌握的瓶颈。如果你的基础够牢靠,你就是这些技术的弄潮儿。

fis3

其实从fis刚出来的时候我就在关注fis,那时候因为觉得插件不够丰富,再加上项目中使用的是grunt,所以放弃了。这次看到fis的教学视频和fis3的时候我是内心有些激动的。一方面见其生机勃勃,另一方面介绍了百度产品实现组件化的经验。
事情真的那么完美吗?首先不得不承认fis3是一个比较成熟的构建工具,但是一上手就坑了我,release发布代码的时候不能清除目录,只能覆盖发布,号称400多个插件中也没找到可以实现的,我只能用一个字形容——囧。这种感觉就像你来到了一栋摩天大楼,但是它没有电梯,你只能自己爬上去。再细致研究发现其组件化也是依赖后端语言实现的,和后端模板集成在一起,做事情做一半,真是无语。至于Angular和Angular2这种靠前端模板的例子也不是我要找的答案。
不过其目录划分可能还有一些借鉴意义吧。

如何申请加入?

请按照下面的格式发送申请到邮箱:jobbole@qq.com

  • 标题格式:申请「伯乐在线」专栏作者
  • 个人简介:姓名、所在城市、工作年限、当前公司和职位;
  • 开发或者设计经验:工作经验和擅长领域介绍;
  • 写作经历介绍:
    • 个人博客;
    • 如果伯乐在线之前已全文发你的文章,请附上相应文章标题和链接;
    • 如果伯乐在线没发过你的文章,请自荐 3 篇文章;
  • 个人主页: 你在伯乐在线的个人主页链接。如果还没有账号,请先注册;

五、前端并没有那么简单

前端不简单的地方,并不在于知识点的掌握,技术的实现,而在于寻找更优解。即使是最简单的页面布局,也存在层出不穷的优秀解决方案,比如在大学的时候,常用table元素来实现几乎所有的页面布局,到现在理解文档流,会运用浮动,各种盒模型,BFC等来实现布局这中间的差距对于一个新人来说是非常巨大的。

从最初的写一大堆js代码,实现一个页面的小功能,到后来发现有的人只需要用几行代码配合html/css就可以控制整个页面的所有动画,这中间的差距,也是非常巨大的。所以前端并不是外界认为的那么简单,甚至并不比掌握好一门后端程序语言那么容易。所以我们要保持敬畏之心。

现坑

关于自荐的文章,

  • 开发 或 IT 互联网职场相关的;
  •  期待是属于(会)受欢迎的文章,比如说:
    • 与开发相关的技术分享、开发技巧 等;(比如:《一些容易混淆的 C 和 C 的不兼容特性》、《高效 MacBook 工作环境配置》)
    • IT 职场总结的好文;(比如:《两种编程高手》、《老码农教你学英语》、《一次皆大欢喜的程序员跳槽加薪》)
    • 如果你的文章在其他平台的反馈已经挺不错,此类文章甚好;
  • 请勿推荐 纯个人备忘 之类的,软件配置使用、软件破解 之类的文章;

加入后开通打赏的案例

  • 伯乐在线网站上已开通赞赏的文章,可看这篇文章末尾:
  • 微信中开通赞赏的案例,可参见:案例1、案例2;

六、其他

学习方法

在我这个阶段的认识来看,我认为学习最靠谱的方法就是积累。有一个很普遍的假象是,互联网时代似乎获取知识越来越容易,很多人都在担忧所谓的信息过剩的问题。然而实际情况却是,我们更加难以捕捉到对我们来说真正有用的信息。而前端的知识相对而言更加零散与碎片化,并且越来越多样化,所以知识的积累则是一个非常重要的过程。

英语很重要

英语很重要的原因是因为国外的技术比我们发达,我们常常需要阅读国外的文章来提升自己,也常常需要在google搜索上找到自己问题的答案

总的来说,在前端的道路上,遇到过动摇,困惑,迷茫。也因为浮躁的心态停滞不前。好在都一步一步的走了过来。并且可以很把握的告诉自己,这个方向,不会亏待我的付出与努力。

花了很多时间,终于把这篇文章写完了,泪奔!写文章对于一个程序员来说真的是超级大的挑战。感悟就是万事开头难,中间难,结尾也难。

打赏支持我写出更多好文章,谢谢!

打赏作者

gulp

gulp和grunt功能上差不多,丰富的扩展性决定了其能成为最强大的前端构建工具。gulp效率高一些,所以这里只讨论gulp。当不停地寻找合适插件的时候终于发现一个关键性的功能似乎不能实现,那就是组件的嵌套引用以及依赖资源的自动合并,如果需要实现这个功能那么要动态处理html代码识别资源然后进行整合,这个功能是不是有些熟悉,对,这就是之前写过的利用后端模板引擎做的事情。
想到这里,这个坑就明显了:我在试图用构建工具来侵入代码来完成模板引擎该做的工作而同时它还无法像模板引擎一样填充数据。这就好比我在用羽毛球拍打乒乓球,还一直觉得是球拍品牌不够好所以打不好球。

12 赞 15 收藏 28 评论

打赏支持我写出更多好文章,谢谢!

任选一种支付方式

图片 5 图片 6

3 赞 11 收藏 10 评论

出坑

回过头来看看构建工具的职能到底是什么?
fis3给其定义了三大职能

  • 资源定位:获取任何开发中所使用资源的线上路径;
  • 内容嵌入:把一个文件的内容(文本)或者 base64 编码(图片)嵌入到另一个文件中;
  • 依赖声明:在一个文本文件内标记对其他资源的依赖关系;——很可惜这个任务没有完全完成
    这三大职能看似很完美,但实际上都是需要在修改源代码的基础上实现,这种耦合程度就很不友好。一方面造成代码混乱,另一方面如果要替换构建工具也变得不可能。
    再看gulp/grunt这种自动化构建工具,将压缩、编译、单元测试、lint等重复性工作自动化,不要求改变源码,我觉得这种无耦合的方式才通用更利于维护。
    总之,如果编写fis3插件来自动处理依赖声明的话,利用构建工具来实现组件化应该是可以的。只是在前后端分离、行为结构样式分离的今天来做这样一件事显然不是最佳最友好的实现方式~

打赏支持我写出更多好文章,谢谢!

打赏作者

关于作者:昱见

图片 7

平时会将自己学习总结在我的公众号isreact上分享,欢迎大家搜索关注! 个人主页 · 我的文章 · 15 ·    

图片 8

打赏支持我写出更多好文章,谢谢!

任选一种支付方式

图片 9 图片 10

2 赞 1 收藏 评论

关于作者:亚里士朱德

图片 11

微信公众号“web学习社”;js全栈工程师,熟悉node.js、mongoDB。开发者头条top10专栏作者慕课网签约讲师个人博客:yalishizhude.github.io 个人主页 · 我的文章 · 19 ·     

图片 12

本文由pc28.am发布于前端技术,转载请注明出处:推而广之名气还是能得赞誉,关于前端的思考与

上一篇:前端程序猿应该了然的,响应式网页设计 下一篇:没有了
猜你喜欢
热门排行
精彩图文
  • JavaScript开发工具大全,开发者的
    JavaScript开发工具大全,开发者的
    JavaScript 代码静态品质检查 2015/07/15 · JavaScript·品质检查 原作出处: 百度efe -笔者内江人(@i笔者三亚人)    自鸿蒙初判,Brendan Eich 10天捏出 Mocha 之后
  • 疗养 CSS 的艺术
    疗养 CSS 的艺术
    调试 CSS 的方法 2016/09/06 · CSS ·调试 原稿出处: BenFrain   译文出处:众成翻译 -yanni4night    本人经验过不菲 CSS代码的调解专门的学业,有人家写的也是
  • 何以设置链接样式,CSS结商谈层叠
    何以设置链接样式,CSS结商谈层叠
    如何设置链接样式 2016/09/05 · CSS 本文作者: 伯乐在线 -赖祥燃。未经作者许可,禁止转载! 欢迎加入伯乐在线 专栏作者。 每个合法的文档都会生成一个文
  • CSS图像替换,文本缩进
    CSS图像替换,文本缩进
    CSS图像替换:文本缩进,负边距以及更多方法 2016/07/04 · CSS ·图像替换 原文出处: BaljeetRathi   译文出处:众成翻译    CSS中的图像替换有着广泛而多样
  • 用法教程
    用法教程
    CSS Modules 用法教程 2016/06/19 · CSS ·Modules 初藳出处:阮一峰    学过网页开拓就能知晓,CSS 无法算编程语言,只是网页样式的一种描述方法。 为了让 CSS也