[转]使用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

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

CSS 布局调试工具

说是工具其实只是一段 Javascript 代码,但非常实用,它会给页面里所有的 DOM 元素添加一个 1px 的描边(outline),方便我们在调试 CSS 过程中分析、排查问题。

先来看看代码,它有两个版本,一个是使用的$$选择器,代码量更少(浏览器控制台支持 $$ 选择器);另一种就是传统的document.querySelectorAll选择器:
Continue reading