摘要:頁(yè)面中經(jīng)常會(huì)遇到彈出層的部件,當(dāng)彈出層激活時(shí)覆蓋整個(gè)頁(yè)面,且背景部分不能滾動(dòng)。 頁(yè)面中經(jīng)常會(huì)遇到彈出層的部件,當(dāng)彈出層激活時(shí)覆蓋整個(gè)頁(yè)面,且背景部分不能滾動(dòng)。實(shí)現(xiàn)起來(lái)有以下要點(diǎn): 彈出層position設(shè)置為fixed,四個(gè)定位錨點(diǎn)均設(shè)為0; 激活彈出層時(shí)給html和body設(shè)置overflow: hidden;; 以下是實(shí)踐: codepen 為了讓徹底禁止?jié)L動(dòng),還可以在mous...
摘要:不給元素保留空間,相反,元素定位的位置是相對(duì)它最近的非定位的祖先元素來(lái)確定的。絕對(duì)定位的元素可以設(shè)置外邊距,并且不會(huì)與其他邊距合并。能看我的文章到這里的同學(xué)都辛苦了,畢竟知道自己文章一向不通順,不過(guò)我會(huì)慢慢提高的,哈哈哈。 開(kāi)門(mén)見(jiàn)山,第一篇文章我們來(lái)說(shuō)說(shuō)css里面最常用的position屬性 緣由一次筆者面試,被問(wèn)及了下面的代碼,面試官讓我畫(huà)出這5個(gè)div的位置,自以為對(duì)css胸有成...
摘要:定時(shí)器在和瀏覽器中的表現(xiàn)形式是相同的。關(guān)于定時(shí)器的一個(gè)重要的事情是,我們提供的延遲不代表在這個(gè)時(shí)間之后回調(diào)就會(huì)被執(zhí)行。它的真正含義是,一旦主線程完成所有操作包括微任務(wù)并且沒(méi)有其它具有更高優(yōu)先級(jí)的定時(shí)器,將在此時(shí)間之后執(zhí)行回調(diào)。 眾成翻譯 原文鏈接 關(guān)于作者 2018年6月21日出版? 本指南面向了解Javascript但尚未十分熟悉Node.js的前端開(kāi)發(fā)人員。我這里不專注于語(yǔ)言本身...
摘要:記錄一些項(xiàng)目中用到的正則工具,將持續(xù)更新如果對(duì)中的正則不太了解,可以參考一下中正則表達(dá)式必知必會(huì)字符串操作去除字符串兩邊的空格編碼對(duì)等字符轉(zhuǎn)義,避免攻擊找出重復(fù)最多的字符把字符串轉(zhuǎn)換為數(shù)組首先進(jìn)行排序,這樣結(jié)果會(huì)把相同的字符放在一起,然后再 記錄一些項(xiàng)目中用到的正則工具,將持續(xù)更新... 如果對(duì)JS中的正則不太了解,可以參考一下JS 中正則表達(dá)式必知必會(huì) 1. 字符串操作 1.1 去除...
摘要:最近遇到一個(gè)需求,需要將非常多內(nèi)容的文字表格文檔展示出來(lái),這個(gè)需求出現(xiàn)在端就用插件好了或者直接下載文件如果需求是在移動(dòng)端呢怎么辦轉(zhuǎn)成吧。。。下面是判斷是否是非瀏覽器方法載入字符串對(duì)象解析文本并返回一個(gè)對(duì)象。 showImg(https://segmentfault.com/img/remote/1460000019821354?w=5000&h=2952); 最近遇到一個(gè)需求,需要將非...