Time of Update: 2016-02-15
CSS3的calc()用法簡單介紹,css3calcCSS3的calc()用法簡單介紹:calc是calculate(計算的意思)縮寫。從calc()的外表來看,它類似於程式語言中的方法,具有計算功能。確實如此,它可以動態計算css中一些元素的相關屬性值,能夠運用簡單的"+"、"-"、"*"、"/"四則運算。基本規則如下:(1).可以使用百分比、px、em、rem等單位。(2).可以混合使用各種單位進行計算。下面看幾個程式碼片段:.box{ border:1px solid #ddd;
Time of Update: 2016-02-15
css 表格,cssborder-collapse 屬性設定表格的邊框是否被摺疊成一個單一的邊框或隔開: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 table { 6 border-collapse: collapse; 7 } 8 </style> 9 </head>10 <body>11 <table>12 <tr>13
Time of Update: 2016-02-15
web開發中比較常用的html標籤,web開發標籤作為一名web開發人員,總結了一下經常用到的html標籤,如下:<html><head><!--meta頭標籤 表示頁面三秒後跳轉到新浪頁面--><meta charset="utf-8" http-equiv="refresh"
Time of Update: 2016-02-15
css3實現的氣泡效果代碼執行個體,css3實現氣泡執行個體css3實現的氣泡效果代碼執行個體:本章節分享一段代碼執行個體,它實現了氣泡效果。由於css3的強大功能,很多美觀的效果可以不用使用圖片。代碼執行個體如下:<!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />
Time of Update: 2016-02-15
工作中遇到的瀏覽器差別(就不叫IE6bug了),差別ie6bug1、根據ie版本寫css <!--[if lt IE 8]> <style> .cntContainer{margin-top: -1px;} </style><![endif]--> 非ie:if !IE; 僅IE:if IE;
Time of Update: 2016-02-15
css3實現的圓角效果代碼執行個體,css3實現圓角執行個體css3實現的圓角效果代碼執行個體:本章節分享一段代碼執行個體,它使用css3實現了圓角效果。代碼執行個體如下:<!DOCTYPE html><html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />
Time of Update: 2016-02-15
JS通過Cookie判斷頁面是否為首次開啟,jscookie廢話不多說了,直接給大家貼代碼了,本文寫的不好還請各位大俠見諒。JScript code:function
Time of Update: 2016-02-15
熟悉HTML CSS布局模型,htmlcss布局模型 HTML最難的地方來了!這個我反覆了很多遍, 包括現在寫部落格, 也對我自己算是一種溫習, 我這塊怕是沒辦法寫的很好懂, 因為我自己還不能把我學到的準確通俗易懂的表達出來, 給自己記個筆記, 以後再來一點一點的改, 新手可以看看, 對於初學這塊的人應該還是有點協助的. CSS布局模型 以下全部是個人初學HTML的一點理解, 哪裡錯了歡迎指正, 我也會改, 因為全程自學, 只能摸著石頭過河,
Time of Update: 2016-02-07
關於JavaScript範圍你想知道的一切,JavaScript範圍Javacript 中有一系列範圍的概念。對於新的JS的開發人員無法理解這些概念,甚至一些經驗豐富的開發人員也未必能。這篇文章主要目的協助理解JavaScript中的一些概念如:scope,closure, this, namespace, function scope, global scope, lexical scope and public/private scope. 希望從這篇文章中能回答如下的問題: 什麼是範圍(
Time of Update: 2016-02-05
javascript實現瀑布流載入圖片原理,javascript瀑布講一下大概的原理吧,還是先: 功能描述: 根據不同菜單的屬性值分別載入不同的資料 下拉捲軸到一定位置預先載入圖片,捲軸拉到最底下的時候渲染html; 滑鼠移到菜單,切換各個圖片列表; 滑鼠移到圖片列表上,顯示詳細資料; 技術實現方案: 先梳理一下從載入到顯示的流程: 1. 載入資料 2. 拼接HTML寫入到頁面 3.
Time of Update: 2016-02-05
JavaScript+html5 canvas實現本地教程,html5canvas最近有時間瞭解了下html5的各API,發現新浪微博的頭像設定是使用canvas實現的,加之前段時間瞭解了下html5的File API使用File API 之FileReader實現檔案上傳《JavaScript File
Time of Update: 2016-02-05
javascript DIV跟隨滑鼠移動,javascriptdiv首先介紹的是一個div跟隨滑鼠移動的效果,具體代碼如下javascript div跟隨滑鼠移動<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascript">
Time of Update: 2016-02-04
JavaScript中eval函數的問題,javascripteval函數今天看代碼,遇到一個eval函數的問題,到現在翻了很多博文,還是不是很懂eval函數,有個一直沒法理解的代碼如下:/*var start = [] , end = [] , timings = [];*/function f(){ //類比程式執行時間 var sum = 0; for(var i =0 ;i < 100000; i++){ sum = sum/(i+1); }}function repeat(n,
Time of Update: 2016-02-02
JS實現動態產生表格並提交表格式資料向後端,js後端本文執行個體介紹了JS實現動態產生表格並向後端提交表格式資料的相關代碼,分享給大家供大家參考,具體內容如下先來看一下需求:在web頁面上動態產生表格,並可以對錶格中的資料進行編輯,然後把表格中的資料提交至後端伺服器儲存。那麼我們首先需要解決的是動態產生表格的問題1.首先我們需要匯入JS庫檔案。<script src="../js/jqui/jquery/jquery-1.5.2.min.js" type="text/javascript"
Time of Update: 2016-02-02
jQuery擷取checkbox選中的值,jquery擷取checkbox1、問題背景有幾個多選框,選擇其中的幾個,擷取選中的值2、設計結果如所示:3、設計源碼<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
Time of Update: 2016-02-02
理解javascript中的MVC模式,javascriptmvc模式MVC模式是軟體工程中一種軟體架構模式,一般把軟體模式分為三部分,模型(Model)+視圖(View)+控制器(Controller);模型:模型用於封裝與應用程式的商務邏輯相關的資料以及對資料處理的方法。模型有對資料直接存取的權利。模型不依賴 “視圖” 和 “控制器”, 也就是說
Time of Update: 2016-02-02
JS組件系列之Bootstrap Icon表徵圖選擇組件,bootstrapicon前言:最近好多朋友在群裡面聊到bootstrap icon表徵圖的問題,比如最常見的菜單管理,每個菜單肯定需要一個對應的菜單表徵圖,要是有一個可視化的表徵圖選擇組件就好了,最好是直接選擇表徵圖,就能得到對應的class樣式。於是乎各種百度,皇天不負有心人,最後被博主找到了,感覺效果還不錯,並且支援自訂的表徵圖,今天就拿出來分享下,絕對的乾貨哦!一、Bootstrap icon
Time of Update: 2016-02-02
AngularJS 使用 UI Router 實現表單嚮導,angularjsrouter我們看到這項技術已經應用在了許多的網頁上。比如購物車,註冊表單,入職流程以及許多多步表單,讓使用者更容易線上填寫表單。下面我們將構建它: 使用UI Router,它能內嵌狀態,為每個狀態顯示不同的view,我們能讓多步表單變得相當的容易。為了快速的理解UI
Time of Update: 2016-01-31
padding對img圖片並不會完全產生作用,padding對img圖片並不會完全產生作用:關於padding的基本用法可以參閱CSS的padding屬性一章節。但是它不是萬能的,對圖片就不會完全發生作用,看如下代碼執行個體: <!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.softwhy.com/"
Time of Update: 2016-01-31
css實現的div垂直置中效果代碼執行個體,cssdivcss實現的div垂直置中效果代碼執行個體:關於div垂直置中效果,在網上已經有很多介紹了。本章節再來通過代碼執行個體示範一下如何?此效果,希望能夠給需要的朋友帶來協助。代碼執行個體如下:<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author"