原创 一個頁面從輸入 URL 到頁面加載顯示完成，這個過程中都發生了什麼？ 分爲4個步驟
一個頁面從輸入 URL 到頁面加載顯示完成，這個過程中都發生了什麼？ 分爲4個步驟 第一步 當發送一個 URL 請求時，不管這個 URL 是 Web 頁面的 URL 還是 Web 頁面上每個資源的 URL，瀏覽器都會開啓一個線程
2020-07-03 22:58:54
原创 react實現路由跳轉傳參的方式 三種
1.路由表配置：參數地址欄顯示 Route path="/list/:id" component={List} / html：Link to=’/list/2’ >跳轉列表頁面</Link Js: this.props.histo
2020-07-03 22:58:54
原创 BOM對象有哪些，列舉window對象
1、window對象 ，是JS的最頂層對象，其他的BOM對象都是window對象的屬性； 2、document對象，文檔對象； 3、location對象，瀏覽器當前URL信息； 4、navigator對象，瀏覽器本身信息； 5、s
2020-07-03 22:58:54
原创 webpack靜態模塊打包器，一般不知道但是就打包了
13 webpack應用程序靜態模塊打包器 https://www.webpackjs.com/ 入口 entry 輸出 output loader 插件 plugins webpack全局 項目內安裝 全局安裝 npm i we
2020-07-03 22:58:54
原创 redux實現數據存取的簡單寫法，簡單的寫了一下，相信你應該可以看得懂的
當我們創建了react項目之後 並安裝了redux （我習慣用yarn安裝 yarn add redux ） 瞭解一下 redux 狀態管理工具 redux 三大原則 1-1 單一數據源（store是唯一的） 1-2 State是
2020-07-03 22:58:54
原创 思索好久要不要寫這個react ，還是寫了
** 在 16.8之後的react的中新增加了hook。可以通過useXXXX在function中定義的組件中設置局部狀態。 說實話，雖然官方推薦的是function 但是我還是比較習慣class 寫法 ** 在數組中通過stat
2020-07-03 22:58:54
原创 react 腳手架環境安裝以及實現過程
14 react 腳手架環境安裝 搭建react腳手架–必須配置好babel es6-es5解析jsx 即 yarn add babel-loader @babel/core @babel/preset-env 配置react還要
2020-07-03 22:58:54
原创 react 路由的實現過程，聽說現在用react的比較多
react–路由 下載（網頁版） yarn add react-router-dom 官網 ：https://reacttraining.com/react-router/ 2 路由的模式mode ：BrowserRouter–歷
2020-07-03 22:58:54
原创 react路由傳參，以及優缺點 帶例子
1.params Route path=’/path/:name’ component={Path} link to="/path/2">xxx</Link this.props.history.push({pathname:"/
2020-07-03 22:58:54
原创 ajax的兼容問題
在實際的開發中可能要遇到兼容IE 6 7 8瀏覽器 我們的ajax對象有兩個地方不兼容 **1 創建ajax對象的時候不兼容** new XMLHttpRequest() ==>這是標準的瀏覽器使用的 new Ac
2020-06-17 11:51:53
原创 Vue中組件的分類
## Vue中組件的分類：全局組件 局部組件 全局組件註冊： Vue.component(‘組件名’,{template:’’}) 局部組件註冊： components(組件名,{template:""}) 加粗樣式 <di
2020-06-17 11:51:53
原创 yarn 和 bower的使用
Yarn 安裝 官網 安裝 https://classic.yarnpkg.com/zh-Hans/ 檢測版本 yarn -v 初始化項目 yarn init 安裝依賴包 yarn add 包名 -S 移除依賴包 yarn
2020-06-17 11:51:53
原创 querystring 查詢字符串模塊
querystring查詢字符串模塊 1 引入模塊 require()方法 Let querystring=require（‘querystring’） 2 字符串轉對象 let str=‘key=value&key2=valu
2020-06-17 11:51:53
原创 鏈式調用和解決回調地獄的終極解決方法async，await
promise鏈式調用 **then 是成功回調，只要在then後邊return一個promise 就可以繼續then** <script type="text/javascript"> let p1=new Pr
2020-06-17 11:51:53
原创 jQuery獲取元素尺寸
1 先設置一些簡單的樣式 <style type="text/css"> *{ margin:0; padding:0; } div{ width:200px; height:200px;
2020-06-17 11:51:53