網站開發

標籤：隨著移動端市場的強勢崛起，web的開發也變得愈發複雜，對於個體開發人員來說，自己開發的網站，在電腦、手機、Pad等上面都要有正常的顯示以及良好的使用者體驗。如果每次都要自己去調整網頁去匹配各個不同的用戶端裝置，這個工作量可想而知。如果網站可以自適應瀏覽器大小，對於開發人員來說，無疑是天大的福音。今天，我通過自己的實踐，簡單的探探boostrap的自適應功能，這也是眾多平台中，我認為比較好的一個。Boostrap是什麼Bootstrap是基於HTML5和CSS3開發的，它在jQuery的基礎

標籤：定義：<label> 標籤為 input 元素定義圖說文字（標記）。用法：label 元素不會向使用者呈現任何特殊效果。不過，它為滑鼠使用者改進了可用性。如果您在 label 元素內點擊文本，就會觸發此控制項。就是說，當使用者選擇該標籤時，瀏覽器就會自動將焦點轉到和標籤相關的表單控制項上。<label> 標籤的 for 屬性應當與相關元素的 id 屬性相同。HTML <label> 標籤

標籤：出自：小tip: 使用CSS將圖片轉換成模糊(毛玻璃)效果.blur { filter: url(blur.svg#blur); /* IE10, IE11 */ -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px);

標籤：首先，從簡單的著手，列印出金字塔的右半部分，代碼如下<?php　　$n=5; //金字塔行數　　//外層的for迴圈控制層數　　for($i=1;$i<=$n;$i++){　　　　//內層的for迴圈控制每層*的個數　　　　for($j=1;$j<=$i;$j++){　　　　　　echo"*";　　　　}　　　　echo"<br/>";

標籤：使用 css 將文字逐字打出 <h1>css is awesome</h1>要使<h1>標籤裡的文字逐字打出，對應的樣式如下： h1{ width: 14ch;/×文本的寬度×/ overflow: hidden; white-space: nowrap; border-right: .05em solid transparent; animation: typing 4s steps(1

標籤：做php開發，經常部分uft8的php檔案因BOM頭不同導致各種錯誤和錯位。網上搜到的大部分所謂的去處bom工具都是2貨，沒有能用的。下面的一段代碼，請複製到一個php檔案裡，然後上傳到你的網站根目錄下，然後前台訪問，他會自動將網站下所有目錄及子目錄裡的各種檔案的bom幹掉，會自動判斷的喲。 <?php // 設定你要清除BOM的根目錄（會自動掃描所有子目錄和檔案）$HOME =

標籤：Cookies是一種能夠讓網站伺服器把少量資料儲存到用戶端的硬碟或記憶體，或是從用戶端的硬碟讀取資料的一種技術。當你瀏覽某網站時，你硬碟上會生產一個非常小的文字檔，它可以記錄你的使用者ID、密碼、瀏覽過的網頁、停留的時間等資訊。當你再次來到該網站時，網站通過讀取Cookies，得知你的相關資訊，就可以做出相應的動作，如在頁面顯示歡迎你的標語，或者讓你不用輸入ID、密碼就直接登入等等。從本質上講，它可以看作是你的身份證。使用傳統的Javascript來設定和擷取Cookies資訊很麻煩，要寫

標籤：眾所周知，JavaScript是單線程的，JS和UI更新共用同一個進程的部分原因是它們之間互訪頻繁，但由於共用同一個進程也就會造成js代碼在啟動並執行時候使用者點擊介面元素而沒有任何響應這樣的情況，這麼糟糕的使用者體驗HTML5怎麼會不修訂了，這樣Web Worker誕生了。Web Worker進程載入的js啟動並執行時候不僅不會影響瀏覽器UI，而且也不會影響其它Web

標籤：  近期有客戶反應伺服器網站開啟速度慢，檢查伺服器網路和硬體都是沒有問題的，特此找來這篇文章來學習下！研究表明：開啟網頁，使用者最滿意的時間是2-5秒，如果使用者等待超過10秒，99%的使用者會關閉這個網頁。那麼，是什麼原因會導致網站開啟慢？又有什麼辦法解決呢？一般來說，http請求過多、網頁過大、伺服器效能過差等等都可能導致網站開啟慢。這裡我們從技術層面來分享一些參考解決方案：1、減少HTTP請求數開啟一個網頁的時候，背景程式的響應並不所需太多時間，等待的時間主要花費

標籤：1. angular的資料繫結採用什麼機制？詳述原理angularjs的雙向資料繫結,採用髒檢查（dirty-checking）機制。ng只有在指定事件觸發後，才進入 $digest cycle ： - DOM事件，譬如使用者輸入文本，點擊按鈕等。( ng-click ) - XHR響應事件 ( $http ) - 瀏覽器Location變更事件 ( $location ) -

標籤：animation-name:自訂動畫名稱；keyframes:主要畫面格；animation-iteration-count：動畫執行次數；div{                   width:

標籤：不同的團隊使用的js混淆器或壓縮公用程式不一樣，jsCompress是一款綠色的免費的js壓縮公用程式，時代定製的UI團隊推薦大家使用，不僅效能優越，而且操作非常人性化。使用jsCompress.exe時，但是若你的js代碼結構有問題，或者js行數太多，一般超過500行，  就有可能會出現無法壓縮的故障，或者Js壓縮後無法使用。 通常是因為全域變數的問題導致的，全域變數在壓縮混淆時丟失，函數內部變數被縮寫，導致無法處理。解決方案：將你的Js代碼分塊壓縮，每塊盡

標籤：推薦方法： var wait = function(dtd){　　　　var dtd = $.Deferred(); //在函數內部，建立一個Deferred對象　　　　var tasks = function(){　　　　　　alert("執行完畢！");　　　　　　dtd.resolve(); // 改變Deferred對象的執行狀態　　　　};　　　　setTimeout(tasks,5000);　　　　return dtd.promise(); //

標籤：1DOM是文件物件模型，這種模型為樹模型；文檔是指標籤文檔，對象是指文檔中每個元素；模型是指抽象化的東西。2間隔與延遲間隔執行一段代碼（函數）：window.setInterval("要執行的代碼"，間隔的毫秒數) 清除間隔執行：window.clearInterval(間隔的id); 迴圈一次之後用來清除隔執行的代碼延遲一段時間執行某一段代碼（函數）：window.setTimeout("要執行的代碼"，延遲的毫秒數)

標籤：hibernate:是一個標準的ORM架構（對象關係映射）。入門門檻較高，不需要程式寫sql語句，sql語句自動生產了。對sql的最佳化比較困難。應用情境：適用與需求變化不多的中小型項目中，比如後台管理，erp,orm,oa;   mybatis:專註於sql本身，需要程式員自己編寫sql語句，sql修改，最佳化比較方便，mybatis是一個不完全的ORM架構，雖然程式員自己寫sql,mybatis也可以實現映射(輸入映射，輸出映射)。試用情境：適用於需求變化

標籤：現在市面上有很多成熟的MVC架構，可以拿來直接用，但自己造一下輪子其實也挺有意思的。下面先來看個最簡單粗暴的MVC實現。5個檔案就能實現最簡單的MVC，在Apache中設定一個虛擬目錄，配置個簡單網域名稱，就可以順利訪問了。為了實現簡單，這裡沒有寫模型層。 一、index.php這個檔案是入口檔案，所有的請求就將會先進入到這個檔案，然後再通過路由進入到不同的控制器中。這就是常說的單一入口。1. 我簡單的將路由也放在了這個檔案中。2.

標籤：一、什麼是跨域我們先回顧一下網域名稱地址的組成：http:// www . google : 8080 / script/jquery.js　　　　  http:// （協議號）               www 

標籤：jQuery 從 1.9 版開始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.supportjQuery 從 1.9 版開始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support 。 在更新的 2.0 版本中，將不再支援 IE 6/7/8。 以後，如果使用者需要支援 IE 6/7/8，只能使用 jQuery 1.9。 如果要全面支援 IE，並混合使用 jQuery 1.9 和

標籤：最近過了一遍尼古拉斯澤卡斯的進階程式設計第三版（紅皮書）第六章：物件導向程式設計，現在把總結出來的東西和大家分享一下。主要內容如下：1.原廠模式2.建構函式模式3.原型模式4.繼承 一、原廠模式原廠模式中的函數中會建立一個對象，最後return這個對象，通過每次調用時傳入的參數不同來解決建立多個相似對象的問題。// 原廠模式 function creatPerson(name, age, job) { var o = {}; o.name =

標籤：1.Query為開發外掛程式提拱了兩個方法，分別是：   1.jQuery.extend(object);為擴充jQuery類本身.為類添加新的方法。   2.jQuery.fn.extend(object);給jQuery對象添加方法。jQuery.fnjQuery.fn = jQuery.prototype = { init: function(selector, context) { //內容 }}