原创 react hook監聽窗口大小

學習hook使用小demo:  import React,{useCallback,useState,useEffect} from 'react'; function ChangeSize(){ const [size,se

原创 react寫代碼個人心得

處理一個問題,將之分化爲多個片段去處理,多的不好理解,單個總會理解吧。 多個片段的好處:     邏輯清晰明瞭,     出現問題,便於排查     代碼的易讀性     維護性較強 一個方法處理一個問題 不要所有的邏輯都在一個方法裏面去

原创 自定義彈框單選

import React from 'react'; import {View,Text,TouchableOpacity,FlatList,Modal,StyleSheet} from 'react-native'; import {

原创 自定義jquery下拉select

html部分 <div style={{display:"inline-block",width: "4rem",fontSize:'0.3rem'}}> <select className="

原创 登錄退出

// 開發說明 大致步驟 // 如何監聽登錄註冊  通過events 插件定義事件 // 編寫一箇中間界面 在這裏判斷是否存在登錄的信息 如果存在信息,則保持登錄,否則重新登錄 // 通過事件綁定on 和事件觸發emit共同實現 //主菜

原创 react-native mobx實現購物車demo

import React,{Component} from 'react'; import { View, Text, Image, FlatList,TextInput, TouchableOpacity} from 'react-n

原创 vue工作開發總結(七)----手動掛載組件

在一些需求中,手動掛載組件能夠讓我們實現起來更加優雅。比如一個彈窗組件,最理想的用法是通過 命令式調用,就像elementui 的this.$message 而不是在模板中通過狀態切換,這種實現方式真是太糟糕了。對吧   來個簡單的例子:

原创 vue工作開發總結(二)---- 函數式組件

函數式組件是無狀態的,無法實例化,沒有任何的生命週期和方法。創建函數式組件也很簡單,只需要在模板添加functional聲明即可。一般適合只依賴外部數據的變化而變化的組件,因其輕量,渲染性能也會有所提高。 組件需要得一切都是通過conte

原创 vue工作開發總結(六)----事件化的監聽器

一般使用: export default {     mounted(){         this.timer = setInterval(()=>{             console.log(new Date())       

原创 vue工作開發總結(三)---- watch 高階使用

立即執行 watch是在監聽屬性改變纔會觸發,有些時候,我們希望在組件創建後watch能夠立即執行 可能想到的方法就是在create聲明週期中調用一次,但是這樣的寫法不優雅,獲取我們可以使用這樣的方法: export default{

原创 vue工作開發總結(一)---- 路由參數解耦

一般在組件內使用路由參數,大多數人會這樣做: export default{ methods:{ getParamsId(){ return this.$route.params.id

原创 vue工作開發總結(三)---- 樣式穿透

在開發過程中修改第三方樣式很常見,但由於scoped屬性的樣式隔離,可能需要去除scoped或寧起一個style,這樣的做法會帶來副作用(組件樣式污染,不夠優雅),樣式穿透在css預處理器中使用才生效。   我們可以使用 >>>  或者 

原创 vue工作開發總結(四)----事件參數$event

$event 是事件對象的特殊變量,在一些場景可以幫我們實現提供更多可用參數   ###原生事件 在原生事件中表現和默認事件對象相同 <template> <div> <input type="text" @i

原创 vue工作開發總結(五)----自定義組件的雙向綁定

組件model: 允許一個自定義組件在使用v-model時定製prop和event 默認情況下,一個組件上的v-model會吧value用作prop且把 input用作event ,但是一些輸入類型比如單選框複選框按鈕可能想要使用valu

原创 學習鎖

<!-- 添加鎖機制 商品購買添加鎖 --> let JlockCache = new Map(); export async function Jsclock(key){ var clock = JlockCache.get