Time of Update: 2015-09-21
標籤:【功能說明】 利用removeChild製作簡單的倒序刪除效果 【HTML代碼說明】<ul class="list" id="list"> <li class="in">1</li> <li class="in">2</li> <li class="in">3</li> <li class="in">4</li> <li class="
Time of Update: 2015-09-21
標籤:Bootstrap 是基於 HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得 Web 開發更加快捷。它是由動態CSS語言less寫成。Bootstrap 包的內容基本結構:Bootstrap 提供了一個帶有網格系統、連結樣式、背景的基本結構。CSS:Bootstrap 內建以下特性:全域的 CSS 設定、定義基本的 HTML 元素樣式、可擴充的 class,以及一個先進的網格系統。組件:Bootstrap
Time of Update: 2015-09-21
標籤:【功能說明】 利用replaceChild製作簡單的吞噬效果 【HTML代碼說明】<ul class="list" id="list"> <li class="in">1</li> <li class="in">2</li> <li class="in">3</li> <li class="in">4</li> <li
Time of Update: 2015-09-21
標籤:.dayTitle a>img { display: none}a { text-decoration: none;}body { background: #eee; margin-left: 18%; width: 80%}.menu { font-size: 1.3em; font-color: red}#blog-calendar { border: 2px solid red}#header { border: 2px
Time of Update: 2015-09-21
標籤:1、parent是指取得一個包含著所有匹配元素的唯一父元素的元素集合。2、parents則是取得一個包含著所有匹配元素的祖先元素的元素集合(不包含根項目)。可以通過一個可選的運算式進行篩選。3、closest() 方法獲得匹配選取器的第一個祖先元素,從當前元素開始沿 DOM 樹向上。 可以看出parent取的很明確,就是當前元素的父元素;parents則是當前元素的祖先元素。下面列出例子說明:<div id=‘div1‘><div
Time of Update: 2015-09-21
標籤:jQuery數位截取:str.toFixed(num);//小數的截取toFixed()<script type="text/javascript"> var aa = 2.3362; document.write(aa.toFixed(1)); // 2.3 document.write(aa.toFixed(2)); // 2.34 document.write(aa.toPrecision(2)); //
Time of Update: 2015-09-21
標籤:一般在網頁上面,選中文字的時候,文字的樣式是會改變的,當然,樣式也都是千篇一律的瀏覽器的預設樣式,藍底白字,偶然看到有些網頁上面當文字選中的時候會有不一樣的樣式,當時就很是好奇,後來才慢慢發現是css的一個偽類::selection ::selection是一個CSS3選取器(這也告訴這我們CSS3必須要去熟悉,這玩意確實可以弄出很多意想不到的好效果。) 相容性:IE9+,Chrome,Opera,Safari,Firefox…(也可以去查看)caniuse.com#se
Time of Update: 2015-09-20
標籤:編寫一個JavaScript函數getSuffix,用於獲得輸入參數的尾碼名。如輸入abc.txt,返回txt。 1 str1 = "abc.txt"; 2 function getSuffix(str) 3 { 4 var index =str.indexOf("."); 5 if(index !=-1) 6 { 7 str = str.substring(index+1); 8 } 9 else{10 str = "not find";11
Time of Update: 2015-09-20
標籤:例如一段以下代碼的實現判斷ejs <% if (data.success) { %> <span><%= data.success %></span> <% } %> <% if (data.err) { %> <span><%= data.err %></span&
Time of Update: 2015-09-20
標籤:學習PHP不久,有很多小細節上的問題。在此處記錄下來。今天編寫一個簡單的使用者註冊,並在原頁面顯示資訊的小程式。在本地apach調試後能夠正常顯示,但是當我把源碼放在另一個伺服器上後,再通過網域名稱進行訪問的時候無法正常顯示頁面。並出現了如下錯誤:Parse error: syntax error, unexpected $end in D:\apache\htdocs\task-1\task-1.php on line 178所指內容僅僅是:</html><
Time of Update: 2015-09-20
標籤:JQuery的extend擴充方法: Jquery的擴充方法extend是我們在寫外掛程式的過程中常用的方法,該方法有一些重載原型,在此,我們一起去瞭解瞭解。 一、Jquery的擴充方法原型是: Code highlighting produced by Actipro CodeHighlighter
Time of Update: 2015-09-20
標籤:在做pc網頁的時候,有時候會考慮按照插入的圖片的尺寸來判斷圖片是橫圖還是豎圖。然後判斷過後給予不同的展示方式!另外一種就是在手機頁面上,在新聞頁插入的圖片往往都是按照圖片的原尺寸來展示,如果手機螢幕太小,太大的圖就會超出去!這時候有兩種解決辦法1、給所有的圖片加上這樣的樣式.news img{margin:5px auto; display:block;width:100%;
Time of Update: 2015-09-21
標籤: css擴充技術 在以前的CSS的技術上擴充:迴圈... less: 1:具備其他編譯的定義變數;@color:blue;@div-color:blue 定義變數的時候 在CSS中沒有引號的在定義時也不需要加; 2:有範圍的問題,可以嵌套;在同一個範圍範圍內,產生變數與順序無關, 先變數聲明; 3:變數按需載入或者叫消極式載入;
Time of Update: 2015-09-21
標籤:page:當前頁面,也就是只要挑到別的頁面就失效了,可以近似理解為java的this對象request:一次會話,簡單的理解就是一次請求範圍內有效,例如如果通過forward方式跳轉,則forward目標頁面仍然可以拿到request中的屬性值,再例如如果通過redirect方式進行頁面跳轉,由於redirect相當於重新發出的請求,request中的值會消失session:瀏覽器進程,只要當前頁面沒有被關閉(沒有被瀏覽器強制清除),不管怎麼跳轉都是有效(也可以說是存在一個會話周期中)ap
Time of Update: 2015-09-21
標籤:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html;
Time of Update: 2015-09-21
標籤:下周的項目應該又要做前台的東西,把JQuery的選取器查詢並總結一下,一來加深印象,二來可以作為以後查詢.1.常用的選取器:$("#idchoose") 選擇一個id為idchoose的元素.$(".class") 選擇一個class樣式為class的元素.$("input[name=‘person‘]")
Time of Update: 2015-09-21
標籤:js產生隨機數主要用到了內建的Math對象的random()方法。用法如:Math.random()。它返回的是一個 0 ~ 1 之間的隨機數。有了這麼一個方法,那產生任意隨機數就好理解了。比如實際中我們可能會有如下的需要:(1)產生一個 0 - 100 之間的隨機整數,那麼則可以:parseInt(100*Math.random()); 注意:因為Math.random()的傳回值是包括0和1的,所以這裡是有產生0和100的可能性的。(2)產生一個從 m - n
Time of Update: 2015-09-21
標籤:基於安全考慮,Angularjs不允許用ng-bind後者{{}}的方法輸出html文本。在實際的應用中,比如資訊管理系統,用線上編輯器編輯出來的文章都帶有html標記,這種情況下可以用ng-bind-html將其輸出到前台頁面。1、在前台頁面中包含sanitize.js<script type="text/javascript" src="webjars/angular-sanitize/1.3.11/angular-sanitize.min.js"></script&
Time of Update: 2015-09-21
標籤:CSS的擴充技術 (在原來的CSS語言的基礎上擴充了js,可以在裡面寫js ) 一、less定義: @color:red; //定義顏色 @body-color:blue; @div-color:yellow; 引用: body{ height:500px; border:1px solid @body-color; //調用了上面的顏色 }嵌套:div{ height:500px; border:1px solid
Time of Update: 2015-09-21
標籤:學習web前端開發基礎技術需要掌握:HTML、CSS、JavaScript1. HTML是網頁內容的載體。內容就是網頁製作者放在頁面上想要讓使用者瀏覽的資訊,可以包含文字、圖片、視頻等。2. CSS樣式是表現。就像網頁的外衣。比如,標題字型、顏色變化,或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。3. JavaScript是用來實現網頁上的特效效果。如:滑鼠滑過彈出下拉式功能表。或滑鼠滑過表格的背景顏色改變。還有焦點新聞(新聞圖片)的