原创 react-native AsyncStorage 封裝

AsyncStorage 類似localStorage ,不過是異步的 返回Promise /** * AsyncStorage是一個簡單的、異步的、持久化的Key-Value存儲系統, */ import {AsyncSto

原创 react-native 自適應

import { Dimensions, PixelRatio, Platform, StatusBar } from 'react-native'; import ImagePicker from 'react-native-i

原创 react-native Toast簡單封裝

import {Component} from 'react'; import Toast from 'react-native-tiny-toast'; import {setSpText} from './util'; ex

原创 react-native Text上下居中 一像素問題

1,Text 組件設置lineHight=hight, textAlignVertical:'center',一些安卓設備上還是不能上下居中 hock: <View style={{ justifyContent

原创 redux + react-redux + redux-persist實現react項目的store,以及數據持久化

項目結構 create-react-app創建的 先說redux defaultState.js 默認的state export default { hasLogin: false, //是否登錄的標記 userInfo

原创 react-navigation 常用方法總結

1,創建底部選項卡 createBottomTabNavigator import React from "react"; import { StyleSheet, Image } from "react-native"; imp

原创 jquery 倒計時 禁用元素 解開禁用 防止連續點擊

倒計時 // 倒計時 /** * $el jquery對象 */ function countDown($el) { var num = 60 var timer

原创 react-native 封裝一個可以滑動的步驟條 Step

可以根據prop (step)滑動 到指定位置,可以左右滑動 import React, { Component } from "react"; import { Text, View, StyleSheet,

原创 cookie getCookie setCookie delCookie

function getDomain() { var str = document.domain; var index = str.indexOf("."); return str.slice(index+1); }

原创 react-native 底部彈窗選項卡 + 上傳圖片 +預覽圖片

效果圖, 支持默認圖片,上傳中的狀態,最大上傳數量,預覽大圖等功能 import React, { Component } from "react"; import { StyleSheet, View, Text,

原创 webpack實例解析一(基礎)

webpack的作用大家都知道:把項目中的各種資源,解析後打包打一起 安裝 建議安裝帶本地 而不是全局,避免版本問題 cnpm i webpack webpack-cli -D 創建一個demo文件夾,結構如下 package

原创 vue 利用proxyTable跨域詳細教程,附帶前後端實例

配置目錄:config>index.js 配置: proxyTable: { '/api': { //代理 target: 'http://172.30.34.180:3000/',//服務端地

原创 vuex刷新之後數據丟失,各種解決方案,vuex-persistedstate

爲什麼刷新之後vuex的狀態就沒了? 原因是刷新之後js初始化,vuex重新初始化了; 常見的解決方案有 1,mounted裏面調接口重新給state賦值,太麻煩,pass 2,watch裏面監聽state,再賦值,也很low v

原创 vuex入門,圖文+實例解析

我理解的概念: vuex是爲vue提供了全局的狀態倉庫(store),就像一個狀態機,避免了父子、兄弟組件之前複雜的傳參。他維持了全局共用的數據的一致性。 核心概念秒懂: 1,state 共用的數據 2,gette

原创 團隊代碼風格統一、一鍵格式化整個項目、自動格式化代碼

在團隊項目開發中,由於大家的代碼風格不一致,會導致代碼難以管理,看起來很爛,新人難以快速看懂等問題。 通過下面的方式,可以一鍵格式化整個項目,在按下保存時,大家的代碼風格將會保持爲一致。 以下文章適合於vscode編譯器 一,安裝