yuche

// 打开 http://music.163.com/#/discover/toplist 在控制台运行
// 数据会自动格式化复制
const toplist = $('#toplist')

const list = [...toplist.querySelectorAll('.item')].map(node => {
   const nameNode = node.querySelector('.name a')
   const name = nameNode.innerHTML
   const id = nameNode.getAttribute('href').slice(21)
   const meta = node.querySelector('.s-fc4').innerHTML
   const imgUrl = node.querySelector('.avatar img').src.slice(0, -12)

yuche

OS X Screencast to animated GIF

This gist shows how to create a GIF screencast using only free OS X tools: QuickTime, ffmpeg, and gifsicle.

Instructions

To capture the video (filesize: 19MB), using the free "QuickTime Player" application:

yuche

/**
 * 执行语句： node --trace_opt --trace_deopt --allow-natives-syntax test.js
 */

// 包含需要审查的用法的函数 (这里是 with 语句)
function containsHeight() {
    return 3;
    // with({}) { } // with 注释掉之后，又可以优化了
}

yuche

Taro - 多端开发框架

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。

Taro 的设计思路

我们的初心就是做一款能够适配多端的解决方案，结合业务场景、技术选型和前端历史发展进程，我们的解决方案必须满足下述要求：

• 代码多端复用，不仅能运行在时下最热门的 H5、微信小程序、React Native，对其他可能会流行的端也留有余地和可能性。

yuche

Taro - 多端开发框架

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。

Taro 的设计思路

我们的初心就是做一款能够适配多端的解决方案，结合业务场景、技术选型和前端历史发展进程，我们的解决方案必须满足下述要求：

• 代码多端复用，不仅能运行在时下最热门的 H5、微信小程序、React Native，对其他可能会流行的端也留有余地和可能性。

yuche

Taro - 多端开发框架

Taro 是什么？

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。

yuche

Taro - 多端开发框架

Taro 是什么？

Taro 是一套遵循 React 语法规范的 多端开发 解决方案。现如今市面上端的形态多种多样，Web、React Native、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。

使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。同时 Taro 还提供开箱即用的语法检测和自动补全功能，有效地提升了开发体验和开发效率。

yuche

Taro 1.2：将已有微信小程序转换为多端应用

在距离 Taro 1.1 发布 之后一个月，经历了 400 多次提交和 14 个预览版本的迭代之后，我们有信心在今天发布 Taro 1.2 正式版。

Taro 1.2 比起 Taro 1.1 和其它的小程序开发框架，增加了许多首次在小程序框架上实现的功能，这些功能包括但不限于：

• 微信小程序转多端应用
• 字节跳动（头条）小程序支持
• CSS Modules 支持
• MobX 支持

yuche

Taro 1.2：将已有微信小程序转换为多端应用

在距离 Taro 1.1 发布 之后一个月，经历了 400 多次提交和 14 个预览版本的迭代之后，我们有信心在今天发布 Taro 1.2 正式版。

Taro 1.2 比起 Taro 1.1 和其它的小程序开发框架，增加了许多首次在小程序框架上实现的功能，这些功能包括但不限于：

• 微信小程序转多端应用
• 字节跳动（头条）小程序支持
• CSS Modules 支持
• MobX 支持

yuche

小程序多端框架到底应该选哪个？

最近前端届多端框架频出，相信很多有代码多端运行需求的开发者都会产生一些疑惑：这些框架都有什么优缺点？到底应该用哪个？

作为 Taro 开发团队一员，笔者想在本文尽量站在一个客观公正的角度去评价各个框架的选型和优劣。但宥于利益相关，本文的观点很可能是带有偏向性的，大家可以带着批判的眼光去看待，权当抛砖引玉。

那么，当我们在讨论多端框架时，我们在谈论什么：

多端

笔者以为，现在流行的多端框架可以大致分为三类：