ECharts —— Pie 图自定义方案|前端可视化|Echarts1. Legend在 Echarts 中,我们经常会出现设计师设计的 Legend 与实际 Echarts 自带的 Legend 不符的情况,这时候我们往往要重新自定义 Legend。
1.1 自定义 icon修改 icon 类型对于 icon 的修改,可以在 legend.icon 配置项下进行 ...
ReactNative下实现文本折叠的效果|前端React|ReactNative1. 场景在默认情况下,文本显示两行,同时未显示全的文字要有省略号的效果:
当用户点击展开按钮后,可以展开全部文本:
2. 分析在 RN 中 <Text> 组件拥有一个 props 为 numberOfLines 可以用来显示文本的行数,如果超出文本行数,文本就会用 ... 来表示, ...
使用 Reactotron 调试 ReactNative 应用|前端React|ReactNative使用 Reactotron 进行调试Chain React 2018: Debugging and Beyond with Reactotron
安装 Reactotron 客户端:
https://github.com/infinitered/reactotron/releases
在项目中安 ...
React Navigation 4.x 快速使用指南|前端React|快速使用-ReactNative0. 安装 React Navigator
官方文档:https://reactnavigation.org/docs/4.x/getting-started
安装 React Navigator
1npm install react-navigation
1. 堆栈导航 StackNaviga ...
React 测试工具简单介绍与使用|前端React|React-Jest-软件测试1. 通用测试工具 Jest
Jest 是一个 JavaScript 测试运行器。它允许你使用 jsdom 操作 DOM 。尽管 jsdom 只是对浏览器工作表现的一个近似模拟,对测试 React 组件来说它通常也已经够用了。Jest 有着十分优秀的迭代速度,同时还提供了若干强大的功能,比如它可以模 ...
ShadowSocksR使用教程|其他1. 原理概述Shadowsocks 的运行原理与其他代理工具基本相同,使用特定的中转服务器完成数据传输。 例如,用户无法直接访问Google,但代理服务器可以访问,且用户可以直接连接代理服务器,那么用户就可以通过特定软件连接代理服务器,然后由代理服务器获取网站内容并回传给用户,从而实现代理上网的效 ...
浏览器常见的兼容性问题以及解决方案|前端浏览器1. 前言本文前半部分将主要展示各主流浏览器的内核版本情况,HTML5以及CSS3的支持情况,以及开发过程中常见的兼容性问题。后半部分则将会从工程化的角度上来考虑如何解决这些问题,并提出向下兼容的方案。
Tips:文档内 “+” 均表示大于等于,如 IE9+ 即代表 IE 版本号大于等于 9。
...
TypeScript基础概念入门|前端Javascript|Typescript-快速指南1. Array 和 Tuple定义数组:
12let arrOfNumbers: number[] = [1, 2, 3, 4]arrOfNumbers.push("1") // error
Tuple(元组)类似于数组,但是不同于普通 js 数组,元组可以定义每个位置的数据 ...
Javascript数据结构:链表|前端Javascript|数据结构1. 概论1.1 链表与数组的区别存储多个元素来说,链表与数组都是很好的选择。Javascript 也内置的数组对象(小知识:Javascript 第一个版本中没有数组对象),并且定义了很多的操作方法。但是数组也有很多的不足,对于数组来说,从数组的起点或中间插入或移除项目的成本很高,因为要移动元素。 ...
babel-plugin-react-css-modules使用指南:在React中更好的使用CSS-Modules|前端React|React-webpack1. babel-plugin-react-css-modules 简述在 React 中对于 CSS 的解决方案通常有以下几种:
Css 命名区间
Css in Js
Css Components
Css Modules
个人比较喜欢使用 CSS Modules 的引入方式,但是其也有不方便的 ...