JavaScript

css之瀏覽器初始化方案，css初始化方案HTML, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset, table, th, td {    border:none;    font-family:"微軟雅黑","黑體","宋體";    font-size:14px;&

css:條件注釋判斷瀏覽器，css注釋判斷瀏覽器 所有的IE可識別 Target ALL VERSIONS of IE<!--[if IE]><link rel="stylesheet" type="text/css" href="all-ie-only.css" /><![endif]-->除IE外都可識別 Target everything EXCEPT IE<!--[if !IE]><!--><

Javascript 學習 筆記五1、事件冒泡在一個對象上觸發某類事件（比如單擊onclick事件），如果此對象定義了此事件的處理常式，那麼此事件就會調用這個處理常式，如果沒有定義此事件處理常式或者事件返回true，那麼這個事件會向這個對象的父級對象傳播，從裡到外，直至它被處理（父級對象所有同類事件都將被啟用），或者它到達了對象層次的最頂層，即document對象（有些瀏覽器是window）。2、offset、scroll、client（來自網路，侵刪）3、JavaScript

遮罩的幾種寫法，遮罩幾種寫法遮罩一：  1 <!DOCTYPE > 2 <html > 3 <head> 4 <title>DIV CSS遮罩層</title> 5 <script language="javascript" type="text/javascript"> 6 function showdiv() { 7

基於bootstrap後台登入介面代碼，bootstrap登入介面分享一款基於bootstrap後台登入介面代碼。這是一款基於基於bootstrap和css3實現的自適應移動端優先的登入介面代碼。實現的如下：線上預覽    源碼下載實現的代碼。html代碼：<div class="signin"> <div class="signin-head"><img

CSS3之讓背景圖片全部顯示，css3背景圖片顯示起初是在處理一個圖片顯示的問題, 圖片沒有有一部分沒有顯示出來, 之後用到了background-size, 發現有必要總結一下。background-size    首先聲明       background-size是一個css3屬性。 翻譯過來很容易就知道它是用來規定背景尺寸的。    關於瀏覽器安全色性     

輕鬆學習JavaScript十一：JavaScript基本類型(包含類型轉換)和參考型別一值的類型早在介紹JS的資料類型的時候就提到過基本類型和參考型別，不過在說兩種類型之前，我們先來瞭解一下變數的值的類型。在ECMAScript中，變數可以存在兩種類型的值，即原始值和引用值。(1)原始值儲存在棧中的簡單資料區段，也就是說，它們的值直接儲存在變數訪問的位置。(2)引用值儲存在堆中的對象，也就是說，儲存在變數處的值是一個指標，指向儲存物件的記憶體處。為變數賦值時，ECMAScript的解釋程式必須

前端--關於CSS文本，--CSS文本文本是網頁中最重要的一種內容形式，文本幾乎可以寫在任何地方，區塊層級元素中可以寫行內元素中也可以寫。文本都是由一個個字元組成的，在css布局中，每一個字元都有一個em框，通常font-size設定的大小就是設定的em框的大小；這樣再由這些各個字元的em框串在一起組成的框就是這些文本的內容區。在沒有行間距的情況下即line-height為1時，上下兩行的內容區是緊緊相連的，此時font-size的大小就是基準之間的距離大小。如果設定了line-height，在

輕鬆學習JavaScript十二：JavaScript基於物件導向之建立對象(一)這一次我們深入的學習一下JavaScript物件導向技術，在學習之前，必要的說明一下一些物件導向的一些術語。這也是所有面對對象語言所擁有的共同點。有這樣幾個物件導向術語：對象ECMA-262把對象(object)定義為“屬性的無序集合，每個屬性存放一個原始值、對象或函數”。嚴格來說，這意味著對象是無特定順序的值的數組。儘管ECMAScript如此定義對象，但它更通用的定義是基於代碼的名詞(人

HTML入門基礎，html入門前言：學了一段時間的前端，一直沒有寫部落格的習慣，趁著最近學校組織的實訓，把知識重新梳理一遍。知識點大部分來自老師上課學習筆記。1、HTML是什嗎？HTML 是用來描述網頁的一種標記語言。1）HTML 指的是超文字標記語言 (HTML) (Hyper Text Markup Language)2）HTML 不是一種程式設計語言，而是一種標記語言 (markup language)3）標記語言是一套標記標籤 (markup tag)4）HTML使用標記標籤來描述網頁2

css initial，initialcss的initial屬性值簡單介紹:用來設定css屬性值為它的預設值，也就是瀏覽器預設設定的css屬性值。此關鍵字可用於任何HTML元素上的任何CSS屬性。文法結構:property: initial;瀏覽器安全色:（1）.IE瀏覽器不支援此屬性值。（2）.Google瀏覽器支援此屬性值。（3）.Firefox瀏覽器支援此屬性值。（4）.Opera瀏覽器支援此屬性值。（5）.safria瀏覽器支援此屬性值。代碼執行個體:<!DOCTYPE html&

CSS3透明屬性opacity，css3opacity例子：<div id="fixhovertree" style="position:fixed;left:100px;width:120px;top:100px;opacity:0.5;background-color:silver;color:red">何問起<a href="http://hovertree.com/hvtart/bjae/q3etb2qv.htm"

Chrome 開發人員工具的六個小技巧，chrome開發人員下面是特邀Umar Hansa做的一篇文章。Umar有一個新聞群組，我是他的粉絲，他很親切地應我們要求把這篇約稿寫成了新聞群組的形式。我將讓他介紹一下他自己。嘿，我是Umar。我喜歡在Twitter(@umaar)上分享web開發相關的小技巧，同時也喜歡通過Dev Tips以gif的形式分享開發的小技巧。Dev

SVG Loading，svgloading<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="64" height="64" fill="red"> <circle cx="16" cy="3" r="0"> <animate attributeName="r" values="0;3;0;0" dur="1s" repeatCount="indefinite" begin=

FLEX 網格布局及響應式處理，flex網格布局響應上一篇文章用Flex實現BorderLayout,這一章我們來實現常用的網格布局和響應式處理. 首先我們定義HTML結構,主Box為grid,每項為grid-cell,下面就是我們HTML代碼結構.<div class="grid"> <div class="grid-cell"> 1 </div> <div class="grid-cell">

jQuery自動觸發事件trigger使用有時候，需要通過類比使用者操作，來達到點擊的效果，例如使用者進入頁面後就觸發click事件，而無需主動點擊。比如以下代碼：點擊1 點擊2 點擊3 實現效果為’點擊1’頁面上將顯示x1 ,’點擊2’頁面上顯示x2 …但需要實現首次進入頁面為預設是’點擊1’ 在jQuery中，可以使用trigger()方法完成類比操作。例如可以使用下面的代碼來觸發A連結的click事件。$

CSS(一)，CSS(1、CSS(Cascading Style Sheet)疊層樣式表。　　用於控制網頁樣式並允許樣式資訊與網頁內容分離的一種標記性語言。2、CSS引入方式 1）行內樣式   　　直接在標籤後面加上 style，並設定CSS屬性及屬性值   <p>2）內嵌式   　　在<head></head>中間 加入   <style="type/css"> </style>3

Extjs中ajax請求當session失效時自動跳轉當session失效時，我們可以通過filter來攔截並重新導向到登陸頁面，可是請求如果是ajax請求，頁面並不會重新導向，這是因為ajax返回的是資料，無法返回頁面。ajax非同步請求不同於其他請求，其在要求標頭裡包含有X-Requested-With:XMLHttpRequest，看下面兩張圖的區別。我們可以在filter中通過它來判斷一個請求是不是非同步，如果是，我們可以返回一個sessionstatus，在頁面上通過判斷session

輕鬆學習JavaScript八：JavaScript函數函數是一組可以隨時隨地啟動並執行語句，函數作為ECMAScript的核心是很重要的。函數是由事件驅動的或者當它被調用時執行的可重複使用的代碼塊。也就是函數是定義一次但卻可以調用或執行任意多次的一段JavaScript代碼。函數有時會有參數，即函數被調用時指定了值的局部變數。函數常常使用這些參數來計算一個傳回值，這個值也成為函數調用運算式的值。一函式宣告函數對於任何語言來說都是一個核心的概念。通過函數可以封裝任意多條語句，而且可以在任何地方，

Bootstrap_Javascript_手風琴，bootstrap手風琴菜單　　觸發手風琴可以通過自訂的 data-toggle 屬性來觸發。其中data-toggle值設定為 collapse，data-target="#摺疊區標識符"。第一步，設計一個面板組合，裡面有三個摺疊區：<div class="panel-group" id="myAccordion"> <div class="panel panel-accordion