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 的引入方式,但是其也有不方便的 ...
前端微信支付与支付宝支付的坑|前端Javascript|支付宝-微信1. 支付流程微信移动端支付官方文档
支付宝移动端支付官方文档
支付宝 PC 端支付官方文档
微信支付在移动端 H5 浏览器中可以唤醒微信应用进行支付,其业务流程为:
用户在浏览器端点击支付
前端向后台请求微信支付中间页的跳转链接
在前端打开该链接,并等待跳转到支付中间页
唤醒用户手机的微信支付
...
Webpack下避免打包某文件|前端前端工程化|webpack在使用 Webpack 进行前端项目的编写时,对于某些全局变量,如后台 API 的 BaseUrl 通常是需要可配置的。这些配置在 webpack 中如果更改之后往往需要重新打包编译,所以我们需要将配置文件抽离出来,不让 webpack 对其进行打包编译,这样就可以修改编译后的项目配置了。
首先我们 ...
搞定一知半解的 <Head>|前端浏览器1. Head 的作用HTML 头部是包含在 <head> 元素里面的内容。不像 <body> 元素的内容会显示在浏览器中,head 里面的内容不会在浏览器中显示,它的作用是包含一些页面的元数据。
名词解释:元数据(Metadata)是用来概括描述数据的一些基本数据,比如一 ...