原创 JS如何優雅的刪除對象中的指定屬性?

要優雅的話,使用 Lodash 的 omit 方法移除不要的屬性: const object = { ‘a’: 1, ‘b’: ‘2’, ‘c’: 3 }; const result = _.omit(object, [‘a’,

原创 結合antd layout做自適應的可見區高度

目的: 當content組件高度不足一屏時,中間部分會塌陷,所以加minHeight讓他不足一屏時自動佔滿一屏。 restHeight 是除了content的部分,比如header + footer的高度值。所以 minHeig

原创 解決輪播圖組件異步加載後第一張爲最後一張圖的問題

我使用的是react-slick插件,其實無論哪個插件好像都沒有異常處理,你如果用本地資源去做加載的時候是不會出現異常的。但是當你使用如ajax去異步請求數據時就會出現問題。 原因: 當頁面還沒有接收ajax數據的時候,swipe

原创 js將手機號中間四位變成*號

方法一、利用數組splice,split,join方法 var tel = 18810399133; tel = "" + tel; var ary = tel.split(""); ary.splice(3,4,"****");

原创 隱藏橫向和縱向滾動條

通過如下代碼塊,多數時候都好用。 html { /*火狐下隱藏滾動條*/ scrollbar-width: none; height: 100%; } body::-webkit-scrollbar { di

原创 custom類antd menu

工作需要封裝了一下如下圖的menu,實現比較簡單,使用也比較簡單。比較來說沒有antd menu好用,大家看個思路自定義自己的menu; 技術棧 react + umi + ice-store + hooks + ts +

原创 finder訪達卡死現象

關於icloud內儲存在碎片文件導致的<finder訪達卡死現象> 問題描述: 每次開機後finder卡死。任何icloud同步的文件的位置移動都會導致finder卡死或崩潰。 問題定位:icloud雲盤啓動。並且開啓了與某個文件

原创 RN build時提示xxx程序包不存在,字符不存在

Task :react-native-spinkit:compileReleaseJavaWithJavac FAILED /data/app/dongdianyi/node_modules/react-native-spink

原创 When to use JSX.Element vs ReactNode vs ReactElement?如何在ts中選擇jsx.element和ReatNode類型

A ReactElement is an object with a type and props. interface ReactElement<P = any, T extends string | JSXElementCon

原创 hooks+icestore快速打造react項目

基於React鉤子的輕量級狀態管理解決方案 Ice-store 的簡單使用 優點 極簡 API:只有 5 個 API,簡單上手,使用方便,不需要學習 Redux 裏的各種概念。 React Hooks:擁抱 Hooks 的使用體

原创 IE瀏覽器兼容問題之initial關鍵字

由於IE沒有initial關鍵字,可以嘗試positon:statice。默認值。

原创 從js傳屬性到css文件中

如果你寫大量的佈局和適配方案,可能會想,可不可以把一個參數值傳給css文件呢。 比如js內有多種渲染情況,如render一個list或者只是一個div可能是完全不同的佈局。我們首先會想到可以判斷一下類型並且用三元表達式複製給需要響

原创 判斷不同設備後重定向到不同url的nodejs實現

我們在開發時可能會遇到這種問題。你用的手機端需要跳轉到 m,xxx.com ,PC端跳轉到taobao.com 這樣一個功能我們可以通過nodejs和user-agent屬在這裏插入代碼片性判斷來實現。具體代碼如下: const

原创 nextjs報錯:'NODE_ENV' 不是內部或外部命令

最近在使用next.js的時候,在生產模式下使用nodejs跑server.js文件時,運行 "start": "、 NODE_ENV=production node server.js", 出現 ‘NODE_ENV’ 不是內部或

原创 Router.push('/link')不跳轉頂部的問題解決

使用nextjs的Router.push跳轉方法時出現了一個奇怪的問題,無法跳轉到頂部,百度上大多都是對Vue的解決方案。 netxjs解決方案: Router.push('/link').then(() => window.sc