博客 / 列表

assassin_cike - lodash 實踐

1. lowerCase和toLower不同 toLower 將字符串中的字母轉為小寫其他字符不動,而lowerCase會將字符串中除了字符串以外的字符變成空格或者去掉,相當於String.toLowerCase。

lodash , Javascript

assassin_cike - ES5 繼承

首先要明白兩點: 一、非方法屬性每個子類實例需要獨立 二、方法屬性每個子類實例需要共享 為什麼? 如果非方法屬性為引用類型,且非方法屬性共享,在一個實例中改變,其他實例中就會做出改變,這樣每個實例就會相互影響,而方法屬性一般是不需要進行改變的,只是對方法調用。 方法跟屬性分別可以定義在構造函數內部跟prototype上。 繼承的目的是子類繼承父類的方法跟屬性,換句話説一些類

繼承 , es5 , Javascript

assassin_cike - @tanstack/react-query 實踐

@tanstack/react-query@5.35.5 1. isPending isLoading isFetching 傻傻分不清 const { data: knowledgeList, isFetching: loading } = useQuery({ queryKey: ['knowledgeList'], initialData: [], gcTime:

react , request , HTTP , fetch , react-query

assassin_cike - react 繼續踩坑

1. react-i18next resources key默認槓後大寫 新增了繁體中文模塊,如下導入,切換語言並不生效 import i18n from 'i18next'; import { initReactI18next } from 'react-i18next'; import translation_en from './en'; import translation_zh fro

react-i18next , react , lexical , react-router , Markdown

assassin_cike - SVG 瞭解下

1. SVG中後面的元素會覆蓋前面的元素 svg width="200" height="200" xmlns="http://www.w3.org/2000/svg" !-- 第一層:紅色矩形 -- rect x="10" y="10" width="100" height="100" fill="red" / !-- 第二層:藍色矩形 -- rect x="50

svg

assassin_cike - shadcn/ui 2

react-hook-form@7.56.4 1. z.coerce.number() 字符串轉數字 只在submit起效 使用useWatch監聽到的數據依然是字符串 2. form?.formState.isDirty 什麼時候為true? form?.formState.isDirty 是跟defaultValues設置的值做對比,當值發生變化為true,否則為false。而不是輸入框的值發

react , radix , form , react-hook-form

assassin_cike - shadcn/ui

1. DropdownMenu觸發AlertDialog後頁面無法點擊 是因為點擊AlertDialog的確定按鈕後後body標籤會被添加style="pointer-events: none;"導致頁面無法點擊 怎樣解決? 根據 I can't click anywhere after using alert dialog. #468 將DropdownMenu設置modal={false

react , radix , form , react-hook-form , table

assassin_cike - nginx 隨記

1. 控制枱報錯:SyntaxError: Unexpected token '' 使用 Pause on caught exceptions 斷點不到源碼 即使我開了source map,因為項目使用了負載均衡後出現的問題,單nginx部署是沒問題的,那麼問題應該出在負載均衡上,按照nginx + 前後端分離 負載均衡配置了ip_hash後,可以正常的訪問了。項目分別拉取到不同的服務器進行構建,

react , umi , proxy-pass , Nginx , 前端