淘系前端团队
首页
文章
Node地下铁
订阅
加入我们
首页
文章
Node地下铁
订阅
加入我们
分类:无线开发
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 的更新...
1
2
3
分类列表
Web开发
Node.js
无线开发
工具&平台
团队生活