zoukankan      html  css  js  c++  java
  • 说说前端这些事

    好几天没有写博客了,最近在学习 backbone 为下一个项目做准备。

    想想我从.net转向 前端工作已经有半年了(2014-3月份开始),我对 javascript这门语言本身是非常喜爱的,而且我也对 APP开发比较感兴趣,所以也不知道是因为巧合还是怎么的我就稀里糊涂的进入了 webApp 前端的开发工作!

    想想在从事此工作之前我也很彷徨过,有一度的时间,我想放弃过从事IT行业的工作,但是始终自己没有那个勇气。

    再说说目前我看过的一篇报道,2017年,穿戴式设备将会普及全世界 70%,想想到那时候,人民全是带着手表,不再玩手机,那 webApp还存在吗?毕竟一个穿戴设备可不会支持浏览器。

    好了,说的太多的废话,下面讲讲我从事半年 web 前端所终结的经验。

    记得,从来公司那会,公司一个项目说直接给我做,当时真是一头雾水,而且感觉压力很大啊,比较从未有过这方面的经验,就赶鸭子上架了,当时我们的项目经理做技术选型的时候说用JQM框架,还好,在2013年的时候,我特地买过一本书了解过前端的框架,书中主要讲的是:Jquery Mobile和senche touche 还有phonegap打包。

    从UI那边接过来 PSD图之后,就让我切图,当时就泪流满面了,我哪会切图啊。%>_<%,经过一番讨教和学习终于学会了前端最基本的技能---切图。

    然后我就开始做了,因为要做手机端啊,刚开始就碰到一个难题,怎么布局啊?我就在网上查资料,还真让我查到了,网上说使用 百分比 和 媒体查询器,当时我看了媒体查询器的代码直接给 pass掉了,因为时间上根本不够看啊,就选择了百分比。再后,我发现我不能一直用 PC的浏览器来模拟手机吧,还好,我记得我前同事(小于,再次感谢他),无意中给我提起,google浏览器可以模拟手机端,我就又 google了一下如何设置,碰巧我的新同事也无意中发现了 frifox也有同样的方法(shift + f5),然后我们全公司的前端都会用了。

    再使用JQM的时候碰到了很头疼的问题,因为JQM本身自带有自己的主题风格,而我们UI设计师,设计出来的页面完全是另外一个方式,那我就绞尽脑汁的去修改 JQM源码的CSS,发现根本是一团糟,然后我想干脆,除了整体的框架之外,所有的元素不再使用CSS提供的样式了,这样发现好一点了。结果,这个项目还没有做完,公司又接了一个项目,是关于洗车的APP,因为这个项目比较急,我就又派过去了,公司的其它前端都有自己的项目而且都是在进行中,好吧,我无耻再次被征用了,整个项目就我一个前端,而且规定本个月内结束一期,当时我看了一期的功能,我只能说,我擦@#¥%……&*。里面有各种支付手段,而且还有拍照上传头像,并且有LBS技术在里面,还有一些附件功能论坛。最后的最后也没能用一个月结束掉,对我这个新手来说,实在是太难。当时这个项目经理不懂技术,顺便说下,我的上个经理跑去最售前了,靠,我觉得JQM短时间内吃不透,可能会耽误工期,就直接使用Jquery + iscroll了,话说iscroll这个插件实在是很强大!这个项目大概两个月做完了,时间是有点长,我都有点不好意思了,而我的那个JQM框架做的 拍卖一直在拖延,我靠,客户竟然没有告我们,实在是奇怪!然后我本来以为我可以做拍卖了,没想到我又去给别的项目做技术支持了,哎,不堪回首,就不提了,

    因为在做项目的时候,发现,使用多页的话,会出现很多问题,比如页面跳转不能像原生的一样流畅,而且,代码不好管理,我当时就觉得迫切需要新的技术来做革新,JQM本来是一个很好的选择,本身的加载机制很符合 SPA(单页应用),但是感觉运行有点慢,而且有很多坑,所有在网上找了很多关于 SPA的资料,发现前端的圈子比较牛的人都在博客园,所以我也玩起了博客,再次特别感谢网上那些写博客的人(叶小钗,阮一峰还有司徒等等大牛们),我多数的学习资料都是从他们那边获取的。

    再说说,关于SPA,在了解这个技术的时候,发现这个技术很早就有了,只不顾现在都很成熟了,出现了很多框架(backbone和JQM等等)。由于本人在学习backbone,但是,我一直觉得,如果不用框架的话,是否也可以做SPA呢,昨天也做过实验,发现自己的技术没有达到,出现很多问题,比如:1,视图切换(暂时使用 css3来解决);2,页面加载,等等;感觉自己好懒啊。。没有动手去做这些东西,发现马上就星期一了,╮(╯▽╰)╭。好了,博客先写到这儿,我去洗洗澡,等会再继续学习Backbone的例子,然后再自己写一个例子!

  • 相关阅读:
    iNeuOS工业互联平台,WEB组态(iNeuView)集成rtmp和websocket视频元件,支持海康、大华等摄像头实时显示视频
    MyBatis之TypeHandler用法
    视频监控安防专网事件预警运维系统开发方案
    Qmgo 开源了! 更好用的 Go 语言 MongoDB driver
    前端使用axios传递数组后端使用List接收
    jdk1.6手册java8中英手册java9英文手册.chm(下载)
    自动化运维工具Ansible (一)
    初级模拟电路:4-11 混合π模型
    简单体验一个高性能,简单,轻量的ORM库- Dapper (无依赖其它库,非常方便高效)
    Python计算大文件行数方法及性能比较
  • 原文地址:https://www.cnblogs.com/zhiyuan-2011/p/3903530.html
Copyright © 2011-2022 走看看