zhaiyifan.cn

blog.zhaiyifan.cn

归档 | markzhai's home

http://blog.zhaiyifan.cn/archives

PWA 渐进式实践 (3) - 用户体验 and 性能. PWA 渐进式实践 (2) - Service Worker. PWA 渐进式实践 (1) - Lighthouse in Action. 使用 React.js 的渐进式 Web 应用程序 第 2 部分 - 页面加载性能. 使用 React.js 的渐进式 Web 应用程序 第 1 部分 - 介绍. 从零开始的Android新项目11 - 组件化实践 1. Vuejs 2.0 快速上手 - 基础篇. 记一次 Data Binding 在 library module 中遇到的大坑. React Native 0.31 Bundle 预加载优化.

blog.zhaiyifan.cn

React Native 0.31 Bundle 预加载优化 | markzhai's home

http://blog.zhaiyifan.cn/2016/08/20/react-native-0-31-preload-optimization

React Native 0.31 Bundle 预加载优化. 使用 React Native 开发混合应用的过程中，我们在打完 bundle 进 release 包后，会发现第一次进入页面 React 的 Activity 会有一个短暂的白屏过程 在真机上近 1秒. 仔细查看加载过程 其实猜猜都能知道 后可以发现，这个过程就是在加载我们的 js bundle，通常即便是一个小的 RN 应用 混合应用中的子业务 ，也会动辄到 1MB 的大小，除非是完整的 RN 应用，可以把这个当做是启动速度，否则这样的加载速度都是对用户体验的很大伤害。 稍后会上传到 maven，版本号会和 rn 保持一致。 GetUseDeveloperSupport() & Build.VERSION.SDK INT = 23. Get permission to show redbox in dev builds. Intent serviceIntent = new. Intent(Settings.ACTION MANAGE OVERLAY PERMISSION);. 进行 render，之后直接挂载该 view 上去即可。

blog.zhaiyifan.cn

分类: React Native | markzhai's home

http://blog.zhaiyifan.cn/categories/React-Native

React Native 0.31 Bundle 预加载优化.

blog.zhaiyifan.cn

markzhai's home

http://blog.zhaiyifan.cn/page/2

从零开始的Android新项目10 - React Native and Redux. Android Project From 0. 本篇来讲讲 React Native 和 Redux，和其他一上来就啪啪啪丢上来一堆翻译的东西不同，本文会从简单的例子入手，让大家能快速地明白 React Native 是什么，Redux 和常见的 MVC、MVP 等有什么区别，怎么去组织一个 Redux 架构的 React Native 项目。 Android Project From 0. 可能有同学会觉得后台的接口和我们大前端开发有什么关系 试想一下，在碰到一些不合理的接口设计的时候，你们开发是否觉得很别扭 需要为了坑爹的接口写很多脏代码引坑 甚至，这么开发出来的页面，体验也会很差 我们不是说硬无理要求后端接口按照前端业务去封装，而是说为了项目更好地发展 . Data Binding Component详解 - 换肤什么的只是它的一个小应用. 作为例子，我们的实现目标是使用Data Binding Component， . 从零开始的Android新项目8 - Data Binding高级篇.

blog.zhaiyifan.cn

从零开始的Android新项目11 - 组件化实践（1） | markzhai's home

http://blog.zhaiyifan.cn/2016/10/20/android-new-project-from-0-p11

从零开始的Android新项目11 - 组件化实践 1. Android Project From 0. 最近更新不太频繁，一方面工作上比较忙，除了 Android 也在负责前端，另外周末和深夜也在帮人做 Go 后台、设计技术方案、管进度的事情 因为报酬不错没忍心拒绝，而且确实对个人成长还有帮助 ，所以实在对不住。 这里的组件化，指的是 MDCC 2016 上冯森林提出的 回归初心，从容器化到组件化。 我个人一直是比较反感黑科技的，其中首当其冲的就是 插件化 以及 保活。 作为一个开发者，除了研究技术，提高自己以外，是否应该考虑些其他东西呢 尤其是我们这些嵌入式系统 客户端 开发者，在依赖、受哺于系统生态下，是不是应该考虑一下，怎么反哺 怎么去更好地维护这个生态环境，而不是一味破坏、消耗它呢. 插件化导致线上可以执行任何代码且不留下痕迹，用户安全性和信任感何在 保活导致应用长时间不释放，抢占系统资源，让用户产生 Android 越用越卡的感觉。 全家桶互相唤醒，确定不是逼着用户删除应用 至少我在 Android 手机上是不敢装某些知名应用的。 IsDebug.toBoolean() {. 下面的 gra...

blog.zhaiyifan.cn

分类: 闲言闲语 | markzhai's home

http://blog.zhaiyifan.cn/categories/闲言闲语

blog.zhaiyifan.cn

Vue.js 2.0 快速上手 - 基础篇 | markzhai's home

http://blog.zhaiyifan.cn/2016/10/17/vue-2-quick-start

Vuejs 2.0 快速上手 - 基础篇. Vue 20 出来也有一段时间了，作为一个有志向的全面发展好青年，在征服 Vue 1.x，React，React Native 后，为了之后能更快迁移公司的项目到 Vue 2.x，于是决定先看看 Vue 2.0。 本文假设你有一定的 HTML 基础，并熟悉一种或以上编程语言 那就能看懂 JS 了。 Button v-bind:disabled=someDynamicCondition Button /button. 过滤器 有点类似 Shell 命令中的管道，可以定义过滤器来对原始值进行变化。 之前提到的 v-bind 也是一种指定，其他包括 v-on: 系列 dom 事件的监听 、v-for、v-model等。 Vue 实例，实则也就是 ViewModel 数据 函数 ，都是通过构造函数 Vue 创建的. Data = { a: 1. This` 指向 vm 实例. Log( 'a is: '. Vm$data = = data / - true. Vm$el = = document. 这个回调会在 `vm.a` 改变的时候触发. Finished typ...

blog.zhaiyifan.cn

分类: Frontend | markzhai's home

http://blog.zhaiyifan.cn/categories/Frontend

PWA 渐进式实践 (3) - 用户体验 and 性能. PWA 渐进式实践 (2) - Service Worker. PWA 渐进式实践 (1) - Lighthouse in Action. 使用 React.js 的渐进式 Web 应用程序 第 2 部分 - 页面加载性能. 使用 React.js 的渐进式 Web 应用程序 第 1 部分 - 介绍. Vuejs 2.0 快速上手 - 基础篇. Android开发学前端之Vue.js(1) Hello World.

blog.zhaiyifan.cn

markzhai's home

http://blog.zhaiyifan.cn/page/7

让动画不再僵硬 Facebook Rebound Android动画库介绍. Introductionofficial site http:/ facebook.github.io/reboundgithub : https:/ github.com/facebook/reboundRebound是facebook推出的一个弹性动画库，可以让动画看起来真实自然，像真实世界的物 . InterestingTitleBar源码 轻博客应用Tumblr中，在看他人的主页时候，可以看到顶部title bar的一个很酷炫的体验，当在最顶端，整个title bar的背景是透明的，而上面的字体和图标是白色的，随着逐渐滑下来，背景逐渐不透明变白，而图标及字体则渐渐灰起来。