原创 居中顯示and自適應佈局

一、水平居中div 給div設置一個寬度,然後添加margin:0 auto屬性 div{ width:600px; margin:0 auto; } 設置塊級元素的 width 可以阻止它從左到右撐滿容器。然後你就

原创 Web安全XSS&CSRF

XSS xss(Cross Site Scripting)跨站腳本攻擊,發生在目標用戶的瀏覽器層面上,當用戶瀏覽器渲染整個HTML文檔的過程中出現了不被預期的腳本指令並執行時,XSS就會發生 本質含義: 指攻擊者通過“HTML

原创 淺談Json解析與序列化

從頭說起: 首先的首先,什麼是Json:一種數據表示形式,JSON:JavaScript Object Notation對象表示法 Json語法規則: 數據在鍵值對中 數據由逗號分隔 花括號保存對象 方括號保存數組 像這樣:

原创 css3屬性之border-radius

css3中有一個非常好用的新屬性:border-radius用來實現圓角 我們知道在網頁中有很多圖片樣式棱角分明,如果爲元素添加圓角屬性看起來效果會更舒服 border-radius是一個簡寫屬性,它是由四個屬性組成的: 用於設置四個bo

原创 Js字符串常用操作總結

String類型 String類型是字符串的對象包裝類型,可以使用String構造函數來創建 var stringObject = new String("hello world"); 1.字符方法 charAt():以單字符字符

原创 關於清除浮動

上篇博客列舉了浮動的幾個栗子,並且說明了浮動佈局帶來的問題,那麼如何解決呢,關於清除浮動, 解決思路有兩種: 1.利用clear屬性,清除浮動 2.使父元素容器形成BFC 先來看看如何利用clear屬性清除浮動: 語法: clear:bo

原创 瀏覽器兼容性

要搞清楚瀏覽器內核是什麼,首先應該先搞清楚瀏覽器的構成。簡單來說瀏覽器可以分爲 兩部分,shell+內核。其中shell的種類相對比較多,內核則比較少。Shell是指瀏覽器的外殼:例如菜單,工具欄等。主要是提供給用戶界面操 作,參數設臵

原创 數據庫的一些基本概念

轉載自:點擊打開鏈接 1、超鍵、候選鍵、主鍵、外鍵 超鍵:在關係中能唯一標識元組的屬性集稱爲關係模式的超鍵。一個屬性可以爲作爲一個超鍵,多個屬性組合在一起也可以作爲一個超鍵。超鍵包含候選鍵和主鍵。 候選鍵:是最小超鍵,即沒有冗餘元

原创 深入理解盒子模型

css盒子模型具備的屬性:內容(content)、填充(padding)、邊框(border)、邊界(margin) 每個盒子都有:邊界、邊框、填充、內容四個屬性; 每個屬性都包括四個部分:上、右、下、左;這四部分可同時設置,當然也可

原创 事件捕獲與事件冒泡

事件冒泡和事件捕獲最初的產生是由於下面這種情況: <span style="font-size:18px;"><body> <div id="outer"> <p id="inner">click me~</p> </div> <

原创 常見http狀態碼詳解

以前有整理過一篇http狀態碼的博客,發現自己還是太單純(哭),僅僅知道是遠遠不夠滴~今天就來探探一些常見狀態碼其中深層次的含義~ 首先,HTTP超文本傳輸協議(HyperText Transfer Protocol).是一種發佈和接收

原创 淺談offsetleft與left系列的區別

在複習javascript運動框架的過程中,又遇到了offset屬性,之前一直比較模糊的一個知識點,今天各方查閱資料總算有了一個比較清楚地認識,特來道一道其中真諦! 首先來一段代碼測試測試! <!DOCTYPE html> <html

原创 從實現倒計時談閉包

面試中在談論閉包的時候有讓實現一個倒計時功能,當時滿腦子都是那個setTimeout壓入棧不斷輸出循環尾數的例子,最後也是沒有用閉包實現倒計時 首先來看看那個在循環中不斷重複輸出的setTimeout代碼片: var countDown

原创 js如何獲取非行間樣式

我們都知道,js不能直接獲取樣式表中的樣式,例如width,left,只能直接獲取行內樣式,但是現在主流不建議寫行內樣式,因此我們封裝一個可以直接獲取非行間樣式的函數 <span style="font-size:18px;"> fun

原创 jquery添加中append和after的區別

首先假設我們有個id爲test的div和一個id爲test2的div: <span style="font-size:18px;"><div id="test"> 我是測試div </div> <div id="test2">