原创 redux 常規用法步驟

一、根節點引入      import { Provider } from 'react-redux'      import { Provider } from 'react-redux'  <Provider store={store

原创 reduxjs/toolkit 在項目中的使用 redux工具包

基礎API  configureStore()   combineReducers()   createSlice() createAsyncThunk()    使用步驟   一、 index.js 中 引入幷包裹<APP/> impo

原创 註冊複用多次的組件 全局

// 註冊複用多次的組件 import upperFirst from 'lodash/upperFirst' //轉換首字母大寫 import camelCase from 'lodash/camelCase' //駝峯命名法 // 1

原创 vue移動端項目在IOS上點擊輸入框 失效, 需要點擊多次 input框BUG

近期發現項目中關於輸入框在ios上點擊失效,多次點擊纔可以獲取焦點的問題,那麼導致這個問題所在的原因是因爲項目中引入了FastClick 這個是解決移動端延遲300毫秒的優化 當使用FastClick 時,輸入框在ios上點擊輸入調取手機

原创 簡單的 前端模糊查詢

<style scoped> ul, li { padding: 0; margin: 0; list-style-type: none; padding: 0; box-sizing: border-box; } .outbox { m

原创 messagebox 使用js 調用 掛在原型上的方法

組件部分 <style scoped> .alert-wrapper { position: fixed; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-cont

原创 vue 將組件綁定到vue 中 用函數調用思路

1、引入vue import Vue from 'vue' 2、引入組件 import alert from '../components/commons/alert/index.vue' 3、擴展vue const alertBox =

原创 全使用webpack 動態全局註冊組件 無需重複引用

// 註冊複用多次的組件 import upperFirst from 'lodash/upperFirst' //轉換首字母大寫 import camelCase from 'lodash/camelCase' //駝峯命名法 // 1

原创 MongoDB 簡單操作

mongoDM 菲關係型數據庫 一 、安裝:https://www.mongodb.com/dr/fastdl.mongodb.org/win32/mongodb-win32-x86_64-2008plus-ssl-4.0.3.zip/d