开园子啦(浅谈移动端以及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主要包含"视频录制"和"视频编辑"这两个核心功能. 视频录制包括:视频采集.美颜.滤镜.摄像头切换.视音频采集参数设置等功能: 视频编辑包括:视频导 ...
随机推荐
- 问题解决——ShowWindow不显示窗口
配合任务栏通知区域. //MFC对话框程序 void CXXXDlg::OnShowHideUi() { // TODO: 在此添加命令处理程序代码 m_bShown=!m_bShown; ShowW ...
- 利用API方式进行数据库的增删改查
/* 将数据库的增删改查单独放进一个包 */ package com.itheima28.sqlitedemo.dao; import java.util.ArrayList; import java ...
- html点击按钮 弹出 多选择窗口级联下拉复选
参考代码 代码示例1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:/ ...
- C++STL之迭代器2
在学习c++ STL的时候,整天碰到迭代器,也整天用,但是,到底它是个什么东西,很多人没有一个认识.这里我通过几个小的DEMO,来看看迭代器.首先我实现了一个十分简陋的vector类: templat ...
- TCP连接与关闭
1.建立连接协议(三次握手) (1)客户端发送一个带SYN标志的TCP报文到服务器.这是三次握手过程中的报文1. (2) 服务器端回应客户端的,这是三次握手中的第2个报文,这个报文同时带ACK标志和S ...
- Linux 系统常用命令汇总(六) 文件打包与压缩
文件打包与压缩 命令 选项 注解 示例 compress 文件名 压缩指定的文件,压缩后的格式为*.z compress install.log -d 解压被压缩的文件 .z为后缀的文件:compr ...
- 【Ext.Net学习笔记】06:Ext.Net GridPanel的用法(GridPanel 折叠/展开行、GridPanel Selection、 可编辑的GridPanel)
GridPanel 折叠/展开行 Ext.Net GridPanel的行支持折叠/展开功能,这个功能个人觉得还说很有用处的,尤其是数据中包含图片等内容的时候. 下面来看看效果: 使用行折叠/展开功能之 ...
- NYOJ----1124数量
数量 时间限制:200 ms | 内存限制:65535 KB 难度:0 描述 HJS大牛想去街上吃饭,街道旁边拴着很多狗,他想我堂堂......(省略n个字)岂会被狗咬,所以他很牛的从狗的面前经过 ...
- mysql创建表
说明:此文件包含了blog数据库中建立所有的表的Mysql语句. 在sql语句中注意“约束的概念": 1.实体完整性约束(主键--唯一且非空) primary key() 违约处理:No a ...
- 获取WIN10技术预览版
说明 这是一款预发行软件 在进行商业发行之前,我们可能会对 Windows Technical Preview 进行大量修改. Microsoft 不对此处提供的信息作任何明示或默示的担保. 有些产品 ...