原创 npm插件發佈

註冊一個npm官網賬號 初始化包 npm init 然後一路回車(不填都有默認值) name:包名 version:版本號 description:描述 entry point:入口文件 git repository: git

原创 React Devtools調試工具安裝

github下載地址 npm install npm run build:extension:chrome 安裝成功: 並且會在你的項目目錄中生成一個新的文件夾,react-devtools-3\react-devtools-3\sh

原创 寫一個vue的showtoast插件

vue按需引入toast需要單獨配置,vue-cli2和vue-cli3配置還不一樣; 所以寫個基於vue工程使用的toast插件,類似mint-ui的Toast 安裝 npm install my-showtoast --save

原创 小程序自定義動畫

sliderightshow: function (that, param, px, opacity) { var animation = wx.createAnimation({ duration: 800,

原创 react-native實現撥打電話

import { Linking,Alert } from 'react-native'; ... const url = `tel:${tel}`; Linking.canOpenURL(url).then(suppo

原创 小程序自定義雙擊事件

//js ...... let timer = null; Page({ data: { startTime: 0, clickNum: 0 }, doubleClick

原创 小程序定位(授權)獲取當前位置

// 判斷用戶是否拒絕地理位置信息授權,拒絕的話重新請求授權 getUserLocation: function () { let that = this; wx.getSetting({ success

原创 DeviceEventEmitter在RN內的發送和接受消息

import {DeviceEventEmitter} from 'react-native'; pageA:發送消息 //… //調用事件通知 DeviceEventEmitter.emit('xxxName’,param); //x

原创 react-native路由反向傳值

pageOne this.props.navigation.navigate('pageTwo', { callback: ((data) => { //回調函數 this.s

原创 react-native返回後刷新頁面

其實跟路由反向傳值是一個道理,返回前面一個頁面再調用刷新頁面的方法 pageA: this.props.navigation.navigate("B", { id: this.state.id, refresh: funct

原创 小程序wxs的使用

xxx.wxs function filterSoming(data) { if( ...... ){ ...... }//這裏面是對數組進行處理的操作 return data } module.exports = { fil

原创 小程序input輸入限制小數位數

小程序input組件本身沒有自帶這個校驗屬性,但有一個maxlength屬性,可以通過是否輸入了小數點來動態計算設置maxlength的方法達到限制輸入的目的 index.wxml <view> <input bindinput="

原创 小程序判斷版本庫

function compareVersion(v1, v2) { v1 = v1.split('.') v2 = v2.split('.') const len = Math.max(v1.length, v2.length)

原创 react-native獲取屏幕的寬高

import { Dimensions } from "react-native"; //也可以在這裏先取出屏幕的寬高 //let windowWidth = Dimensions.get('window').width; //let w

原创 navigationOptions 配置隱藏標題欄和實現標題居中顯示

import { Platform } from "react-native"; const TITLE_OFFSET = Platform.OS === 'ios' ? 70 : 56; ...... ...隱藏標題欄 Home: {