JS編寫規範一 庫 元件 ES5書寫示慄

2021-08-17 07:56:33 字數 1468 閱讀 7561

以下所有示慄以【jq】為主(白盒模式僅供參考)
function

$$(a) }}

這也是我最常用的編方式,用來編寫外掛程式以及常規**的書寫,用return方式返回該函式子集物件,es6情況下exports匯出,差異不大。

$$(『login』)

這裡返回的結果是。

以下是jq的返回

這當然不是我們想要的,jq這邊應該還有個dom的節點的返回,我們在工廠模式寫return乙個dom物件也不難實現,但我不想讓你直接看到我定義的所有方法這就難了。

var $$ = function

(a)

$$.prototype.css = function

(klass)

$$(『login』)

以下是返回的結果

這裡成功的拿到了dom節點並把函式塞到了_ proto _下,我們試著呼叫.css函式

$$(『login』).css(『height』)

能實現,但包含了原型則必須例項化,我並不想看到這一點,則用最終以下的方式。

function

$$(a)

$.prototype.css = function

(klass)

return

new $(a)

}

$$(『login』)

以下是返回的結果

其實也就是封裝了new的過程,這樣就成功返回了想要的結果。

make:o︻そ╆ove▅▅▅▆▇◤(清一色天空)

blog:

掘金:jq的封裝遠比你看到的麻煩(例如各種相容寫法),並且我們實現自己的庫也並非要與jq一樣。

如今每個人寫法各異,按照需求不同,功能不同,當今的底層架構以及外掛程式已是越寫越複雜(例如偏函式 / 柯里化 + 各種演算法堆砌),所以統一js**規範是不抱希望了,只有多寫注釋才是王道!

資料庫sql編寫規範

一 dml語句 select語句必須指定具體欄位名稱,禁止寫成 因為select 會將不該讀的資料也從mysql裡讀出來,造成磁碟和網絡卡壓力,尤其在有text或者blob欄位的時候。select語句不要使用union,推薦使用union all,並且union子句個數限制在5個以內。因為union...

react元件開發規範(一)

這是通過修改專案執行在google上時的警告,總結的的部分react元件開發規範 1 編寫元件時,一定要寫proptypes,切莫為了省事兒而不寫!如果乙個props不是required,一定在getdefaultprops中設定它 react.proptypes主要用來驗證元件接收到的props是...

資料庫sql指令碼編寫規範

對查詢進行優化,應盡量避免全表掃瞄,首先應考慮在 where 及 order by 涉及的列上建立索引。應盡量避免在 where 子句中對字段進行 null 值判斷,否則將導致引擎放棄使用索引而進行全表掃瞄,如 select id from t where num is null可以在num上設定預...