开园子啦(浅谈移动端以及h5的发展)
一、前言
一直以来都梦想着写几篇博客,忙于工作一直也没有抽出时间来写一下。看看大熊君、小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的发展)的更多相关文章
- 浅谈移动端中的视口(viewport)
在 PC 端,视口指的是浏览器的可视区域,其宽度和浏览器窗口的宽度保持一致.在 CSS 标准文档中,视口也被称为初始包含块,它是所有 CSS 百分比宽度推算的根源,给 CSS 布局限制了一个最大宽度. ...
- 浅谈移动端三大viewport
我们通常在写移动端页面时,往往都会在html页面中加入这样一段话 <meta name="viewport" content="width=device-width ...
- 浅谈移动端之touch事件--手指的滑动事件
今天台风‘海马’袭击深圳,全市停工.现分享一篇关于touch的文章,望指教! 原理: 当开始一个touchstart事件的时候,获取此刻手指的横坐标startX和纵坐标startY: 当触发touch ...
- 浅谈移动端rem的用法
一 什么是rem? “font size of the root element 这是w3c的定义 也就是说是相对于根节点(html节点)的字体大小的单位. 目前主流的浏览器基本都支持rem这个单位, ...
- 浅谈移动端适配-rem
对于移动端开发来说,无可避免的就是直面各种设备不同分辨率和不同DPR(设备像素比)的问题,在此忽略其他兼容性问题的探讨. 一. 移动端开发有关于像素的概念: 1.设备像素(dp),也叫物理像素.指设备 ...
- 浅谈移动端设备标识码:DeviceID、IMEI、IDFA、UDID和UUID
---恢复内容开始--- 转:https://www.jianshu.com/p/38f4d1a4763b [心路历程] 最近刚好在思考工作中统计数据所用的标识码产生的数据误差到底有多大,借此机会几番 ...
- 浅谈移动端 View 的显示过程
作者:个推安卓开发工程师 一七 随着科技的发展,各种移动端早已成为人们日常生活中不可或缺的部分,人们使用移动端产品工作.社交.娱乐……移动端界面的流畅性已经成为影响用户体验的重要因素之一.那么你是否思 ...
- 浅谈移动端设备标识码:DeviceID、IMEI、IDFA、UDID和UUID -费元星
在公司做数据分析的时候,发现NA端有很多ID,所有来系统的理解一下,有问题大家多指出 [心路历程] 最近刚好在思考工作中统计数据所用的标识码产生的数据误差到底有多大,借此机会几番搜索资料+请教大神 ...
- 干货|浅谈iOS端短视频SDK技术实现
短视频SDK主要包含"视频录制"和"视频编辑"这两个核心功能. 视频录制包括:视频采集.美颜.滤镜.摄像头切换.视音频采集参数设置等功能: 视频编辑包括:视频导 ...
随机推荐
- informatica 厂商培训资料
1.informatica中domain与node的理解: domain 类似于局域网,node就是局域网中的节点或者计算机. node应与repository在数据库中存储在不同的scheme中,此 ...
- cocos2d-x之猜数字游戏
bool HelloWorld::init() { if ( !Layer::init() ) { return false; } visibleSize = Director::getInstanc ...
- 烂泥:NFS存储与VSphere配合使用
本文首发于烂泥行天下. 公司服务器的虚拟化使用的是VM ESXi 5.0,为了更有效的利用服务器的硬盘空间.就把所有的镜像文件存放到另外一台linux服务器上,这样在使用vsphere安装虚拟机时可以 ...
- 【C++】array初始化0
让代码...优雅? ==================分割线==================== 局部数组:没有默认值,如果声明的时候不定义,则会出现随机数(undefined):如果声明的长度 ...
- HDU 5101 Select --离散化+树状数组
题意:n 组,每组有一些值,求 在不同的两组中每组选一个使值的和大于k的方法数. 解法:n * Cnt[n] <= 1000*100 = 100000, 即最多10^5个人,所以枚举每个值x,求 ...
- MonoDevelop Debug Unity
环境 Unity 4.3.x MonoDevelop 4.0.1 资料 更新Unity4.3.X之后的版本,MonoDevelop的版本也进行了升级,IDE的界面发生了比较大的改变. 查阅了Unity ...
- memcached缓存知识简单梳理
memcached工作原理基本概念:slab,page,chunk.slab,是一个逻辑概念.它是在启动memcached实例的时候预处理好的,每个slab对应一个chunk size,也就是说不同s ...
- 15Mybatis_输出类型
输出类型分为两种:1.resultType 和 2.resultMap 接下来先讲解resultType: 使用resultType进行输出映射,只有查询出来的列名和 ...
- [tools]QuickPing
一款神器 quickping 能够很快的探测出该网断分出去哪些地址. 在线的会显示绿色 在线的+有主机名的显示为亮绿色
- Linux 进程与线程三(线程比较--创建线程参数)
int pthread_equal(pthread_t th1,pthread_t th2); pthread_equal函数比较th1与th2是否为同一线程,由于不可以讲pthread_t数据类型认 ...