Time of Update: 2015-12-10
一篇給小白看的 JavaScript 引擎指南有時編寫 Web 應用的代碼會感覺充滿魔力,因為我們只是寫了一系列字元,就能在瀏覽器裡看到效果了。但是理解魔法背後的技術,可以協助你更好地提高編程技巧。至少當你試 圖解釋在 JavaScript 驅動的 web 或行動裝置
Time of Update: 2015-12-09
讓ie6對png透明圖片支援起來,ie6png圖片一個老生常談的問題就是ie6不支援透明png圖片啊。但其實ie6隻是不支援png-24格式的透明背景圖片,但對透明背景的png-8圖片還是支援的,只是png-8圖片只有256色,放到任意瀏覽器都會呈現白色的鋸齒。當代碼這樣時:<style type="text/css"> .gif{ width: 400px; height:200px; background:#f00 url(png8
Time of Update: 2015-12-09
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;&
Time of Update: 2015-12-09
CSS布局參考 IE的If條件注釋使用備忘,css備忘內容提要:在CSS布局中,還常常用到IE Hack。if IE起著非常大的作用! 關鍵字:Div CSS IE Hack if IE什麼意思呢?下面就列舉了一些在CSS常見的HACK控制語句。 作為IE的IF條件注釋使用備忘,大家可以參考,有經驗歡迎與網友分享。 <!--[if !IE]><!--> 除IE外都可識別 <!--<![endif]--> <!--[if IE]>
Time of Update: 2015-12-09
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]><!--><
Time of Update: 2015-12-09
Javascript 學習 筆記五1、事件冒泡在一個對象上觸發某類事件(比如單擊onclick事件),如果此對象定義了此事件的處理常式,那麼此事件就會調用這個處理常式,如果沒有定義此事件處理常式或者事件返回true,那麼這個事件會向這個對象的父級對象傳播,從裡到外,直至它被處理(父級對象所有同類事件都將被啟用),或者它到達了對象層次的最頂層,即document對象(有些瀏覽器是window)。2、offset、scroll、client(來自網路,侵刪)3、JavaScript
Time of Update: 2015-12-09
cookie那些事,那年那兔那些事兒本文面向對cookie有基本瞭解的讀者,小白出門左轉 設定cookie (HTTP 回應標頭)Set-Cookie: {name}={value};path={path};domain={domain};expires={expires},secure;HttpOnly;(多個cookie就發送多個Set-Cookie頭) 發送cookie (HTTP 要求頭)Cookie: {name}={value};{name2}={value2}
Time of Update: 2015-12-09
遮罩的幾種寫法,遮罩幾種寫法遮罩一: 1 <!DOCTYPE > 2 <html > 3 <head> 4 <title>DIV CSS遮罩層</title> 5 <script language="javascript" type="text/javascript"> 6 function showdiv() { 7
Time of Update: 2015-12-09
HTML5之廢棄和更新的元素與屬性,html5廢棄元素廢棄的元素和屬性【1】標籤替換<acronym> 替代:<abbr><applet> 替代:<embed> 或 <object><big> 替代:<h1>或<strong>或<mark><dir>
Time of Update: 2015-12-09
一個比較靠譜的原生js導航懸浮我不太會寫js,但是今天看了我上一篇文章的代碼裡以後也寫了一個原生js,沒想到z哎我這裡顯得比那個好用,你們知道那種感覺麼,感覺自己一下子就有如神助一樣。感謝覃爍弟弟,我這人生低穀給我寫了一封信。還推薦給我一個群,這個群裡果然都不是水啊,天天都在討論技術,就算我不懂,但這裡氛圍也是極好的!哈哈哈哈不說廢話了,好好學習貼代碼我的js水平連幼兒園小朋友都可以看得懂大家就當入門吧js:window.onload=function(){ var
Time of Update: 2015-12-08
基於bootstrap後台登入介面代碼,bootstrap登入介面分享一款基於bootstrap後台登入介面代碼。這是一款基於基於bootstrap和css3實現的自適應移動端優先的登入介面代碼。實現的如下:線上預覽 源碼下載實現的代碼。html代碼:<div class="signin"> <div class="signin-head"><img
Time of Update: 2015-12-09
報告一個IE很奇葩的捲軸問題——百分比計算寬度為浮點數時的捲軸顯示異常,奇葩捲軸起因: 做項目的時候做了一個表格內容超過DIV容器自動橫向滾動處理。別的瀏覽器都正常;但是在IE下面明明表格table和容器DIV寬度一致但是卻出現了捲軸。 然後本人做實驗找了半天原因終於是找到了,是IE瀏覽器使用百分比計算寬度值不是整數值引起的。 執行個體1:使用百分比計算結果是整數的情況下顯示正常。<!DOCTYPE html> <html> <head>
Time of Update: 2015-12-09
CSS中具有繼承性的屬性:,css繼承性屬性CSS中具有繼承性的屬性: color:#eeefont:font-stylefont-variant:font-weight:boldfont-sizefont-family:font-stretch:font-size-adjust:visibility:visible|hidden|collapse
Time of Update: 2015-12-05
javascript簡單的右鍵菜單定製今天聽了老師的課程,定製了一個右鍵菜單,寫了個小例子供新手學習. 右鍵菜單<!DOCTYPE html><html lang="en"><head><meta
Time of Update: 2015-12-09
輕鬆學習JavaScript十一:JavaScript基本類型(包含類型轉換)和參考型別一值的類型早在介紹JS的資料類型的時候就提到過基本類型和參考型別,不過在說兩種類型之前,我們先來瞭解一下變數的值的類型。在ECMAScript中,變數可以存在兩種類型的值,即原始值和引用值。(1)原始值儲存在棧中的簡單資料區段,也就是說,它們的值直接儲存在變數訪問的位置。(2)引用值儲存在堆中的對象,也就是說,儲存在變數處的值是一個指標,指向儲存物件的記憶體處。為變數賦值時,ECMAScript的解釋程式必須
Time of Update: 2015-12-09
網易前端微專業,JavaScript程式設計:JS調試本節主要通過一個加法器,介紹JS如何調試。先上代碼:test.html: 計算機 + =計算<script src="./demo.js"></script>demo.js /** * Created by yanzi on 15/12/8. */var num1 = document.getElementById("num1"), num2 =
Time of Update: 2015-12-09
輕鬆學習JavaScript十二:JavaScript基於物件導向之建立對象(一)這一次我們深入的學習一下JavaScript物件導向技術,在學習之前,必要的說明一下一些物件導向的一些術語。這也是所有面對對象語言所擁有的共同點。有這樣幾個物件導向術語:對象ECMA-262把對象(object)定義為“屬性的無序集合,每個屬性存放一個原始值、對象或函數”。嚴格來說,這意味著對象是無特定順序的值的數組。儘管ECMAScript如此定義對象,但它更通用的定義是基於代碼的名詞(人
Time of Update: 2015-12-05
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"
Time of Update: 2015-12-05
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=
Time of Update: 2015-12-05
深入理解虛擬元素,深入理解偽目錄[1]定義[2]用法 first-letter first-line before after selection [3]重點[4]DEMO 首字下沉 釘子效果 圖片疊加效果定義 虛擬元素顧名思義偽裝成元素,但不是元素,這與產生內容相關。產生內容主要指由瀏覽器建立的內容,而不是由標誌或內容來表示。產生內容主要由:before和:after虛擬元素來實現,當然虛擬元素還包括:first-line,:first-letter和::selection