原创 初次接觸Promise異步編程

首先看下面這段動畫的原始的callback寫法: var ball1 = document.querySelector('.ball1'); var ball2 = document.querySelector('.bal

原创 [複習]清除浮動的幾種方法總結

爲什麼需要清除浮動 前面有一篇博客中有提到關於”浮動塌陷”的描述http://blog.csdn.net/github_38861674/article/details/77427309 由於包含元素裏面的元素都設置爲浮動,導致

原创 javascript實現堆棧和簡單的應用

堆棧數據結構的實現: 在編程方式上面採用了面向對象編程裏面的組合使用構造函數模式和原型模式; 實現原理:這裏就不闡述堆棧的基本概念了,學c語言數據結構的時候都學過吧,這裏主要紀錄一下用js實現的原理;c語言用結構體去實現,在js

原创 css佈局的小知識點積累(持續更)

1、 行內元素的注意點 只能設置margin-left,margin-right,padding-left,padding-right; 不能設置他們的top,bottom值 2、 多餘的文字顯示省略號 在web開發過程

原创 javascript實現鏈表結構

鏈表結構的原理圖: 鏈表是由一組節點組成的集合,每個節點都是使用一個對象的引用指向他的後繼節點;最後一個節點指向空對象null;爲了更好的標示鏈表的起點,在第一個節點之前添加了一個頭節點; 插入節點的原理圖 鏈表中插入一

原创 學習node.js(一)

感官認識node.js的url模塊 直接在命令行體驗url模塊解析url地址的魅力: 命令行輸入node進入node編輯模式: 輸入url查看可用api的提示: url.parse()方法的小例子:輸入一個合法的url地

原创 padding的使用技巧(持續更)

創作一個和寬度相等的正方形盒子 html代碼: <div class="box-wrapper"> <div class="box"> </div> </div> css代碼: .box-wr

原创 複習DOM相關操作

一、DOM節點創建 DOM節點(Node)最主要的三類爲: Element,元素節點 Attribute,屬性節點 Text,文本節點 DOM節點創建最常用方法: document.createElement() docum

原创 記錄使用javascript中的一些坑

一、element.child和element.childNodes的區別 childNodes:返回一個即時的NodeList,表示元素的子節點列表,子節點可能會包含文本節點,註釋節點等。 children:一個即時的HTML

原创 學習node.js(二)—— Buffer

在node中,在處理網絡協議、操作數據庫、處理圖片、接收上傳文件、在處理網絡流和文件的操作中,還需要處理大量二進制數據,js原有的字符串不足以滿足這些需求,於是Buffer應運而生; Buffer對象 Buffer對象類似於數

原创 js正則表達式

正則表達式的基礎知識: 字面量的形式 ECMAscript通過RegExp引用類型來支持正則表達式,使用下面語法就可以創建一個正則表達式: var expression = /pattern / flags; 模式(patt

原创 常用的表單驗證

在js中字符串使用unicode來表示的,並且js使用的是UTF-16(UTF-16是Unicode字符編碼五層次模型的第三層)。 這樣來說大部分字符都是16bit編碼。 但是也有較少的部分是32bit,這是由於完整

原创 javascript實現字典數據結構

字典是一種以鍵值對存儲數據的一種結構 其實我們可以使用數組和對象去實現字典結構,但是,我們自己定義一個Dictionary類,讓這種字典類型使用起來更加簡單,使用()來引用鍵更加方便; 定義Dictionary類 functi

原创 用鼠標事件實現拖拽

首先複習一下鼠標事件: click: 在用戶單擊主鼠標按鈕,或者按下回車鍵時觸發。 mousedown:用戶按下任意鼠標按鈕時觸發,不能通過鍵盤觸發; mouseenter:在鼠標光標從元素外部首次移動到元素範圍之內時觸發。

原创 前端面試題(HTML部分)

HTML部分 1、Doctype作用?有多少種Doctype文檔類型?嚴格模式與混雜模式如何區分? 答:標籤用來定義瀏覽器用哪種模式進行排版和js運行,它只能聲明在HTMl標籤的上面;如果不加這個標籤會導致文檔會以混雜模式來渲染;