• 【杂谈】HTML5到底给了我们什么?迟到的2016年终总结


      其实提笔的时候日期已经到了3月了,不过由于在过去的2016年笔者发生了蛮多的事情,所以还是决定记录一下,那些关于成长的片段。

      其实HTML5是在2012年的时候接触的,当时和结果志趣相投的同事,看到了HTML5的曙光,深谙此物必火,然后毅然辞去工作,开始创业,在黑暗中探索了1年左右的时间,笔者选择了放弃。放弃的原因可能很多,但是那段光阴,让笔者从一个懵懵懂懂的计算机科班零前端基础的应届生,变成了一个前端工程师,哦,那个时候应该叫前端程序员,也是笔者职业生涯中非常有意义的转折点,如果没有HTML5,也许笔者还会人云亦云的随着前一份工作的经历继续从事着类似flash的工作(然后被苹果爸爸一刀斩于马下)。

      瞎扯蛋就到这,主要想说的是,虽然到上海已经快3年了,但是真正运用到的HTML5的技术,其实并不多,在之前的业务场景中,使用的最多的就是LocalStorge,主要场景也只是用于本地缓存,缓存ajax请求,缓存用户操作,起到一个优化用户二次首屏体验的作用,其他的东西用的真的不多,大抵也是因为localStorge的兼容性最好的原因吧。

      不过到了去年,情形就变得不太一样了,原本供大于求的前端圈子变得越来越饱和,各大互联网公司终于到了要比拼技术实力的时候了(其实,也许和技术并没有太大的关系,资本寒冬,市场饱和,个性化、差异化、更好的体验,变成了各大公司角逐的武器= =),从天猫造物节的css3d persective的运用,腾讯,支付宝凭借摄像头、陀螺仪、canvas带来的AR体验、再到后来阿里使用的webgel,这些HTML5时代更新的新技术终于在去年发光发热。

      笔者也由于一些变故,开始一点点的点亮HTML5的技能树:

      最开始是canvas,基于canvas的强交互能力的HTML5游戏(关于游戏可以看看这篇文章)

      然后是基于node的类resful层的开发(把node当本地化工具用了快1年,终于有机会再服务器端使用了)

      接着是使用postmessage(经常处理跨域的童鞋对这个应该不会陌生,postmessage算是html5给出的一个侵入式比较小的跨域解决方案,特别在跨站点调用的场景下)

      然后技术栈从.net+amd +backbone + grunt更新到了generator+gulp+webpack+less+react+postcss + (没有webpack的时代就像是工业时代前的黑夜一般)

      最后,借着html5的浪潮,笔者又开始玩起了es7草案中的一些好东东(比如之前文章提及的decorator,低侵入式才是未来啊)

      就在不远的将来,笔者也要迈入AR和webgl的世界(想想还有点小激动)

      不过,步子迈得大了,就怕扯着蛋。怀着对技术的敬畏,笔者的既激动又紧张的度过了去年,在这个时候该总结些什么呢?

      想到了两个例子,都是有关ES2015的新功能的:

    一个是array和arraybuffer

      之前接触过其他高级语言的童鞋应该都记得,我们在声明一个数组的时候是需要声明数组的长度的,但是js却不需要,原因在于两者其实并不是一个东西,虽然他们都叫数组,正常的(应该说正常的高级语言的)数组其实是一段连续的存储空间,相当于一个固定大小的仓库,来存储一个应该是确定大小的数据;而js的数组更像是一个链表,你可以不断push来增加数组(或说链表)的长度。但是名字已经被占了,历史已经铸成,js还是需要有原生数组的能力,该怎么办呢?于是arraybuffer就应运而生了。

    另一个是mapweakmap

      两者都是ES2015新增的数据类型,都是在完善js整个体系的,而且名字也相似,功能也相似,既然都这么相似了,为什么还要把他们造成两个功能独立的类型呢?这个就留给聪明的你去思考吧。

      过去的一年,纵然在技术视野上笔者有了很多的尝试,但是更重要的是,在技术深度上的精进。

      “浮华如三千东流水,你应取你之所倾。”

      我们身处人类文明进步最快速的时代,一个迅速发展变革的时代,初心就变得格外的重要了。

  • 相关阅读:
    windows环境下安装mysql5.7.20
    一次完成对多个子节点的全部父级节点查询
    更新数据库中值为拼接字符串的字段
    根据父节点编号查询子节点名称,孙节点个数
    Java文件流下载并提示文件不存在
    Nginx 反向代理Tomcat服务器获取真实IP问题
    Tomcat启动堆栈异常
    转一些思想 代码大全的
    一些方案
    UML建模工具
  • 原文地址:https://www.cnblogs.com/mfoonirlee/p/6490768.html
Copyright © 2020-2023  润新知