开园子啦(浅谈移动端以及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主要包含"视频录制"和"视频编辑"这两个核心功能. 视频录制包括:视频采集.美颜.滤镜.摄像头切换.视音频采集参数设置等功能: 视频编辑包括:视频导 ...
随机推荐
- Memcache限制端口和访问IP
Memcache安装十分简单,默认情况下是任何人都可以访问服务器上缓存的数据,所以如果不作处理的话 是很不安全的(乌云上已经提交有很多与此相关的问题) 1.首先要保证服务器上的防火墙都是开启的 2.设 ...
- Windows7下安装MongoDB(转)
1.下载 地址:http://www.mongodb.org/downloads(32位还是64位自行选择). 我下载的是:mongodb-win32-x86_64-2.4.5.zip 2.解压 把m ...
- 【原创】大众点评监控平台cat的性能分析
由于工作的原因,或者说我们之前内部监控设计和实现有点不满足现有的研发需求,所以调研了一下大众点评开源出来的cat这一套监控系统. 今天我们就来实验一把,cat的客户端埋点在我们的程序流程中上报数据到c ...
- redis AOF保存机制
网上说AOF有三种保存方式,不自动保存.每秒自动保存.每命令自动保存. 其中每秒自动保存这个看起来很美好,但是可能会被各种IO的时间所延迟,所以究竟是怎么判断每秒保存的,并不是太明白,故有此文. AO ...
- jQuery Form 表单提交插件-----formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的 应用
一.jQuery Form的其他api 1. formSerialize 将表单序列化成查询串.这个方法将返回一个形如: name1=value1&name2=value2的字符串.是否可 ...
- java常用开发工具类之 图片水印,文字水印,缩放,补白工具类
import java.awt.AlphaComposite; import java.awt.Color; import java.awt.Font; import java.awt.Graphic ...
- 烂泥:centos6.4服务器添加新硬盘
本文由秀依林枫提供友情赞助,首发于烂泥行天下. 公司FTP服务器的空间又不够了,唉,没有办法只能新加硬盘了.因为以前没有给Linux服务器添加过硬盘,所以只能先在虚拟机中进行模拟. 新加硬盘的操作步骤 ...
- 【学习/研发】嵌入式Linux/Android开发有它就够了——迅为4412开发板
网站:http://www.topeetboard.com 光盘资料+网盘资料+配套视频+售后支持,助您加速学习研发的进程 产品介绍 iTOP-Exynos4412开发板采用 Exynos4412的主 ...
- NYOJ-301递推求值
递推求值 时间限制:1000 ms | 内存限制:65535 KB 难度:4 描述 给你一个递推公式: f(x)=a*f(x-2)+b*f(x-1)+c 并给你f(1),f(2)的值,请求出f ...
- 第11章 Windows线程池(2)_Win2008及以上的新线程池
11.2 Win2008以上的新线程池 (1)传统线程池的优缺点: ①传统Windows线程池调用简单,使用方便(有时只需调用一个API即可) ②这种简单也带来负面问题,如接口过于简单,无法更多去控制 ...