原创 Array 隨機排序(洗牌算法)
原生Sort function foo(arr){ let clonrArr = arr.concat(); clonrArr = clonrArr.sort(function(){ return Math.
2022-07-28 13:15:01
原创 memo,useCallback,useMemo以及useEffect區別
問題引入 子組件的只依賴傳入的name屬性，但是父組件name屬性和text屬性變化都會導致Parent函數重新執行，所以即使傳入子組件props沒有任何變化，甚至子組件沒有依賴於任何props屬性，都會導致子組件重新渲染 const Ch
2022-06-18 13:12:57
原创 對iframe裏的fetch和xmlhttprequest攔截並對request/reponse進行包裝
寫了一個通常的函數可以對iframe裏的fetch和xmlhttprequest攔截並對request/reponse進行包裝 rewriteFetchandXmlhttp(iframeWin) { if (!iframe
2020-12-25 13:19:19
1
原创 vue3 + ant-design-vue2 + vuex+mitt快速配置指南
1. 目前能和vue3配合的UI只有ant-design-vue2 2.vue3移除了event bus,使用mitt來替代 3.有了Composition API基本上不需要使用vuex了，但是某種情況 下vuex還是比較好用的。vue3
2020-09-30 13:17:47
5
原创 用戶新開遊覽器重複登錄的時候給於提示
const key = `open${Date.now()}`; window.onstorage = function(e) { if(e.key=='username' && e.newValue){
2020-05-22 14:19:33
原创 node 訪問第三方API
1.安裝request模塊 npm install request --save 基本形式 //request(options,callback) request({ url: url,//請求路徑 method
2020-04-23 14:30:40
原创 react傳參的三種方案
可以直接: https://jsfiddle.net/u0no1t2z/class LoggingButton extends React.Component { // 此語法確保 `handleClick` 內的 `this` 已被
2020-02-20 15:15:23
原创 10分鐘學會React Context API
Create-react-app來學習這個功能: 注意下面代碼紅色的即可,非常簡單. 在小項目裏Context API完全可以替換掉react-redux. 修改app.js import React, { lazy, useStat
2019-07-28 14:24:27
1
原创 Soft skill
不要害怕讓別人看到自己的無知 作爲高級程序員的一個好處是，當別人問一些我不懂的問題時，我可以很淡然地告訴他們： 這個東西我也不懂，因爲以前沒有遇到過，不過我可以看一下，然後再告訴你。 當我還是一個初級程序員的時候，我總是很害怕別人會看到我的
2019-06-05 14:06:27
原创 前端-頁面性能調試：Hiper
前端-頁面性能調試：Hiper 我們寫單頁面應用，想看頁面修改後性能變更其實挺繁瑣的。有時想知道是「正優化」還是「負優化」只能靠手動刷新查看network。而Hiper很好解決了這一痛點（其實Hiper是後臺靜默運行Chrom
2019-04-11 14:09:35
原创 js對secure的支持是沒問題的，httponly是爲限制js而產生的，當然httponly的cookie也不會被js創建
function setCookie4(c_name,value,expiredays){ var cookieStr = ""; var exdate=new Date(); exdate.setDate(
2019-02-19 06:48:03
原创 30分鐘學會React Hook, Memo, Lazy
我們來學習React 16.8裏的新特性。 1. 自行配置好React的環境，推薦你使用Create React APP, 你也可以下載本文檔Zip解壓到本地直接運行. https://github.com/yurizhang/fed-st
2019-02-15 13:57:43
2
原创 Rematch Redux的替代品
前言：Rematch和vuex很像。 文檔：https://github.com/yurizhang/rematch?organization=yurizhang&organization=yurizhang 簡介： 先看看remat
2019-02-02 13:44:23
5
原创 H5移動端原生長按事件
// 函數名longpress// 參數爲: 需長按元素的id、長按之後處理函數func function longPress(id, func,timeout=500) { var timeOutEvent;
2019-01-30 13:51:49
原创 同時裝了Python3和Python2，怎麼用pip？
同時裝了Python3和Python2，怎麼用pip？ 目前國內網站經常會讓大家把其中一個python.exe改個名字（嗯，我也這樣講過，在此糾正一下），這樣區分開兩個可執行文件的名字，但是這樣做有一個重大的隱患，就是修改了名字的那個p
2018-12-26 14:00:21