H5 页面高级字体应用实践

作者: 龙驭 发表于: 2016-04-13

背景 最近在开发一个 H5 活动页快速搭建平台，可以通过拖拽编辑图片，文字等元素组件，快速搭建出一个移动端的活动页面，基本交互和成品效果类似 PPT 软件。这类活动大量在微信等平台上传播，其中会包含各种动画和特效，而各类高级艺术字体（如：方正兰亭黑，方正彩云，方正大草，方正剑体等）的应用也非...

三步将 React Native 项目运行在 Web 浏览器上面

作者: 浩睿 发表于: 2016-03-12

React Native 的出现，让前端工程师拥有了使用 JavaScript 编写原生 APP 的能力。相比之前的 Web app 来说，对于性能和用户体验提升了非常多。 但是 React Native 的代码只兼容两个平台（iOS 和 Android），并没有兼容 Web 端访问。这里是因...

无线性能优化：页面可见时间与异步加载

作者: 妙净 发表于: 2016-01-21

如何让页面尽可能早地渲染页面，页面更早可见，让白屏时间更短，尤其是无线环境下，一直是性能优化的话题。 页面可见时间 页面可见要经历以下过程： 解析 HTML 为 DOM，解析 CSS 为 CSSOM（CSS Object Model） 将 DOM 和 CSSOM 合成一棵渲染树（rende...

无线性能优化：FPS 测试

作者: 冬萌 发表于: 2016-01-14

时间回到几周前，这天，女神突然来找我，“我这里有几个页面想测量下页面滚动的顺畅性，你有啥办法不？”。Are you kidding me？这么简单，简直是道送分题啊，于是当着女神面，打开 Chrome 开发者工具，勾选上 Show FPS meter，醒目的 FPS 监控面板就出来了，滑动页面...

使用 JS 构建跨平台的原生应用：React Native iOS 通信机制初探

作者: 乾秋 发表于: 2015-12-31

在初识 React Native 时，非常令人困惑的一个地方就是 JS 和 Native 两个端之间是如何相互通信的。本篇文章对 iOS 端 React Native 启动时的调用流程做下简要总结，以此窥探其背后的通信机制。 JS 启动过程 React Native 的 iOS 端代码是直接...

使用 JavaScript 开发原生 tvOS 应用

作者: 星弛 发表于: 2015-12-24

前言 Apple 于今年秋季发布了新版的 Apple TV，也带来了 iOS 开发者一直期盼的全新电视操作系统 — tvOS，正如 iPhone 的成功，Apple 从根本上就坚信基于应用的电视体验才是未来。tvOS 脱胎于 iOS，但又是一个完全独立的操作系统，拥有独立的 App Store...

无线性能优化：域名收敛

作者: 正寻 发表于: 2015-12-17

这两天相信有不少同学被一个 93 的数字搞得“要死要活”的，93 是无线页面在做发布时强制要求的性能检测达标分数，而检测规则中第一条就是要将图片域名收敛到 gw.alicdn.com 。 为什么要将域名收敛呢？ PC 时代不是为了突破浏览器的域名并发限制，像图片这种还专门做了多个域名吗？好吧，...

使用 JS 构建跨平台的原生应用：ListView 组件介绍

作者: 乾秋 发表于: 2015-12-10

背景 滚动列表 几乎是移动开发中用途最广的 UI 组件，其重要性不言而喻。由于平台差异性，React Native 中的滚动列表组件 ListView 并没有直接映射为 Android 中的 ListView 或 iOS 中的 UITableView，而是在 ScrollView 的基础上使用...

页面白屏与瀑布流分析方法

作者: 妙净 发表于: 2015-12-03

无线页面的开发在我们的日常工作中越来越重要，无线的性能也是我们需要重点关注的，而加载的性能又是无线性能中的一个重要问题。那么，今天我们一起来看下如何去评估、测试无线页面的加载性能。 为了方便分析页面的加载过程，这里将网络设置成最慢的 GPRS，并将加载过程录制下来，通常你可以通过 Chrome...

使用 JS 构建跨平台的原生应用：React Native for Android 调试技术剖析

作者: 梧忌 发表于: 2015-11-26

通过上篇文章开发环境的准备，调试命令的启动，我们的第一个 React Native for Android 应用已经成功运行在了虚拟机环境里了。 react-native run-android 这个调试命令的背后涉及到 RN 的整个执行流程，值得进行剖析。 React Native 的更新...