原创 細說CSS中的display屬性

相信大部分奮戰在前端的,尤其在前端攻城的過程中,有一種越陷越深的感覺,不錯,一如前端深似海,從此妹子是浮雲啊,前端上手容易,深入難啊!下面我就CSS中的display屬性講下我自己所積累的,與大家共享下,大神勿噴,我只是路過的。 css中

原创 獲取時間函數

在Web前端開發中,與Date對象打交道算是很平凡的了,可以說是家常便飯了,所以日期對象是很常用的。這裏,菜鳥寫了個函數,把後臺傳過來的時間戳按規定的格式顯示出來。其實很簡單的,我們可以通過(Date(new Date())).t

原创 js回到頂部

今晚,我自己寫了一個很簡單的回到的頂部的js,同時也希望自己能在原生JS上面有發展,與大家共勉! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

原创 Web前端開發規範

Web前端開發規範 一、前端開發規範目的 爲提高團隊協作效率, 便於後臺人員添加功能及前端後期優化維護, 輸出高質量的文檔, 特制訂此文檔. 本規範文檔一經確認, 前端開發人員必須按本文檔規範進行前臺頁面開發. 本文檔如有不對或者不合適

原创 前端雜碎(一)

1、關於css渲染 在沒有指定z-index的時候,定位元素要晚於非定位元素渲染,這樣使得定位元素擁有更高的顯示層級。 例子:當鼠標懸乎事件時注意變化 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

原创 javascript基礎複習

1、如何判斷一個變量是否爲數組 有兩種方法: (1)if(value instanceof Array) (2) if(Array.isArray(value)) 注意:第二種方法是E

原创 jQuery.load()的使用

在寫jQuery.load()方法之前,先講一些題外話吧! 廣州的四月天,有如家裏的五月份天氣了!難得的是今夜下來一場小雨,讓空氣中帶有一絲涼意。細細想來,工作也快一年了,感覺自己成長了不少,這個成長是建立在一年前。看了許多blo

原创 Require.js初探(一)

AMD 簡介 前端開發在近一兩年發展的非常快,JavaScript 作爲主流的開發語言得到了前所未有的熱捧。大量的前端框架出現了,這些框架都在嘗試着解決一些前端開發中的共性問題,但是實現又不盡相同。在這個背景下,

原创 JS拖拽元素實現

再附上JS,然後我再講下原理: function getByClassName(className,parent) { var oParent = parent ? document.getElementById(parent) :

原创 javascript的事件機制

首先,讓我們來看一幅圖,這樣便讓我們更加理解JS的事件機制,如圖: 首先,讓我們來舉個例子,在兩個同心圓中,當我們來點圓心的時候,其實我們點的是兩個圓的圓心,那我們如何來區分我們點擊是哪個圓的圓心呢?那麼聯繫我們Web裏面,在界面上

原创 DOM學習

//Node 類型 Node type Node.ELEMENT_NODE(1); //元素節點 Node.ATTRIBUTE_NODE(2); //屬性節點 Node.TEXT_NODE(3); //文本節點 Node.CDA

原创 Javascript正則表達式學習

其實,正則還是要靠自己多寫,這樣才能記住那些複雜的規則,推薦MDN的基礎篇及正美的博客,希望對你有幫助: MDN正則表達式基礎 正美:正則表達式教程 正則表達式 元字符匹配 \b 比如: 匹配hello var reg

原创 淺談響應式佈局

響應式佈局應該包括以下幾點: 1、CSS3.0媒介查詢; 我們所做的html文件都是在瀏覽器的解析下顯示的,在PC端,在手機瀏覽器中都是可以的,唯一所不同的就是瀏覽器的視界窗口不同而已。在css3中使用媒體查詢,可以在不改變頁面內容的情況

原创 Backone初探——學生信息管理

Backone初探——學生信息管理 -下面是我做的給一個簡單的學生信息管理,可以增加學生,刪除學生,總體感覺用Backbone思路是最重要的,也就是MVC思想。具體的backboneAPI 可以查看這裏:backbone中文API

原创 javascript拾荒

document.defaultView: 一般情況下,在google瀏覽器開發者工具的console面板下運行document.defaultView === window,這個是會返回true的。首先,我們得知道default