随笔分类 -  4.前端移动端

移动前端框架重构几个关键问题
摘要：1. 是否该废弃iscroll？ 我得出的结论是，是该废弃了。那当时为什么要用iscroll？ 原因有三个： 1. 因为别人也用了。 2. 为了iPhone上页面滑动更顺畅。 3. 为了用上拉、下拉刷新。 关于这三个原因有几点观点： 1. 人最容易跟风，编程也是。当别人用了的时候，会认为我自己也要用 阅读全文
posted @ 2016-05-10 15:52 海角在眼前 阅读(1481) 评论(4) 推荐(4) 编辑
移动开发之设计稿转换页面单位尺寸
摘要：在写这篇文章之前，我询问了在唯品会和腾讯的童鞋、以及公司里面前端大神（深哥），对于设计稿切图的详细方法，经过对比验证，得出设计稿转换页面单位尺寸方法步骤。我分别询问下面四个问题： 1. 设计稿的单位是什么，一般大小是什么？ 2. 页面长度单位用什么，px、em、rem，还是混合，如果用rem，htm 阅读全文
posted @ 2016-04-27 17:40 海角在眼前 阅读(21781) 评论(7) 推荐(8) 编辑
移动Web开发的bug及解决方案
摘要：我目前移动Web开发遇到的bug以及解决方案（慢慢补充当中）。1.android4.0以上一部分手机的webview中，当canvas小于屏幕大小时，绘图时会出现重影，就是说一个图只绘制了一遍，却出现了两个。解决方案：canvas外层的div需要设定属性style="overflow:visible... 阅读全文
posted @ 2015-06-01 14:15 海角在眼前 阅读(372) 评论(0) 推荐(0) 编辑
Hybrid框架UI重构之路：六、前端那点事儿（Javascript）
摘要：上文回顾 ：Hybird框架UI重构之路：五、前端那点事儿（HTML、CSS）这里讲述在开发的过程中，一些JS的关键点。换肤对于终端的换肤，我之前一篇文章有说了我的想法。请查看：http://www.cnblogs.com/lovesong/p/4122262.htmliscroll的问题1.使用i... 阅读全文
posted @ 2015-02-22 15:41 海角在眼前 阅读(1742) 评论(8) 推荐(1) 编辑
Hybrid框架UI重构之路：五、前端那点事儿（HTML、CSS）
摘要：上文回顾 ：Hybird框架UI重构之路：四、分而治之这里讲述在开发的过程中，一些HTML、CSS的关键点。单页模式的页面结构在单页模式中，弱化HTML的概念，把HTML当成一个容器，BODY中显示的主体内容才是页面，一个HTML容器中可以存放1个或者多个页面，每个页面放置于section中。而一个... 阅读全文
posted @ 2015-02-22 09:07 海角在眼前 阅读(1716) 评论(1) 推荐(0) 编辑
Hybrid框架UI重构之路：四、分而治之
摘要：上文回顾：Hybird框架UI重构之路：三、工欲善其事，必先利其器上一篇文章有说到less、grunt这两个工具，是为了css、js分模块使用的。UI框架提供给使用者的时候，是一个大的xxx.js、xxx.css，但在开发时候，必须划分模块。CSS模块划分1.variables.less这里面是一些... 阅读全文
posted @ 2015-02-21 22:31 海角在眼前 阅读(1287) 评论(0) 推荐(0) 编辑
Hybrid框架UI重构之路：三、工欲善其事，必先利其器
摘要：上文回顾：Hybird框架UI重构之路：二、事出有因工欲善其事，必先利其器，事是重构的目标，器是开发环境。这篇文章将讲述重构时的UI框架的目录结构，且需要使用的开发工具。目录结构demo : 开发框架的模板（单页模式）demo-muti :开发框架的模板（多页模式）demo-scene : 示例模板... 阅读全文
posted @ 2015-02-21 16:24 海角在眼前 阅读(2005) 评论(2) 推荐(2) 编辑
Hybrid框架UI重构之路：二、事出有因
摘要：上文回顾：Hybird框架UI重构之路：一、师其长技以自强一切的重构都是有原因的，或许为了更快速度、更好体验、更快捷开发等，于是就有了自己的开发目标，简单看看未重构前UI（"中国移动式"风格）。上一篇文章说明调查了这么多类似框架，对比了他们的特点，而比对自身UI，也是存在可优化的地方，于是有了下面几... 阅读全文
posted @ 2015-02-21 10:18 海角在眼前 阅读(1686) 评论(4) 推荐(1) 编辑
Hybrid框架UI重构之路：一、师其长技以自强
摘要：这两年在支撑公司的Hybrid框架的运维发展，让人确认这种移动开发方式确实是一条不错的路。混合应用这种开发方式降低开发难度，极大的提高开发效率，最重要的一点效果可以接近原生应用。框架的本身是需要持续不断发展的，这里开始我讲述我重构Hybird框架的UI的这三个月（2014-11——2015-1），而... 阅读全文
posted @ 2015-02-20 20:46 海角在眼前 阅读(2558) 评论(5) 推荐(3) 编辑
hybird之web动态换肤实现
摘要：前言最近在重构个hybird（原生的壳包着Web页面）的UI框架，进行到了做换肤功能的阶段，所以这里是我思考的解决的方法。预想目前实现换肤的功能无非就两种做法。1.写几个皮肤文件，然后切换使用这几个文件达到换肤的目的。不得不说这是最常见的方式，效果也比较明显，但是它有几个缺点。缺点：1.如果更改一个... 阅读全文
posted @ 2014-11-25 23:59 海角在眼前 阅读(1983) 评论(0) 推荐(1) 编辑
云编译——中篇
摘要：上篇讲了什么是云编译，这一篇会讲实现的过程，但不涉及具体实现，所有也不会讲是什么编程语言，只是讲实现思路。 其实也就分为两个步骤（以android为例）： 1.准备被编译的工程的资源 2.使用android sdk 进行对工程进行打包 这一篇讲的是第一个步骤，这个步骤分为9个细节。 清除目录 开发者 阅读全文
posted @ 2014-08-16 16:52 海角在眼前 阅读(496) 评论(0) 推荐(0) 编辑
云编译——上集
摘要：在说云编译是什么之前，先说为什么要做云编译这东西？ 看当今的天下，不得不说是移动端的天下，进而对mobile app的需求非常的大，那就出现了一个问题，native app（原生应用）开发 成本高、需要针对不同平台；web app 体验不如native app 、调用终端系统的能力弱；进而出现一种h 阅读全文
posted @ 2014-03-05 19:53 海角在眼前 阅读(1950) 评论(2) 推荐(2) 编辑
Android启示录——开始Android旅途
摘要：为了明年可以开始进行android程序开发，开始从零开始学习android，仅以此代表第一步开始(*^_^*)，开始搭建环境…… 1. 软件下载 http://developer.android.com/sdk/index.html 下载Android开发所需的ADT、SDK....（里面会有全部东 阅读全文
posted @ 2014-01-28 15:59 海角在眼前 阅读(408) 评论(0) 推荐(0) 编辑