[转]使用CSS3特性做跨域

通过 CSS3 的 content 获取内容,很有意思的一个思路,实际场景中有可能用的到:

CSST (CSS Text Transformation)

  1. 利用js动态创建一个link插入到文档中, 请求css文件.
  2. 利用 computedStyle = window.getComputedStyle 获取指定元素的 style 对象
  3. 利用 computedStyle .content 获取内容

Continue reading

[译]10个 NPM 使用技巧

对于一个项目,常用的一些npm简单命令包含的功能有:初始化一个文件夹( npm init ),下载npm模块( npm install ),创建测试( npm test ) 和自定义脚本( npm run )。但是,进一步了解一些 npm 的使用技巧可以彻底改变你的日常开发任务。

注: 如果你需要关于初学npm的参考,可以参阅我们的初学者指南。如果你对 npm 和 Yarn 之间的差异感到困扰,可以参阅我们发表的文章:Yarn vs npm:你需要知道的一切
Continue reading

Charles 的几个调试技巧

Charles 是一个网络调试的代理工具,类似 Windows 下的 Fildder,这里介绍下几个常用的调试技巧,使用的版本是 Charles 4。

1、移动端抓包

在移动开发中,经常会遇到在手机上调试的场景,这时候就可以通过 Charles 进行抓包,设置也很简单:
Continue reading

React Native 中的多级界面缓存实现

Navigator 缓存界面

Navigator 是 React Native 提供的导航器组件用于界面场景间的切换,这里也是借助它来实现一个界面缓存,我们知道 Navigator 实现了一个路由栈,通常使用 push() 方法来装载界面,例如:假设当前界面为 V1,我们想打开一个 V2 界面:

navigator.push({
    view: 'V2'
});

Continue reading

Hello React Native Android 分享

Facebook 在 9 月份发布了 React Native Android 版本,我们对此进行了些开发尝试,然后做了小结最后形成了这份分享。分享主要面向对 React Native 了解不深的同学,主要介绍了 RN(React Native缩写,下同) 的特点、优势及现阶段的不足。另外因为本文是通过 PPT 改写,所以内容会有一些删减、省略。
Continue reading

React Native 开发环境部署

本文介绍内容包含 OSX 系统下 React Native 的 iOS、Android 开发环境部署,以及 Windows 环境下 Android 开发环境部署。并且会记录部署过程中遇到的问题和解决方法。

一、准备

npm 设置

因为环境部署涉及非常多的包安装,而国内的 npm 速度并不理想,所以建议安装 nrm 选择最快的 npm 国内镜像,推荐 taobao,虽然设置了国内镜像但有时候还是需要配合 VPN。

npm install -g nrm
nrm ls
nrm use taobao

Continue reading