ECharts —— Pie 图自定义方案
1. Legend在 Echarts 中,我们经常会出现设计师设计的 Legend 与实际 Echarts 自带的 Legend 不符的情况,这时候我们往往要重新自定义 Legend。 1.1 自定义 icon修改 icon 类型对于 icon 的修改,可以在 legend.icon 配置项下进行 ...

ReactNative下实现文本折叠的效果
1. 场景在默认情况下,文本显示两行,同时未显示全的文字要有省略号的效果: 当用户点击展开按钮后,可以展开全部文本: 2. 分析在 RN 中 <Text> 组件拥有一个 props 为 numberOfLines 可以用来显示文本的行数,如果超出文本行数,文本就会用 ... 来表示, ...

使用 Reactotron 调试 ReactNative 应用
使用 Reactotron 进行调试Chain React 2018: Debugging and Beyond with Reactotron 安装 Reactotron 客户端: https://github.com/infinitered/reactotron/releases 在项目中安 ...

React Navigation 4.x 快速使用指南
0. 安装 React Navigator 官方文档:https://reactnavigation.org/docs/4.x/getting-started 安装 React Navigator 1npm install react-navigation 1. 堆栈导航 StackNaviga ...

React 测试工具简单介绍与使用
1. 通用测试工具 Jest Jest 是一个 JavaScript 测试运行器。它允许你使用 jsdom 操作 DOM 。尽管 jsdom 只是对浏览器工作表现的一个近似模拟,对测试 React 组件来说它通常也已经够用了。Jest 有着十分优秀的迭代速度,同时还提供了若干强大的功能,比如它可以模 ...

ShadowSocksR使用教程
1. 原理概述Shadowsocks 的运行原理与其他代理工具基本相同,使用特定的中转服务器完成数据传输。 例如,用户无法直接访问Google,但代理服务器可以访问,且用户可以直接连接代理服务器,那么用户就可以通过特定软件连接代理服务器,然后由代理服务器获取网站内容并回传给用户,从而实现代理上网的效 ...

浏览器常见的兼容性问题以及解决方案
1. 前言本文前半部分将主要展示各主流浏览器的内核版本情况,HTML5以及CSS3的支持情况,以及开发过程中常见的兼容性问题。后半部分则将会从工程化的角度上来考虑如何解决这些问题,并提出向下兼容的方案。 Tips:文档内 “+” 均表示大于等于,如 IE9+ 即代表 IE 版本号大于等于 9。 ...

TypeScript基础概念入门
1. Array 和 Tuple定义数组: 12let arrOfNumbers: number[] = [1, 2, 3, 4]arrOfNumbers.push("1") // error Tuple(元组)类似于数组,但是不同于普通 js 数组,元组可以定义每个位置的数据 ...

Javascript数据结构:链表
1. 概论1.1 链表与数组的区别存储多个元素来说,链表与数组都是很好的选择。Javascript 也内置的数组对象(小知识:Javascript 第一个版本中没有数组对象),并且定义了很多的操作方法。但是数组也有很多的不足,对于数组来说,从数组的起点或中间插入或移除项目的成本很高,因为要移动元素。 ...

babel-plugin-react-css-modules使用指南:在React中更好的使用CSS-Modules
1. babel-plugin-react-css-modules 简述在 React 中对于 CSS 的解决方案通常有以下几种: Css 命名区间 Css in Js Css Components Css Modules 个人比较喜欢使用 CSS Modules 的引入方式,但是其也有不方便的 ...