原创 vite啓用host代理,自動無限刷新問題

我本地使用了whistle代理,此時會無效得進行刷新請求。解決方案 在vite.config中配置 server: { host: '0.0.0.0', open: true, proxy: { ...

原创 webpack4打包提示文件路徑不對

webpack4打包提示文件路徑不對,通過設置publicPath來解決 打包得文件如果無法實現分包,則通過設置library解決   output: { publicPath: '../', // 提示引用路徑不對,那麼就加

原创 antDPro打包優化

通過npm run analyze查看打包情況,發現chunks中包含大量的重複打包 通過提取公共chunk來實現減少打包體積以及提高打包速度 從原來的20M經過拆包之後  最終變成了4M   官方文檔   https://umijs.or

原创 簡版react

1. 項目基本準備工作 1.1 創建項目 利用npx create-react-app my_react命令創建項目 項目已經放到github:https://github.com/caozhongjie/simple-react.git

原创 函數組件中react-redux基本使用

安裝:yarn add redux react-redux 1、定義store文件  store.js import { createStore } from 'redux'; import reducer from './reducer

原创 基礎算法題

1、數組去重的方式 // 數組去重實現得四種方式 let arr = [1,3,1,5,6,8,1,2,3,6] // 1、利用set() arr = [...new Set(arr)] arr = Array.from(new Se

原创 手動實現call、apply和bind

如果沒有傳參,那麼this默認指向的window  let a = { value: 1 } function parent(sex, weight) { this.name = '1' this.age = 1

原创 redux-saga的基本使用

mysaga.js import {call, put, takeEvery} from 'redux-saga/effects' // 模擬登陸接口 const UserService = { login(name) {

原创 react-route簡單實現

調用界面 import React, {Component} from 'react'; // import {BrowserRouter, Link, Route, Switch} from "react-router-dom"; im

原创 vue3的基本使用

vue3的基礎使用; 安裝vite:npm inistall -g create-vite-app 利用vite創建vue3項目:create-vite-app projectName 安裝依賴運行項目:cd projectName np

原创 使用typescript開發vue項目

https://blog.csdn.net/Gabriel_wei/article/details/96291084

原创 jquery獲取元素對應高度

https://www.cnblogs.com/sntetwt/p/3823592.html 獲取點擊元素距離頁面的高度 $(select).offset().top - $(document).scrollTop() //用元素距離頂部

原创 react中虛擬DOM的基本概念

react中的核心概念 1、DOM的本質是什麼: 瀏覽器中的概念,用js對象來表示頁面上的元素,並提供操作DOM對象的API 2、什麼事react中的虛擬DOM:是框架中的概念,是程序員用js對象來模擬頁面上的DOM和DOM 的嵌套 3、爲

原创 js引用類型的賦值

在開發中,有時候需要將數組或者對象的值賦予其他另一個變量,但是兩個變量之間會相互影響,因爲在將引用類型的值賦給其他變量時,賦予的其實是內存中的存儲地址 var arr = [1,2,3,4,5] var arr1 = arr

原创 vue中引入公共方法並使用

test.js文件(公共js文件) // 1 function myFun() { console.log('this is my function') } export { myfun } //