原创 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