DD每週前端七題詳解 第七期

2021-10-07 22:05:57 字數 4132 閱讀 5007

呆呆每週都會分享七道前端題給大家,系列名稱就是「dd每週七題」。

js中將字串轉換為數字的方式有很多種,以下我列舉了一些常用的,看看非純數字來進行轉換會發生什麼:

let str = '33.3c'

console.log(number(str));

console.log(parseint(str));

console.log(parsefloat(str));

console.log(str++);

console.log(str>>>2);

大家可以先思考一下再來看結果。

let str = '33.3c'

console.log(number(str)); // nan

console.log(parseint(str)); // 33

console.log(parsefloat(str)); // 33.3

console.log(str++); // nan

console.log(str>>>2); // 0

嘻嘻????,我們來簡單分析一下:

如果對隱式型別轉換還不熟悉的小夥伴可以看呆呆的這篇文章喲:【精】從206個console.log()完全弄懂資料型別轉換的前世今生(下)

「類陣列概念」

擁有length屬性和若干索引屬性的物件就被稱為類陣列,它和陣列類似,但是不能呼叫陣列的方法。

「常見類陣列:」

dom方法返回的批量的dom集合,arguments,另外「函式」也可以被看為是類陣列,因為它擁有length屬性,length的值就是它可接收的引數的個數。

「轉換為陣列」

先讓我們來定義乙個類陣列:

function test () 

test('霖', '呆', '呆')

然後來看看可以有哪幾種轉換方法:

通過call和陣列的slice方法:

.slice.call(arguments)

// 當然也可以是這樣,因為slice是array.prototype上的方法

array.prototype.slice.call(arguments)

通過call和陣列的splice方法:

.splice.call(arguments)
通過array.from()

array.from(arguments)
...展開操作符:

[...arguments]
來寫個簡寫吧:

不過貌似這個不用特意去記,想一下陣列有哪些方法可以用基本就能想起來了。

空物件?咳咳,就是這個:

let obj = {}
for...in...

function isemptyobj (obj) 

return true;

}console.log(isemptyobj(obj)); // true

不過這種方法貌似有乙個弊端,因為for...in...是會把物件原型鏈上的屬性也列舉出來,例如下面這樣就會判斷錯誤:

function isemptyobj (obj) 

return true;

}let obj = {};

obj.__proto__.num = 'dsfdf'

console.log(isemptyobj(obj)); // false

json.stringify()????,這個是呆呆很久之前用的一種方法:

使用:-webkit-transform: scale(0.8);

注意⚠️:「它修改的整個元素的大小,所以如果是內聯元素的話則需要轉換為塊元素或者內聯塊元素」

霖呆呆

小號霖呆呆

效果如下:

-webkit-text-size-adjust:none;屬性,設定了整個之後就可以去掉chrome的字型限制,但是在chrome更新到27版本之後就被乾掉了。呆呆在現在的chrome中試了一下已經沒有效果了。

另外,網上還有說把要縮小的字設定變為...靠來展示...

italicoblique這兩個屬性都表示"斜體"的意思。

區別在於:

首先說一下「空元素」或者說是「單標籤元素」是什麼吧,其實就是「標籤內沒有內容的 html 標籤」,例如:

首先描述一下這四個標籤的顯示效果吧:

html**:

霖呆呆霖呆呆霖呆呆

霖呆呆

效果如下:

知識無價,支援原創。

參考文章:

你盼世界,我盼望你無bug。這篇文章就介紹到這裡。

您每週也許會花48小時的時間在工作????上,會花49小時的時間在睡覺????上,也許還可以再花20分鐘的時間在呆呆的7道題上,日積月累,我相信我們都能見證彼此的成長????。

什麼?你問我為什麼系列的名字叫dd?因為呆呆呀,哈哈????。

我會不定時的更新一些前端方面的知識內容以及自己的原創文章????

你的鼓勵就是我持續創作的主要動力 ????。

往期題目可以戳下面????:

或者你也可以檢視github上的issues:「我是issues」

前端週刊第七期

點選這裡,裡面有解決辦法 express.js 5.0 現在處於 beta階段 考慮到 5.0 的第乙個alpha版本是七年前,對於仍然廣受歡迎和有影響力的 node.js web 應用程式庫來說,這是一大步。這裡還有5.x api 的完整文件。github 為其自定義的 markdown 變體新增...

100題 第七題

題目 輸入乙個英文句子,翻轉句子中單詞的順序,但單詞內字元的順序不變。句子中單詞以空格符隔開。為簡單起見,標點符號和普通字母一樣處理。例如輸入 i am a student.則輸出 student.a am i 由於本題需要翻轉句子,我們先顛倒句子中的所有字元。這時,不但翻轉了句子中單詞的順序,而且...

VJ第七題題解

根據輸入的半徑值,計算球的體積。input 輸入資料有多組,每組佔一行,每行包括乙個實數,表示球的半徑。output 輸出對應的球的體積,對於每組輸入資料,輸出一行,計算結果保留三位小數。sample input 11.5 sample output 4.189 14.137 hint define...