UncleChen的博客


  • 首页

  • 分类

  • 归档

  • 标签

  • 关于

  • 搜索

Android混合开发之——WebView中使用原生组件替换标签元素

发表于 2017-10-15 | 分类于 技术

一、背景

在Android混合开发中,常常会把界面渲染全部交给html,而后台数据相关的处理交给Native。然而在有些时候html无法完全满足我们在界面处理上的要求,比如像要有一个自己定制的软键盘或者在html里面播放视频,或者想要把html里面的图片替换成Native中统一封装的ImageView等等。这不,跟WebView打交道这么多年,我最近还真遇到这样的需要了,希望把html中展示的一个大图换成Native实现的播放器,这个播放器是自己封装过的,播放控制的界面和交互也全部都由Native实现。拍脑袋一想,这有点困难啊?html里面的标签怎么替换成Native组件呢?这不可能啊?难道要实现一套把html全部转成Native的框架?这岂不是得自己做一套ReactNative?

阅读全文 »

使用React.js开发Chrome插件

发表于 2017-06-16 | 分类于 技术

一、背景

相信看到这篇文章的人应该都用过Chrome插件吧,最近刚好有个这方面的需求,我就把Chrome插件的相关知识学习了一下,发现其实Chrome插件的开发和大前端Web开发的底子是一样的,无非就是runtime只限于Chrome浏览器,并且可以调用Chrome提供的一些chrome.* API来实现一些基于Chrome浏览器的小功能。这里非要类比的话,我理解chrome.* API就像我们开发Hybird应用一样,需要有一个bridge层来提供底层原生的能力给js。我是做Android开发出生的,这只是我的个人理解,可能对大Web技术的理解还是不够。

其实Chrome上的插件,从UI上主要分成两类:一类是浏览器按钮(BrowserAction),另一类是页面按钮(PageAction)。两者的开发大同小异,我这里今天主要介绍的主角不是Chrome插件开发,而是如何使用React.js来开发Chrome插件,本文先简单介绍下Chrome插件的开发和ReactJS,最后介绍如何采用Facebook官方推荐的creat-react-app脚手架来开发Chrome插件。

阅读全文 »

WebView缓存原理分析和应用

发表于 2017-05-13 | 分类于 技术

一、背景

现在的App开发,或多或少都会用到Hybrid模式,到了WebView这边,经常会加载一些js文件(例如和WebView用来Native通信的bridge.js),而这些js文件不会经常发生变化,所以我们希望js在WebView里面加载一次之后,如果js没有发生变化,下次就不用再发起网络请求去加载,从而减少流量和资源的占用。那么有什么方式可以达到这个目的呢?先得从WebView的缓存原理入手。

二、WebView的缓存类型

WebView主要包括两类缓存,一类是浏览器自带的网页数据缓存,这是所有的浏览器都支持的、由HTTP协议定义的缓存;另一类是H5缓存,这是由web页面的开发者设置的,H5缓存主要包括了App Cache、DOM Storage、Local Storage、Web SQL Database 存储机制等,这里我们主要介绍App Cache来缓存js文件。

阅读全文 »

python利用beautifulsoup+selenium自动翻页抓取网页内容

发表于 2016-12-11 | 分类于 技术

一、背景

记录一次周末在家速成的爬虫实现之旅。受人之托,想要把这个页面http://baike.baidu.com/starrank?fr=lemmaxianhua的明星排行榜爬取下来。用chrome打开一看,其实就1000条记录。然后“右键菜单”->“检查”,看下网页的结构,也不是特别复杂。所以我目测只要用python自带的urllib2库打开网页,获取html代码,再交给BeautifulSoup库解析html代码,应该就可以快速搞定。

阅读全文 »

利用属性动画在Android4.x上实现Android L的元素转场动画效果(shared elements transition)

发表于 2016-11-08 | 分类于 技术

一、背景

随着谷歌推出的MaterialDesign不断被各种实践,最近我也碰到这么一个需求,就是要求实现一个图片的转场效果。在第一个界面上,图片被点击后,会渐渐地滑动到第二个界面中去。

其实仔细观察一下Google相册也有用到这种效果,大概的效果图是这样的:

transition-ui-demo

按照我的理解,这种效果要是直接把View拿出来复用就可以。但是经过学习(国内外各种大神的博客)和实践发现,里面有不少可以思考的地方。

阅读全文 »

Android View的可见性检查方法(上)

发表于 2016-10-17 | 分类于 技术

一、背景

在Android开发中有时候会遇到需要检查一个View是不是对用户可见,比如在消息流中,根据ImageView是否在屏幕中出现了再决定加载它,或者当视频滑入屏幕被用户可见时才播放、滑出屏幕就自动停止播放等等。乍一看好像都是在ListView、RecyclerView、ScrollView这些组件里面比较需要做这件事,今天总结一下我在实际开发中是怎么处理View可见性检查的。

阅读全文 »
1234…6
unclechen

unclechen

吃下恶魔果实,我就能变成超级赛亚人!

33 日志
4 分类
45 标签
RSS
GitHub Weibo
Creative Commons
0%
© 2015 - 2019 unclechen