原创 js獲取cookie

利用cookie記憶當前位置的防刷新導航條,主要向大家展示如何在Js中使用Cookies技術,用好了Cookies,會使你的Js技術更上一層樓。這個菜單就感覺不錯,當你鼠標點擊之後,重新刷新頁面後它仍然是保留在原位置,好像帶有記憶功能。

原创 普通的程序員與優秀的程序員的一些差別:

1, 普通的程序員遇到問題喜歡張口就問別人,問之前沒經過大腦想想。這是一個不好的習慣。其一,自己都沒仔細想想,就算別人幫你把問題解決了,你自己不多久就會忘記。下次遇到,照樣是不會。因爲這個問題你沒有經過大腦。其二,能夠回答你問題的人,多半

原创 -moz-user-select與onselectstart 禁止選擇文字

今天無意中注意到QQ、Hi的密碼輸入框不能用鼠標選擇後一次性刪除,只能一個一個的刪除,然後,就想js中怎麼實現這種效果。        上網一找,還不少,但是我測試了很多, 發現並不完美,還是瀏覽器在作怪,一種方式似乎只能滿足一種瀏覽器 

原创 javascript window.location的用法

設置或獲取對象指定的文件名或路徑。<script>alert(window.location.pathname)</script>設置或獲取整個 URL 爲字符串。<script> alert(window.location.href)

原创 前端基礎知識點

[HTML && CSS] 1.Doctype? 嚴格模式與混雜模式-如何觸發這兩種模式,區分它們有何意義? 首先我講講如何觸發兩種模式: 加入xml頭部聲明可以觸發IE瀏覽器的Quirks mode,觸發之後,瀏覽器解析

原创 早晨從中午開始

起初一看這個題目覺得心裏產生了共鳴,是啊,只有一覺睡到中午十一二點的人才會說出這樣的話,然而究其爲何會一覺到中午的原因會發現因爲晚上是捕捉靈感的好時光,作家如此,程序員或者Hacker亦是如此。     

原创 ThinkSNS/ThinkSNS後臺應用管理

ThinkSNS| ThinkSNS安裝指南| ThinkSNS使用| ThinkSNS二次開發指南| ThinkSNS模板開發教程   目錄  [隱藏]  1 應用列表2 應用安裝3 參考來源4 ThinkSNS使用手冊導航 應用列

原创 父元素與子元素之間的margin問題(css hack)

hack:    父元素的盒子包含一個子元素盒子,給子元素盒子一個垂直外邊距margin-top,父元素盒子也會往下走margin-top的值,而子元素和父元素的邊距則沒有發生變化。 html代碼: <div class="box1">

原创 聖盃佈局

聖盃佈局我聽就聽了很久很久啦,而且每次看到聖盃佈局總會離不開一篇文章,那就是a list apart裏面的In Search of the Holy Grail。隨着現在H5,CSS3的發展,IE6,IE

原创 easyDialog 簡單、實用的彈出層組件

easyDialog沒有模板機制,只負責邏輯層的彈出效果,至於內容(消息框、表單、圖片等)該如何呈現,easyDialog都不管,內容屬於業務層的東西,業務需求是千變萬化的,如果邏輯和業務結合很緊密,那麼可移植性和可擴展性將大大降低。當然

原创 CSS border實現三角形

一、原理 CSS盒模型 一個盒子包括:margin+border+padding+content。上下左右邊框交界處出呈現平滑的斜線。利用這個特點,通過設置不同的上下左右邊框寬度或者顏色可以得到小三角,小梯形等。 調整寬度大小可以調節三

原创 height、clientHeight、scrollHeight、offsetHeight區別

我們來實現test中的onclick事件 function justAtest() { var test= document.getElementById("test"); var test2=

原创 前端工程師必須掌握的知識點

作爲一名前端工程師,無論工作年頭長短都應該必須掌握的知識點有: 1、DOM結構 —— 兩個節點之間可能存在哪些關係以及如何在節點之間任意移動。 2、DOM操作 ——如何添加、移除、移動、複製、創建和查找節點等。 3、事件 —— 如何使用

原创 前端優秀書籍

http://www.w3cplus.com/book

原创 line-height:150%, line-height:1.5的區別

主要區別還是1.5內部繼承的是未經過計算的,line-height:150%是經過計算的。 因爲line-height:繼承屬性和其他css不一樣的地方是根據font-size:px數值進行計算的  我們