开园子啦(浅谈移动端以及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主要包含"视频录制"和"视频编辑"这两个核心功能. 视频录制包括:视频采集.美颜.滤镜.摄像头切换.视音频采集参数设置等功能: 视频编辑包括:视频导 ...
随机推荐
- 命令行方式使用abator.jar生成ibatis相关代码和sql语句xml文件
最近接手一个老项目,使用的是数据库是sql server 2008,框架是springmvc + spring + ibatis,老项目是使用abator插件生成的相关代码,现在需要增加新功能,要添加 ...
- 如何解决mysql stop fail的问题
最近在学习mysql,碰到了一个mysql stop fail的问题,在这里把碰到的问题以及解决的过程写出来,不是这个问题有多难,而是我在解决此问题的过程中没有发现一个行之有效的解决问题的中文网页,搞 ...
- javascript之url转义escape()、encodeURI()和encodeURIComponent()
JavaScript中有三个可以对字符串编码的函数,分别是: escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decod ...
- zsh
一.简介 Zsh 也许是目前最好用的 shell,是 bash 替代品中较为优秀的一个. 二.优点 1)补全 zsh 的命令补全功能非常强大,可以补齐路径,补齐命令,补齐参数等. 按下 tab 键 ...
- python 定时任务
Python 定时任务 最近学习到了 python 中两种开启定时任务的方法,和大家分享一下心得. sched.scheduler() threading.Timer() sched 定时任务 使用s ...
- 2014年小结之sql语句优化
之前接手一个数据统计处理的小程序,本来逻辑上并没什么,只是数据量略大,某些表的数据达到了千万级别..因为是统计,所以免不了各种连接各种查询,结果这个小程序写完后运行一次要1个小时..这的确有点出乎意料 ...
- 在AngularJS中实现自定义表单验证
除了一些已经定义好了的验证(例如 必填项.最小长度.最大长度)之外,更常用的,还是需要我们自己定义表单验证,这样才能对于项目中遇到的很多非常规问题给出自己的合适的解决方案. 在表单中控制变量 表单的属 ...
- 项目回顾1-图片上传-form表单还是base64-前端图片压缩
第一个项目终于上线了,是一个叫亲青筹的公益众筹平台,微信端,电脑端还有后台界面大部分都是我完成的,几个月过来,感觉收获了很多,觉得要总结一下. 首先想到的是图片上传的问题.在通常表单数据都是ajax上 ...
- bzoj-3444 3444: 最后的晚餐(组合数学)
题目链接: 3444: 最后的晚餐 Time Limit: 5 Sec Memory Limit: 128 MB Description [问题背景] 高三的学长们就要离开学校,各奔东西了.某班n人 ...
- Codeforces Round #257(Div.2) D Jzzhu and Cities --SPFA
题意:n个城市,中间有m条道路(双向),再给出k条铁路,铁路直接从点1到点v,现在要拆掉一些铁路,在保证不影响每个点的最短距离(距离1)不变的情况下,问最多能删除多少条铁路 分析:先求一次最短路,铁路 ...