Time of Update: 2016-09-02
標籤:開始研究響應式web設計,CSS3 Media Queries是入門。Media Queries,其作用就是允許添加運算式用以確定媒體的環境情況,以此來應用不同的樣式表。換句話說,其允許我們在不改變內容的情況下,改變頁面的布局以精確適應不同的裝置。那麼,Media Queries是如何工作的?兩種方式,一種是直接在link中判斷裝置的尺寸,然後引用不同的css檔案:<link rel="stylesheet" type="text/css" href="styleA.css"
Time of Update: 2016-09-02
標籤:【1】開啟webstorm→Ctrl + Alt + S→在搜尋方塊輸入:live edit,並且進行如下設定,設定完成點擊右下角“OK”按鈕:【2】在Google瀏覽器中安裝 JetBrains IDE Suport 擴充程式,具體為:http://jingyan.baidu.com/article/bad08e1eef45fa09c85121c2.html 【3】在WebStorm中,點擊“選中”
Time of Update: 2016-09-02
標籤:哈哈哈,又來了,今天閑來無事,實驗了下原生js監聽input value值改變事件,下面就來說道說道:本來寫監聽input值便獲是用jquery的,之前的隨筆寫了,就是這個方法,地址:http://www.cnblogs.com/wteng/p/5434403.html$(‘input‘).bind(‘input propertychange‘, function() { //to
Time of Update: 2016-09-02
標籤:<html> <head> <title>JS文法</title> <!-- 設定編碼 --> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <script type="text/javascript" >
Time of Update: 2016-09-02
標籤:本文轉自http://tid.tenpay.com/?p=3592 HTML5表單驗證給前端人員帶來了便利,但是在使用者體驗上存在一些缺陷,預設的提示對使用者很不友好,無法準確的擷取想要的資訊。好在大牛們在介面設計的時候提供了setCustomValidilty方法可以自訂提示資訊。這是一個好訊息,但也存在一些弊端,需要讓開人員做額外的一些處理才達到真正想要的目的。接下來通過以下樣本來闡述方法的應用。未調用setCustomValidity()方法 1 <!DOCTYPE
Time of Update: 2016-09-02
標籤://通過class屬性值匹配元素<!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> <title>.class選取器</title>
Time of Update: 2016-09-02
標籤:結合方式一:<html> <head> <title>JS結合方式01</title> <!-- 設定編碼 --> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <!-- 結合方式1:在頁面中書寫script標籤,在標籤中書寫js代碼 -->
Time of Update: 2016-09-02
標籤:雖然我幾乎不用 float 布局,但是還是要瞭解的,工作了很有可能就會用到,所以,今天又看了一遍 “張鑫旭” 寫得關於 float 布局的文章,記錄一下清除浮動的幾種方法,以後隨時在此補充。注意:浮動的時候,下一個兄弟節點會無視浮動節點的位置,將它視為沒有,但是兄弟節點的子節點可以看到浮動的節點位置,並以此為邊界布局。 IE下清除浮動準則很簡單,使元素haslayout就可以了。如寬度值,高度值,絕對位置,zoom,浮動本身都可以讓元素haslayout。
Time of Update: 2016-09-02
標籤:CSS background 屬性定義和用法background 簡寫屬性在一個聲明中設定所有的背景屬性。可以設定如下屬性:background-colorbackground-positionbackground-sizebackground-repeatbackground-originbackground-clipbackground-attachmentbackground-image如果不設定其中的某個值,也不會出問題,比如 background:#ff0000
Time of Update: 2016-09-02
標籤:功能描述: 在CentOS6.7作業系統上,編譯安裝apache服務,實現定製功能等一、安裝前提 1)安裝編譯httpd需要的軟體包 [[email protected] ~]# yum -y install wget gcc-c++ ncurses ncurses-devel cmake make perl bison openssl openssl-devel gcc* libxml2 libxml2-devel
Time of Update: 2016-09-02
標籤: 1 DOMContentLoaded = function() { 2 if ( document.addEventListener ) { 3 document.removeEventListener( "DOMContentLoaded", DOMContentLoaded, false ); 4 jQuery.ready(); 5 } else if (
Time of Update: 2016-09-02
標籤:在說到這個問題的時候,也許有人會問CSS中不是有vertical-align屬性來設定垂直置中的嗎?即使是某些瀏覽器不支援我只需做少許的CSSHack技術就可以啊!所以在這裡我還要囉嗦兩句,CSS中的確是有vertical-align屬性,但是它只對(X)HTML元素中擁有valign特性的元素才生效,例如表格元素中的<td>、<th>、<caption>等,而像<div>、<span>這樣的元素是沒有valign特性的,因此使用
Time of Update: 2016-09-02
標籤:本文通過設定Access-Control-Allow-Origin來實現跨域。例如:用戶端的網域名稱是client.runoob.com,而請求的網域名稱是server.runoob.com。如果直接使用ajax訪問,會有以下錯誤:XMLHttpRequest cannot load http://server.runoob.com/server.php. No ‘Access-Control-Allow-Origin‘ header is present on the
Time of Update: 2016-09-02
標籤:轉:http://www.cnblogs.com/wangmeijian/p/5824176.html/** * js拋物線動畫 * @param {[object]} origin [起點元素] * @param {[object]} target [目標點元素] * @param {[object]} element [要運動的元素] * @param {[number]} a [拋物線弧度] * @param
Time of Update: 2016-09-02
標籤: 建立一個 Filter , class類: 其繼承於 介面 Filte(介面導包:import javax.servlet.Filter;)在 web.xml 檔案中配置並映射該 Filter. 其中 url-pattern 指定該 Filter 可以攔截哪些資源, 即可以通過哪些 url 訪問到該
Time of Update: 2016-09-02
標籤:;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector(‘meta[name="viewport"]‘); var flexibleEl = doc.querySelector(‘meta[name="flexible"]‘); var dpr = 0; var scale = 0;
Time of Update: 2016-09-02
標籤:1 mvc是有視圖(view),控制器(controller),模型(model)組成 view(使用者介面) controller (
Time of Update: 2016-09-02
標籤:/** * 類比post進行url請求 * @param string $url * @param array $post_data * @return bool|mixed */function request_post($url = ‘‘, $post_data = array()){ if (empty($url) || empty($post_data)) { return false; } $str = ""; foreach ($post_
Time of Update: 2016-09-02
標籤:【1.使用nodejs】和很多人一樣,百度了很久很久,沒看到有恰到點的解釋的,當時我已經懷疑到是配置出來的,而非引js,最後確實啥都不用引實際關鍵在package.json加入設定"nodejs":true, { "name": "GameCoin", "main": "index.html", "nodejs":true, "window": { "toolbar": false, "width": 800,
Time of Update: 2016-09-02
標籤:這裡描述以Tomcat為Web伺服器情況下的解決辦法,在Java Web程式的WEB-INF下的web.xml檔案中加入如下配置即可。<!--cors filter--> <filter> <filter-name>CorsFilter</filter-name> <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>