函數(shù)式編程中有一個(gè)非常重要的概念叫純函數(shù)，JavaScript符合函數(shù)式編程的范式，所以也有純函數(shù)的概念； 在react開發(fā)中純函數(shù)是被多次提及的； 比如react中組件就被...
發(fā)簡信
IP屬地：山東
-
理解JavaScript純函數(shù)
-
Javascript 又愛又恨的閉包
在JavaScript中，函數(shù)是非常重要的，并且是一等公民： 那么就意味著函數(shù)的使用是非常靈活的； 函數(shù)可以作為另外一個(gè)函數(shù)的參數(shù)，也可以作為另外一個(gè)函數(shù)的返回值來使用； 所...
-
JavaScript的垃圾回收
因?yàn)閮?nèi)存的大小是有限的，所以當(dāng)內(nèi)存不再需要的時(shí)候，我們需要對(duì)其進(jìn)行釋放，以便騰出更多的內(nèi)存空間。 在手動(dòng)管理內(nèi)存的語言中，我們需要通過一些方式自己來釋放不再需要的內(nèi)存，比如f...
-
JavaScript內(nèi)存管理概述
不管什么樣的編程語言，在代碼的執(zhí)行過程中都是需要給它分配內(nèi)存的，不同的是某些編程語言需要我們自己手動(dòng)的管理內(nèi)存， 某些編程語言會(huì)可以自動(dòng)幫助我們管理內(nèi)存： 不管以什么樣的方式...
-
JavaScript代碼執(zhí)行原理(四)
作用域和作用域鏈（Scope Chain） 當(dāng)進(jìn)入到一個(gè)執(zhí)行上下文時(shí)，執(zhí)行上下文也會(huì)關(guān)聯(lián)一個(gè)作用域鏈（Scope Chain） 作用域鏈?zhǔn)且粋€(gè)對(duì)象列表，用于變量標(biāo)識(shí)符的求值；...
-
JavaScript代碼執(zhí)行原理(三)現(xiàn)在代碼塊還有最后一步foo()需要執(zhí)行 函數(shù)如何被執(zhí)行呢？ 在執(zhí)行的過程中執(zhí)行到一個(gè)函數(shù)時(shí)，就會(huì)根據(jù)函數(shù)體創(chuàng)建一個(gè)函數(shù)執(zhí)行上下文（Functional Execution ...
-
JavaScript代碼執(zhí)行原理(二)Vo對(duì)象 每一個(gè)執(zhí)行上下文都會(huì)關(guān)聯(lián)一個(gè)vo（Variable Object）對(duì)象,變量和函數(shù)聲明都會(huì)被添加到這個(gè)對(duì)象當(dāng)中。 當(dāng)全局代碼被執(zhí)行的時(shí)候，全局代碼的上下文關(guān)聯(lián)的就是...
-
JavaScript代碼執(zhí)行原理(一)目前網(wǎng)上大多數(shù)流行的說法都是基于ECMAScript3版本的解析，并且在面試時(shí)問到的大多數(shù)都是ECMAScript3的版本內(nèi)容。但是ECMAScript3終將過去， ECMA...
-
學(xué)習(xí)VeeValidate Composition API 自定義input當(dāng)我們的表單有大量字段或者嵌套字段的時(shí)候 這樣一個(gè)一個(gè)定義字段會(huì)讓代碼變的很臃腫 useField useField 是一個(gè)類似于 useForm 的組合函數(shù)，它使創(chuàng)建和管理...
-
學(xué)習(xí)VeeValidate Composition API 對(duì)象和數(shù)組的嵌套定義嵌套的對(duì)象和數(shù)組的表單結(jié)構(gòu)用法包括避免嵌套和高階組件一樣 useFieldArray 字段數(shù)組是嵌套數(shù)組字段的一種特殊類型，通常用于收集可重復(fù)的數(shù)據(jù)或可重復(fù)的表單。它們通...
-
學(xué)習(xí)VeeValidate Composition API 處理表單獲取meta 和高階組件一樣我們可以拿到元數(shù)據(jù)meta，以前是從模板里拿，現(xiàn)在從函數(shù)里拿 handelSubmit 用法和高階組件一樣它會(huì)驗(yàn)證所有字段，除非所有字段都有效，否...
-
學(xué)習(xí)VeeValidate Composition API 定義Schema接著之前的兩篇文章繼續(xù)學(xué)習(xí)VeeValidate Composition API構(gòu)建表單 使用 @vee-validate/yup 軟件包。它可以更好地支持 yup 功能，并...
-
學(xué)習(xí)VeeValidate 高階組件 嵌套對(duì)象和數(shù)組日常開發(fā)里表單的數(shù)據(jù)結(jié)構(gòu)不單單是簡單數(shù)據(jù)也有對(duì)象數(shù)組以及相互各種嵌套的關(guān)系 高階組件中只需要像js中訪問對(duì)象或者數(shù)組就可以定義出對(duì)應(yīng)的字段結(jié)構(gòu) 有時(shí)候我們的數(shù)據(jù)字段名就是包含...
-
學(xué)習(xí)VeeValidate 高階組件 處理表單處理表單 vee Validate提供了很多方法去幫助開發(fā)者處理維護(hù)表單，提交重置等等 使用到目前為止發(fā)現(xiàn)一次v-model都沒用到，因?yàn)槭褂眠@些高階組件的好處就是省略了大量...
-
學(xué)習(xí)VeeValidate 高階組件 驗(yàn)證元數(shù)據(jù)meta<Field />組件和 組件上都會(huì)有一些meta數(shù)據(jù) 1.valid:當(dāng)前字段的有效性 2.touched：如果字段是失去焦點(diǎn)可以使用作用域插槽中的handleBlur 或...
-
學(xué)習(xí)VeeValidate 高階組件 展示錯(cuò)誤信息可以從field的作用域插槽中拿到錯(cuò)誤信息進(jìn)行展示 也可以從form的作用域插槽中拿到 也可以拿到所有錯(cuò)誤信息 前面已經(jīng)具體看到ErrorMessahe組件使用方法了，還有一...
-
學(xué)習(xí)VeeValidate 高階組件今天看文檔的時(shí)候 發(fā)現(xiàn)還給我們提供了高階組件，就是表單比較簡單的時(shí)候可以使用，也可以和組合式api結(jié)合使用， 最簡單的示例，從依賴中導(dǎo)入了三個(gè)組件from field Err...
-
學(xué)習(xí)VeeValidate（二）自定義一個(gè)表單控件實(shí)際開發(fā)中，我們的表單不僅僅局限于輸入框，會(huì)有各種各樣的需求，這里我們自定義一個(gè)表單控件組合到表單當(dāng)中。 假設(shè)現(xiàn)在用戶需要一個(gè)彈框在彈框里選了某個(gè)值，現(xiàn)在要把這個(gè)值綁定給我們...
-
學(xué)習(xí)VeeValidate（一） 構(gòu)建一個(gè)基本的input以前寫angular框架的時(shí)候，由于其內(nèi)部集成的表單系統(tǒng)過于強(qiáng)大，可以實(shí)現(xiàn)所有表單業(yè)務(wù)，在最近切換到vue3技術(shù)的時(shí)候?qū)懕韱慰傆X得差點(diǎn)意思，找到了這么一款庫，感覺也挺有意思的...