一、前言

一直以来都梦想着写几篇博客,忙于工作一直也没有抽出时间来写一下。看看大熊君、小v君等都在努力写博客,我这个不太善于言表的少年,也是在忍不住了。否则会被人家拉下更远。先简单介绍一下自己,目前我是一个前端工程师,就职于某化妆品电商,其实大家一猜就知道是哪个公司啦。就是股票跌得比较严重的公司,所以领导的火气多比较大。公司一直以来也比较忙,各种活动接踵而至,可就苦了我们这帮程序猿。废话不说,先聊聊打算写博客的内容。也希望大家关注。给我提多多意见,一起成长、一起学习。

二、关注的博客

目前比较关注的博客主要有叶小钗大熊君正美大熊君张鑫旭aaron这些主要是前端的博客。其他得例如数据结构比较关注MoreWindows Blog等等。不过看得最多的还是叶大侠的,因为他得博客比较实在。就是好多项目中遇到的问题,例如想看jquery了可能会去翻翻艾伦。觉得叶小钗的博客写的还真的不错,学习了,也推荐做移动端得童鞋好好看看。当然没事也要来瞅哈我得博客呦^^,卖个萌~

二、博客规划    目前主要打算分三个部分,移动端、数据结构和算法、设计模式。我觉得这些也是做为一个合格的前端程序员是必须掌握的知识。

1、移动端
        a、移动端的多分辨率适配问题。
        b、移动端的组件设计以及模块化问题
        c、移动端库的探讨
        d、移动端构建问题
    2、数据结构和算法
        a、线性表
        b、栈
        c、队列
        d、串
        e、二叉树
        f、树  
        g、广义表
        h、简单的排序
        g、复杂的排序
        j、查找算法
    3、设计模式

三、总结

明天开篇主要从数据结构和算法开始,因为目前我复习数据结构和算法。因此先学习一下数据结果和算法,言归正传,目前我是做移动端。说说移动端以及h5的发展趋势,目前我们公司的移动端的量已经超过了web站,能达到60%的样子。可以看出未来的主要趋势还是在移动端,尤其是现在上班族,几乎回到家很少会打开电脑。都是在用手机看看这看看那。当然有人可能会问,移动跟h5有什么关系。当然有很大的关系了,首先app的发版以及审核是非常慢得。加上用户还需要资源去更新去下载,这时候h5就凸显出它得优势。不许要发版,更灵活。这就使得好多经常变动的需求都用h5来做,然后h5当然也就成为了程序猿里最苦逼得一个了。领导说这个有问题,文案不对,改、pm说这里流程不对、改、改、改...,好吧这就是我们h5。
       但是话说回来了,目前做了这么久h5,给我感觉h5如果完全替代app还需要很长一段时间。以前我也尝试做过几个webapp,有一个是跟大众点评合作的。当然代码比较烂啦,不过在andriod的体验正得是很差劲,转场是通过一个简单得transform3d做的动画。其实给我的感觉就是在iphone上得体验比在andriod上原生都流畅,可是到andriod手机里就卡的断片了。尤其是在低端机子上,当时用了isroll这家伙,当时老大看了andriod之后。一个字改。。。。太卡,后来我把iscroll干掉了,用原生的滚动条对付勉强过关。。。andirod还是要加吧劲了哦。为什么你的最好的机子的流畅度都不如iphone4呢。。。
      在谈谈移动端得坑,移动端其实有很多坑,最坑的莫过于input弹出键盘了,影响css fixed属性。这个叶大侠也长篇大论了一番,貌似也没有完美的解决办法。还有click延迟、有些css3低端机子不支持,例如我最喜爱的box-flex,在某些机子上就不支持。。。这些都是坑啊。不过还好的是目前大部分移动端的机子对css3支持的还是比较好。这个主要还是看产品来怎么衡量了。不过我一般的时候还是比较保守,尽量用不出问题的属性。
      好了,比较晚了,家里得老婆打人又发飙了。。。。睡觉了

