原创 關於聖盃佈局和雙飛翼佈局的思路和細節

今天晚上從網上資源學習了聖盃佈局和雙飛翼佈局。因爲之前一段時間對CSS的佈局有過比較系統的學習,所以對這兩個佈局模式理解起來還是較爲簡單。 學習和使用行業精英總結出來並在行內廣泛使用的方法(或者說框架)是簡單的事情,但是學的過程還是要從其

原创 HTML attribute特性和DOM property屬性的區別

2019-9-4更新: Angular官方文檔中的解釋 詳解 HTML attribute 和 DOM property,作者:justjavac 特性attributes的範圍更大,包括標籤的標準屬性和自定義加入的非標準的屬性

原创 開始記錄我Web前端自學之路了,希望與大家分享交流

從5月份開始自學,基本上把所有的業餘時間用在學習上。  期間也遇到一些坎坷,但總的說來,能夠一直堅持下來,說明對編程還是有足夠的興趣,我將繼續瘋狂學習下去。 在這裏分享我的學習心得,希望與大家互相交流,學到更多東西。 從今天開始我將陸續

原创 Linux npm全局安裝包無法執行的環境變量配置解決方案

也是服了網上的東抄西拼。 這裏給出終極的解決方案: 1. 進入用戶環境配置文件 vim ~/.bashrc 2. 修改PATH # 文件最後添加 export NODE_PATH=`npm get prefix` export

原创 關於嵌套absolute佈局的padding-bottom問題

流動佈局時 父元素含有50px的padding,因爲子元素溢出,所以padding-bottom沒有表現出來。 但實際上,子元素爲了保證處於父盒子的content之中,已經把父盒子撐開了。只是因爲這裏強制對父盒子設置了高度,所以子元

原创 關於JavaScript函數的參數按值傳遞而不是按引用傳遞的分析

        這是個人自制的分析圖,針對《JavaScript高級程序設計》第4.1.3節的例子,講得非常精闢,但講得還不是特別細,本人細細讀了好多遍,按個人的理解做成以下圖譜。         作爲新手理解定有片面膚淺之處,望閱者多多

原创 input && nextTick

input之後,nextTick

原创 nvm-windows安裝踩坑

nvm的目錄不能帶有空格,例如Program Files (在切換node版本過程中,空格之後(Files/nodejs)出現一堆亂碼,判斷是這裏出現了問題,方解決) 如果你是第一次下載,在use之前,C:\dev目錄下是

原创 【移動端事件】swiper左右滑動時禁止頁面上下滾動

某些swiper類插件,左右滑動時會導致頁面上下滾動,如果在touchmove事件中直接使用event.preventDefault(),就會徹底阻止觸摸滑動,給用戶的感受就是劃不動。 以下是增加的fix code //

原创 前端模塊化總結

前端模塊化演進 函數封裝 =》對象 =》立即執行函數 =》 CommonJS AMD CMD =》ES6 module & webpack 函數封裝 缺點: 污染了全局變量 變量名重名 模塊成員之間沒什麼關係 對象 缺點:

原创 移動端事件疑難雜症總結

移動端事件梳理 click事件 300ms延遲 禁用縮放 <meta name="viewport" content="user-scalable=no"/> html { -ms-touch-action: manip

原创 DOM獲取尺寸、位置數據字典

關於DOM尺寸、位置相關的api,非常混亂且容易混淆,於是特別整理出一個數據字典。 注意 width()和offsetWidth、clientWidth在插入DOM樹之前爲0 涉及CSS的定位,以子元素margi

原创 阻止事件冒泡和圍繞.on()方法 [.selector]事件委託中冒泡情況的探討

版權聲明:歡迎轉載,請在文首註明原文鏈接。 https://blog.csdn.net/Alcantara/article/details/78159834 一、事件冒泡和阻止事件冒泡 事件冒泡是JavaS

原创 [JavaScript]元素尺寸定位總結[含兼容性、文檔模式測試]

版權聲明:歡迎轉載,請在文首註明原文鏈接。 https://blog.csdn.net/Alcantara/article/details/79945993 1. 基本概念 相對於定位了的父容器 注意不含滾

原创 JS原生數組迭代方法的應用

版權聲明:歡迎轉載,請在文首註明原文鏈接。 https://blog.csdn.net/Alcantara/article/details/79091499      原生JS的數組迭代方法應用非常廣,相比於f