網(wǎng)站經(jīng)典功能之返回頂部

HTML JavaScript

當(dāng)頁面內(nèi)容很多的時候,用戶可能會一直往下滑動頁面。但是當(dāng)他想返回頁面頂部進行其他操作時,他可能需要不斷滾動鼠標(biāo)滾輪,這就導(dǎo)致用戶體驗將很差。鑒于這種情況, “回到頂部”這一功能便出現(xiàn)了。

辰風(fēng)沐陽 閱讀 1031 2022-08-13

異步編程解決方案 Promise

JavaScript

回調(diào)地獄是指在回調(diào)函數(shù)中嵌套回調(diào)函數(shù)。 ES6 原生提供了 Promise 對象,Promise 解決了回調(diào)地獄的問題。Promise 實例有兩個屬性: state,result。Promise 實例的三種狀態(tài)為:pending,fulfilled,rejected

辰風(fēng)沐陽 閱讀 2023 2022-07-10

初識 yarn 包管理工具

JavaScript nodejs yarn

Yarn 是一個軟件包管理器,是 facebook 在 npm 之后又造的一個包管理器輪子。yarn 是為了彌補 npm 的一些缺陷而出現(xiàn)的。yarn 相對 npm 來說的優(yōu)點有:速度更快,安裝版本更統(tǒng)一,命令輸出更加簡潔。

辰風(fēng)沐陽 閱讀 1241 2022-06-29

async + await 的理解和用法(Promise)

JavaScript

async/await 是 ES7 提出的基于Promise的解決異步的最終方案。async/await 作用: 簡化 promise 的異步操作,把 promise 的異步操作編程變?yōu)橥降膶懛āsync + await 必須配合 promise 使用,同時 async 和 await 必須一起使用

辰風(fēng)沐陽 閱讀 1236 2022-03-15

禁止添加屬性、封閉對象、凍結(jié)對象的 API

JavaScript

除了設(shè)置對象的屬性特征,對屬性進行控制,系統(tǒng)也提供了一些簡化的 API 來進行屬性控制。比如禁止添加屬性的API: Object.preventExtensions()、Object.seal()、Object.freeze()。不過要注意他們各自的區(qū)別,比較容易混淆

辰風(fēng)沐陽 閱讀 1064 2022-02-03

初識: 對象的屬性特征

JavaScript

眾所周知,默認(rèn)情況下我們可以任意對自己定義的對象進行增刪改的。在某些情況下,不能讓別人去隨便修改對象的屬性,那么我們應(yīng)該怎么處理呢 ?這就需要了解下對象的屬性特征了。可以通過 Object.defineProperty() 修改對象屬性的屬性特征

辰風(fēng)沐陽 閱讀 1573 2022-02-01

通過工廠函數(shù)、構(gòu)造函數(shù)創(chuàng)建對象

JavaScript

當(dāng)我們有多個變量的結(jié)構(gòu)非常類似時,如下所示,反復(fù)書寫結(jié)構(gòu)過于麻煩,我們可以定義一個工廠函數(shù)來創(chuàng)建對象。在 js 中,絕大多數(shù)的數(shù)據(jù)類型都是通過構(gòu)造函數(shù)創(chuàng)建的,常用的數(shù)據(jù)類型都可以通過JS內(nèi)置的構(gòu)造函數(shù)來創(chuàng)建

辰風(fēng)沐陽 閱讀 1016 2022-02-01

對象拷貝: 淺拷貝、深拷貝

JavaScript

在 js 中,引用類型的數(shù)據(jù)使用 = 進行賦值時,傳遞的都是引用,而并非其對應(yīng)的值。淺拷貝: 只是拷貝了基本類型的數(shù)據(jù),而引用類型的數(shù)據(jù),復(fù)制后還會發(fā)生引用。深拷貝: 只拷貝基本類型和引用類型的數(shù)據(jù),不拷貝引用類型的引用

辰風(fēng)沐陽 閱讀 999 2022-02-01

ES6 箭頭函數(shù) Arrow Function

JavaScript

ES6 新增了一種新的函數(shù): 箭頭函數(shù),箭頭函數(shù)相當(dāng)于匿名函數(shù),簡化了函數(shù)定義,將原函數(shù)的 function 關(guān)鍵字和函數(shù)名都刪掉,并使用 => 連接參數(shù)和函數(shù)體。箭頭函數(shù)中的 this: 向外層作用域中一層層查找 this,直到有 this 的定義

辰風(fēng)沐陽 閱讀 1109 2021-12-21

JavaScript Array 對象高階方法 some、filter、indexOf

JavaScript

JavaScript Array 對象的方法太多了,來學(xué)習(xí)幾個常用的方法吧 ! 我要卷死在座的各位 ! some() 檢測數(shù)組中的元素是否滿足指定條件,filter() 過濾掉數(shù)組中不滿足指定條件的值,indexOf() 判斷一個元素是否在數(shù)組中存在

辰風(fēng)沐陽 閱讀 1130 2021-12-10