开园子啦(浅谈移动端以及h5的发展)的更多相关文章

  1. 浅谈移动端中的视口(viewport)

    在 PC 端,视口指的是浏览器的可视区域,其宽度和浏览器窗口的宽度保持一致.在 CSS 标准文档中,视口也被称为初始包含块,它是所有 CSS 百分比宽度推算的根源,给 CSS 布局限制了一个最大宽度. ...

  2. 浅谈移动端三大viewport

    我们通常在写移动端页面时,往往都会在html页面中加入这样一段话 <meta name="viewport" content="width=device-width ...

  3. 浅谈移动端之touch事件--手指的滑动事件

    今天台风‘海马’袭击深圳,全市停工.现分享一篇关于touch的文章,望指教! 原理: 当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和纵坐标startY: 当触发touch ...

  4. 浅谈移动端rem的用法

    一 什么是rem? “font size of the root element 这是w3c的定义 也就是说是相对于根节点(html节点)的字体大小的单位. 目前主流的浏览器基本都支持rem这个单位, ...

  5. 浅谈移动端适配-rem

    对于移动端开发来说,无可避免的就是直面各种设备不同分辨率和不同DPR(设备像素比)的问题,在此忽略其他兼容性问题的探讨. 一. 移动端开发有关于像素的概念: 1.设备像素(dp),也叫物理像素.指设备 ...

  6. 浅谈移动端设备标识码:DeviceID、IMEI、IDFA、UDID和UUID

    ---恢复内容开始--- 转:https://www.jianshu.com/p/38f4d1a4763b [心路历程] 最近刚好在思考工作中统计数据所用的标识码产生的数据误差到底有多大,借此机会几番 ...

  7. 浅谈移动端 View 的显示过程

    作者:个推安卓开发工程师 一七 随着科技的发展,各种移动端早已成为人们日常生活中不可或缺的部分,人们使用移动端产品工作.社交.娱乐……移动端界面的流畅性已经成为影响用户体验的重要因素之一.那么你是否思 ...

  8. 浅谈移动端设备标识码:DeviceID、IMEI、IDFA、UDID和UUID -费元星

    在公司做数据分析的时候,发现NA端有很多ID,所有来系统的理解一下,有问题大家多指出   [心路历程] 最近刚好在思考工作中统计数据所用的标识码产生的数据误差到底有多大,借此机会几番搜索资料+请教大神 ...

  9. 干货|浅谈iOS端短视频SDK技术实现

    短视频SDK主要包含"视频录制"和"视频编辑"这两个核心功能. 视频录制包括:视频采集.美颜.滤镜.摄像头切换.视音频采集参数设置等功能: 视频编辑包括:视频导 ...

随机推荐

  1. Effective Java 32 Use EnumSet instead of bit fields

    Bit fields is used for passing around sets of constants. Such as // Bit field enumeration constants ...

  2. 你所不知道的SQL Server数据库启动过程(用户数据库加载过程的疑难杂症)

    前言 本篇主要是上一篇文章的补充篇,上一篇我们介绍了SQL Server服务启动过程所遇到的一些问题和解决方法,可点击查看,我们此篇主要介绍的是SQL Server启动过程中关于用户数据库加载的流程, ...

  3. 深入PHP内核之ZVAL

    一.PHP的变量类型 PHP的变量类型有8种: 标准类型:布尔boolen,整型integer,浮点float,字符string 复杂类型:数组array,对象object 特殊类型:资源resour ...

  4. Nginx的安装与使用

    在 CentOS 7 系统上: $ sudo rpm --import http://nginx.org/keys/nginx_signing.key $ sudo rpm -ivh http://n ...

  5. maven 仓库搜索添加需要的jar包

    可用仓库网址: http://search.maven.org/#browse http://mvnrepository.com/ http://repository.sonatype.org/ind ...

  6. maven中把依赖的JAR包一起打包(转)

    转自:http://lvjun106.iteye.com/blog/1849803 这里所用到的MAVEN-PLUGIN是MAVNE-ASSEMBLY-PLUGIN 官方网站是:http://mave ...

  7. Redis高级应用

    上一篇博文讲述了Redis的一些常用命令,可以对数据库及数据库服务器进行操作,本篇将讲述Redis的高级应用及配置 安全性 设置密码:修改redis.conf中的requirepass,在其后面添加密 ...

  8. MyEclipse 6.5 代码自动提示功能配置教程

    1. 打开MyEclipse 6.0.1,然后“window”→“Preferences” 2. 选择“java”,展开,“Editor”,选择“Content Assist”. 3. 选择“Cont ...

  9. MySQL中EXPLAIN的解释

    EXPLAIN是查看MySQL优化器如何决定执行查询的主要方法,这个功能具有局限性,以为它并总是会说出真相,但是却可以获得最好信息. 学会解释EXPLAIN,你就会了解MySQL优化器是如何工作,你才 ...

  10. css shorthand属性简写

    一.什么是shorthand 属性简写(shorthand)就是一次性声明一组相关的属性.好处呢当然是众所周知的,让css从臃肿无序升级为简洁有效具有高可读性. 大多数的人都使用属性简写,我也用,但是 ...