Time of Update: 2015-12-28
AngularJS 日期格式化詳解,AngularJS是為了克服HTML在構建應用上的不足而設計的。HTML是一門很好的為靜態文本展示設計的聲明式語言,但要構建WEB應用的話它就顯得乏力了。所以我做了一些工作(你也可以覺得是小花招)來讓瀏覽器做我想要的事。AngularJS的日期格式化有兩種形式,一種是在HTML頁面,一種是在JS代碼裡,都是用到AngularJS的過濾器$filter。 HTML: date_expression 即
Time of Update: 2015-12-28
圖片下面出現空白怎麼解決,圖片下面出現空白怎麼解決:在網頁布局中可能會遇到這樣的問題,那就是在圖片的下面會出現空白,這種現象一般只會在IE6瀏覽器中出現,不過在Firefox下也有可能會出現,這種現象在很多情況下都會嚴重影響網頁的美觀度,下面就介紹一下如何消除此種現象。解決方案一:將<img>轉換為區塊層級元素,例如: img {display:block;} 以上方式可以解決此問題。解決方案二:使用vertical-align屬性來實現此效果,例如:
Time of Update: 2015-12-28
相容所有瀏覽器的圓角矩形效果代碼執行個體,相容所有瀏覽器的圓角矩形效果代碼執行個體:CSS3中已經給出了非常方便定義圓角的屬性,可惜IE瀏覽器中相容性很差,這裡就不多介紹了,具體可以參閱CSS3實現圓角效果一章節。由於相容性問題所以要使用一些特別的方法來實現圓角效果,下面就是一段這樣的代碼執行個體。代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta
Time of Update: 2015-12-28
CSS2.1SPEC:視覺格式化模型之包含塊,原汁原味的才是最有味道的,在閱讀CSS標準時對這一點的體會更加深刻了,閱讀文檔後的一大感覺就是很多看上去理所應當的樣式表現也都有了對應的支援機制。本文首先從包含塊寫起,一方面總結標準中相應的闡述,並且結合具體的執行個體進行具體分析,特別是對於CSS2.1支援並不完善的IE6/7。由於經驗尚淺,文中肯定存在一些問題,希望大家可以多多包涵並且指出問題。 閱讀本文前,應當對於CSS盒模型以及視覺格式化模型中會產生的各種框(box,也可以成為盒子)
Time of Update: 2015-12-24
為什麼margin的auto屬性值失效了,marginauto屬性值為什麼margin的auto屬性失效了:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。通常情況下,可以使用margin:0px auto將對象設定為水平置中對齊。這是因為auto屬性值能夠使瀏覽器自動為對象判斷外邊距大小,但是在下面的情況下卻失效了。代碼如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta
Time of Update: 2015-12-24
控制非模態彈出框(showModelessDialog)唯一且隨父頁面關閉,ios模態彈出網站開發中,常常會遇到需要彈出表單的情況,一般彈出框有模態和非模態兩種,如下:模態:window.showModalDialog()非模態:window.showModelessDialog()另外還有window.open
Time of Update: 2015-12-23
CSS相對定位的參考對象是哪個,CSS定位參考對象CSS相對定位的參考對象是哪個:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。既然是定位,那麼肯定有一個參考對象作為參考,否則就無法使用top、left、bottom和right屬性。之前介紹過絕對位置的參考對象,下面再簡單介紹一下絕對位置對象的參考對象。先看一個沒有使用定位的代碼執行個體: <!DOCTYPE html><html><head><meta charset=" utf-8"
Time of Update: 2015-12-24
CSS瀏覽器安全色性----Hack,css相容性----hackCSS Hack大致有3種表現形式,CSS類內部Hack、選取器Hack以及HTML頭部引用(if IE)Hack,CSS Hack主要針對IE瀏覽器。類內部Hack:比如 IE6能識別底線"_"和星號" * ",IE7能識別星號" * ",但不能識別底線"_",而firefox兩個都不能認識。等等選取器Hack:比如 IE6能識別*html .class{},IE7能識別*+html
Time of Update: 2015-12-24
輕鬆學習JavaScript二十三:DOM編程學習之動作表格一使用HTML標籤建立表格:代碼:人員表姓名性別年齡張三男20李四女22合計:N運行結果:不管使用何種方式建立表格,需要注意的是:(1)caption標籤,thead標籤,tfoot標籤在一個表格中只能有一個(2)tbody標籤,tr標籤,th標籤,td標籤在一個表格中可以有N個二使用DOM建立表格window.onload=function() { var table=document.createElement("
Time of Update: 2015-12-24
如何用CSS控制字的間距,CSS控制字間距如何用CSS控制字的間距:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。有時候預設的字間距並不能夠滿足實際需要,可能需要進行人為的控制,下面就簡單介紹一下如何?此效果。使用letter-spacing屬性即可以設定字間距。代碼執行個體如下: <!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author"
Time of Update: 2015-12-24
你應該知道的CSS文字大小單位PX、EM、PT,csspx摘要: 這裡引用的是Jorux的“95%的中國網站需要重寫CSS”的文章, 題目有點嚇人,但是確實是現在國內網頁製作方面的一些缺陷。我一直也搞不清楚px與em之間的關係和特點,看過以後確實收穫很大。平時都是用px來定義字 體, ... 這裡引用的是Jorux的“95%的中國網站需要重寫CSS”的文章,
Time of Update: 2015-12-23
CSS如何讓兩列div並排顯示,CSS兩列div顯示CSS如何讓兩列div並排顯示:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。這可能是一個最基礎的知識了,但對於剛剛接觸div+css布局的朋友來說也可能是一個痛點。代碼執行個體:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/"
Time of Update: 2015-12-23
js實現動態操作table,js動態table 本章案例為通過js,動態操作table,實現在單頁面進行增刪改查的操作。 簡要案例如下:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><%@
Time of Update: 2015-12-23
使用餘弦定理製作磁碟形狀h5音樂播放器,餘弦h5目錄[1]功能實現 [2]效果展示 [3]原理說明 旋轉原理 餘弦定理 [4]代碼實現 HTML CSS JS [5]源碼查看功能實現 [1]歌曲播放進度轉換成視覺的旋轉角度 [2]點擊磁碟任意位置歌曲跳轉到相應進度 效果展示 原理說明【1】旋轉原理【2】餘弦定理代碼實現HTML<div class="outer"> <img src="img/huochai.jpg" alt="match"
Time of Update: 2015-12-23
如何使用CSS給圖片添加雙邊框效果,css圖片添加邊框如何使用CSS給圖片添加雙邊框效果:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。給圖片添加雙邊框也在實際使用中也有許多應用,可能並不頻繁,在這裡簡單介紹一下如何?此種效果,藉以對CSS一些屬性的應用加以熟練。先看一段代碼執行個體:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author"
Time of Update: 2015-12-23
ISO語言代碼,iso語言LanguageISO CodeAbkhazianabAfaraaAfrikaansafAlbaniansqAmharicamArabicarArmenianhyAssameseasAymaraayAzerbaijaniazBashkirbaBasqueeuBengali (Bangla)bnBhutanidzBiharibhBislamabiBretonbrBulgarianbgBurmesemyByelorussian
Time of Update: 2015-12-18
Js位置與大小(1)——正確理解和運用與尺寸大小相關的DOM屬性,jsdom在web開發中,不可避免遇到要計算元素大小以及位置的問題,解決這類問題的方法是利用DOM提供的一些API結合相容性處理來,所有內容大概分3篇左右的文章的來說明。本文作為第一篇,介紹DOM提供的與尺寸大小相關的DOM屬性,提供一些相容性處理的方法,並結合常見的情境說明如何正確運用這些屬性。1.
Time of Update: 2015-12-19
CSS margin用法詳解,cssmargin詳解CSS的margin用法詳解:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。margin屬性在網頁中使用非常的頻繁,所以這裡詳細介紹一下此屬性的用法。此屬性用來定義對象的外邊距的,也稱之為外補白,所謂的外邊距就是圍繞邊框外側的空白地區。可以單獨定義上下左右某一方位的外邊距。代碼執行個體如下:執行個體一:子div沒有外邊距的情況:<!DOCTYPE html><html><head><meta
Time of Update: 2015-12-18
【鬼臉原創】github搭建動態網站,鬼臉github搭建動態目錄簡介github註冊及基本使用git基本使用github網站配置網域名稱映射後台服務搭建前端頁面搭建總結 一、簡介 github提供了免費的倉庫,並且支援個人網站搭建,以及網域名稱映射; 而網上也有一些免費的後台服務。 今天我就利用 github + 後台服務 搭建一個免費的動態網站。
Time of Update: 2015-12-16
id的優先順序高還是style的優先順序高,id優先順序styleid的優先順序高還是style的優先順序高:建議:儘可能的手寫代碼,可以有效提高學習效率和深度。大家都知道id選取器具有較高的優先順序,直接寫在標籤內的style也具有非常高的優先順序,大家可能會比較一下兩者到底誰的優先順序高,下面通過執行個體來介紹一下誰的優先順序更高。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset="