頂天立地大丈夫，行俠仗義真豪杰。四海八荒一壺酒，浮生隨塵茶一杯。 整天被生活的壓力逼迫著，咬緊牙關(guān)只是為了生活，已經(jīng)記不得上一次提到夢(mèng)想是什么時(shí)候了。 有時(shí)候會(huì)想：這種壓榨式...
發(fā)簡(jiǎn)信
IP屬地：陜西
-
系統(tǒng)學(xué)習(xí) TypeScript（六）——認(rèn)識(shí)接口
前言 接口是我們?cè)谶M(jìn)行模塊、方法等的封裝時(shí)經(jīng)常會(huì)用到的一個(gè)概念，使用接口可以： 將一類具體事務(wù)抽象成單一的對(duì)象方法，使用者不必關(guān)心內(nèi)部的實(shí)現(xiàn)邏輯，只需要按照要求傳入對(duì)應(yīng)的參數(shù)...
-
開(kāi)發(fā)提效小技巧分享（二）
前言 在日常開(kāi)發(fā)中，影響我們開(kāi)發(fā)效率的因素很多，有時(shí)候不僅僅會(huì)影響開(kāi)發(fā)效率，還會(huì)搞崩我們的心態(tài)。 為了提高工作效率，保持愉悅心情，騰出更多的時(shí)間來(lái)進(jìn)行摸魚(yú)大業(yè)，前輩們折騰出了...
-
不聯(lián)網(wǎng)的情況下，使用 electron-builder 快速打包全平臺(tái)應(yīng)用
前言 Electron 之所以能夠日益風(fēng)靡，是因?yàn)槠浜?jiǎn)單易用且對(duì)各個(gè)操作平臺(tái)具有良好的支持。 今天我就來(lái)分享一下怎么使用一套代碼，快速打包生成各主流平臺(tái)安裝包的經(jīng)驗(yàn)。 項(xiàng)目安...
-
開(kāi)發(fā)提效小技巧分享（一）
前言 在日常開(kāi)發(fā)中，影響我們開(kāi)發(fā)效率的因素很多，有時(shí)候不僅僅會(huì)影響開(kāi)發(fā)效率，還會(huì)搞崩我們的心態(tài)。 為了提高工作效率，保持愉悅心情，騰出更多的時(shí)間來(lái)進(jìn)行摸魚(yú)大業(yè)，前輩們折騰出了...
-
系統(tǒng)學(xué)習(xí) TypeScript（五）——聯(lián)合類型
前言 在初步學(xué)習(xí)了 TypeScript 的變量聲明后，對(duì)它的靜態(tài)類型檢查功能簡(jiǎn)直是愛(ài)不釋手，但同時(shí)也發(fā)現(xiàn)一個(gè)問(wèn)題：在正常的開(kāi)發(fā)中，一個(gè)變量的類型有時(shí)可能不僅僅只限于 num...
-
前端模塊化的全面總結(jié)
背景 隨著前端功能越來(lái)越復(fù)雜，前端代碼日益膨脹，為了減少維護(hù)成本，提高代碼的可復(fù)用性，前端模塊化勢(shì)在必行。 所有js文件都在一個(gè)html中引入，造成以下不良影響： 請(qǐng)求過(guò)多。...
-
迭代器總結(jié)
前言 數(shù)據(jù)遍歷是我們?nèi)粘ｉ_(kāi)發(fā)中經(jīng)常用到的邏輯，除了最常見(jiàn)的 for、while、forEach 外，迭代器也提供了數(shù)據(jù)遍歷的接口，了解迭代器有助于我們更好地進(jìn)行數(shù)據(jù)處理。 I...
-
系統(tǒng)學(xué)習(xí) TypeScript（四）——變量聲明的初步學(xué)習(xí)
前言 認(rèn)識(shí)了 TypeScript 中的基礎(chǔ)類型，接下來(lái)當(dāng)然是變量聲明的相關(guān)學(xué)習(xí)了。 聲明多維數(shù)組 假如有這么一個(gè)聲明： 想要知道 arr3 的具體類型，其分析步驟如下： 可...
-
系統(tǒng)學(xué)習(xí) TypeScript（三）——基礎(chǔ)類型
前言 TypeScript 包含的基礎(chǔ)類型總結(jié)起來(lái)有： 布爾值 數(shù)字 字符串 數(shù)組 元組 枚舉 任意值 空值 Null 和 undefined Never Object 今天...
-
uni-app 模擬機(jī)調(diào)試環(huán)境搭建
前言 最近接手了一份使用 uni-app 進(jìn)行開(kāi)發(fā)的工作，今天才有時(shí)間正式開(kāi)始，在這里記錄一下使用 HBuilderX 進(jìn)行 uni-app 開(kāi)發(fā)的調(diào)試環(huán)境搭建過(guò)程。 下載安...
-
系統(tǒng)學(xué)習(xí) TypeScript（二）——開(kāi)發(fā)流程和語(yǔ)法規(guī)則
前言 我們已經(jīng)知道了 TypeScript 是什么，以及為什么要用 TypeScript，今天，我們就來(lái)學(xué)習(xí)怎么初步使用它。 TypeScript 的使用流程 原始的 Typ...
-
系統(tǒng)學(xué)習(xí) TypeScript（一）——認(rèn)識(shí) TypeScript
前言 TypeScript 很流行，這是前端從業(yè)者眾所周知的事。 TypeScript 很好用，仁者見(jiàn)仁智者見(jiàn)智。但是，很多大型前端框架都使用 TypeScript 進(jìn)行了重...
-
DOM 精通了？請(qǐng)問(wèn) Node 和 Element 有何區(qū)別？前言 相信我們很多同學(xué)都經(jīng)常會(huì)使用到 Node（節(jié)點(diǎn)）和 Element（節(jié)點(diǎn)）的概念，那么這兩者到底有何區(qū)別，不知道有多少人能夠答得上來(lái)這個(gè)問(wèn)題？ 今天，我在這里嘗試著解釋...
-
DOM 節(jié)點(diǎn)的克隆和導(dǎo)入
前言 在使用 JS 操作 DOM 節(jié)點(diǎn)的時(shí)候，我們常常會(huì)用到克隆（或?qū)耄┕?jié)點(diǎn)的操作，那到底有哪些方法可以實(shí)現(xiàn)節(jié)點(diǎn)克?。ɑ?qū)耄┑男Ч兀?今天，我們就來(lái)總結(jié)一下能實(shí)現(xiàn)節(jié)點(diǎn)克...
-
Web Components 系列（十一）—— 實(shí)現(xiàn) MyCard 的可復(fù)用
前言 在上一節(jié)中，使用 Templates 實(shí)現(xiàn)了 MyCard 的基本布局，并且在文章結(jié)尾我也說(shuō)過(guò)，因?yàn)椴豢蓮?fù)用，其實(shí)用性基本為零。 今天我們通過(guò)使用具名 Slots 在 ...
-
Web Components 系列（十）—— 實(shí)現(xiàn) MyCard 的基本布局
前言 前面針對(duì) Web Components 學(xué)習(xí)了一些基本的理論知識(shí)，我們了解到的概念有： Custom Elements Shadow DOM Templates Slo...
-
Web_Components 系列（九）—— Shadow Host 的 CSS 選擇器前言 在上一節(jié)我們了解了如何給自定義組件設(shè)置樣式，當(dāng)時(shí)是將自定義標(biāo)簽的樣式設(shè)置在主 DOM 中的： 雖然實(shí)現(xiàn)了樣式設(shè)置的目的，但是卻存在一個(gè)弊端：自定義標(biāo)簽的樣式被寫(xiě)死了，不...
-
Web Components 系列（八）—— 自定義組件的樣式設(shè)置前言 通過(guò)前面的學(xué)習(xí)，對(duì)自定義組件的相關(guān)概念和知識(shí)點(diǎn)也有了一定了解，今天我們就來(lái)學(xué)習(xí)一下給自定義元素及其子元素設(shè)置樣式的幾種方法。 直接給自定義標(biāo)簽添加樣式 index.ht...
-
今天踩了一個(gè)基礎(chǔ)坑
[圖片上傳失敗...(image-8910ac-1644833937519)] 引言 不知道大家有沒(méi)有這樣一種經(jīng)歷：突然發(fā)現(xiàn)自己之前很長(zhǎng)時(shí)間都根深蒂固的一個(gè)觀點(diǎn)是錯(cuò)誤的？ 我...