1. 初步想法 自定義組件放入 npm 平臺(tái)瞧栗。 在 vite + vue3 + ts + elementPlus 的基礎(chǔ)上封裝組件放入 npm 平臺(tái)联喘。 npm 平臺(tái) 組件多了...
![240](https://upload.jianshu.io/users/upload_avatars/22578326/549a9176-db15-48bf-9b21-ac791d626aa8.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/240/h/240)
1. 初步想法 自定義組件放入 npm 平臺(tái)瞧栗。 在 vite + vue3 + ts + elementPlus 的基礎(chǔ)上封裝組件放入 npm 平臺(tái)联喘。 npm 平臺(tái) 組件多了...
本文旨在解釋如何修改Typora默認(rèn)的代碼塊的默認(rèn)的腳本語言 1. 找到位置 鼠標(biāo)右鍵 Typora 的快捷方式血柳,在彈窗中選擇 打開文件所在位置。 在文件 Typora/re...
本文旨在介紹常用的Hook的用途和用法宾茂。官方文檔地址[https://react.docschina.org/reference/react/hooks] 1. State ...
本文旨在描述瓷马,react官方文檔描述的井字游戲在不參照官方方法的情況下實(shí)現(xiàn)各種功能,以便起到鍛煉react基本語法的目的跨晴。 具體實(shí)現(xiàn)方案 代碼將使用的是 Ant Design...
本文主旨是解釋App開發(fā)的歷史進(jìn)程决采,各種混合模式的區(qū)別和優(yōu)缺點(diǎn)。App開發(fā)大致分為兩種模式坟奥,原生模式 和 混合模式树瞭。對(duì)比最適合前端開發(fā)工程師使用的App開發(fā)模式拇厢。 1. 原生...
本文旨在介紹 login 相關(guān)的功能的實(shí)現(xiàn)和標(biāo)準(zhǔn),以及輸入信息的校驗(yàn)標(biāo)準(zhǔn)晒喷。 1. 標(biāo)準(zhǔn)描述 賬號(hào) 必填 兩端不能輸入空格 密碼 必填 不能輸入空格 長(zhǎng)度在 8 - 30 之間...
Web端響應(yīng)式 本文旨在講述pc管理后臺(tái)在使用element-ui或者 element plus的前提下孝偎。在UI設(shè)計(jì)沒有具體的要求下使用的統(tǒng)一實(shí)現(xiàn)標(biāo)準(zhǔn)。 頁面寬度兼容到128...
vue使用eslint和代碼自動(dòng)格式化 本文旨在介紹Vue項(xiàng)目中進(jìn)行代碼校驗(yàn)和代碼格式化等相關(guān)內(nèi)容凉敲。將分為三個(gè)部分來實(shí)現(xiàn)衣盾,包括 全新的Vue3項(xiàng)目,已經(jīng)有點(diǎn)Vue3項(xiàng)目爷抓,以及...
為了監(jiān)控當(dāng)前前端運(yùn)行的是哪個(gè)版本势决,并讓后臺(tái)服務(wù)知道是哪個(gè)版本。方便代碼的管控蓝撇,版本的管控以及bug功能等的調(diào)試和切割果复。 1. 生成hash碼 使用uuid來生成唯一的碼 再加...
前端開發(fā)規(guī)范概述 本文詳細(xì)闡述Web前端開發(fā)中各項(xiàng)規(guī)范概要,包括基本原則独柑、文件命名迈窟、Html、Css忌栅、Js车酣、圖片和測(cè)試等相關(guān)內(nèi)容。 實(shí)際開發(fā)請(qǐng)按照具體項(xiàng)目為準(zhǔn)! 1. 基本規(guī)...
本文旨在介紹CSS預(yù)編譯器的使用和規(guī)范以及在Vue項(xiàng)目的具體實(shí)現(xiàn)索绪。 CSS Cascading Style Sheets預(yù)編譯器湖员,如Sass、Less者春、Stylus等,提供了...
本文件旨在梳理html文件的不同端的模板樣式。僅供參考嫡丙,具體情況要安裝具體的項(xiàng)目來定拴袭,還有腳手架生成的index.html文件不做考慮。 1. Web端模板 2. 移動(dòng)端H...
本文具體闡述Vue開發(fā)中使用的各種場(chǎng)景命名的規(guī)范詳情曙博,Vue2和Vue3有不一致的地方會(huì)分別列出拥刻! 命名一定要和業(yè)務(wù)關(guān)聯(lián)起來,堅(jiān)決杜絕類似demo1,demo2,test1這...
注冊(cè)npm平臺(tái)賬號(hào) 想要把自己寫的npm包上傳發(fā)布在npm平臺(tái)上父泳,至少需要先注冊(cè)npm平臺(tái)的賬號(hào)般哼。本文著重介紹如何注冊(cè)npm平臺(tái)賬號(hào)以及配置和設(shè)置一個(gè)demo工程吴汪。本文編寫時(shí)...
ArkUI組件內(nèi)通用樣式封裝方法 官方文檔地址: 官方文檔[https://developer.huawei.com/consumer/cn/doc/harmonyos-gu...
HarmonyOS開發(fā)之頁面跳轉(zhuǎn) 1. 使用 router 進(jìn)行頁面跳轉(zhuǎn)以及傳遞參數(shù) 引入router模塊import router from '@ohos.router';...
組件之間傳值@Prop和@Link裝飾器的使用和區(qū)別 1. 裝飾器@Prop @Prop裝飾器用來在子組件接收父組件傳入的值信息。 @Prop裝飾器建立的是單向數(shù)據(jù)綁定蒸眠,在子...