網站開發

Backbone.js 的最佳應用情境與特點，backbone.js情境Backbone 的優點和一些經驗 Tip：View 的劃分將頁面上的視圖元素解耦，粒度細化。View 間通過事件和 Model 通訊，避免了 DOM 事件的濫用。Model 和 Restful 的通訊方式對於後端人員非常友好。MVC 架構清晰Collection/Model 抽象了以前雜亂的 AJAX 請求，CRUD 請求變得非常非常方便。強烈建議 View -> Model

JavaScript 設計模式之----單體（單例）模式，javascript設計模式

jQueryMobile的組件——按鈕（button），jquerymobilebutton在jQueryMobile架構中，預設按鈕是橫向獨佔根據螢幕寬度自適應的。ui-btn——聲明為按鈕顯示；ui-shadow——讓元素在划過時有陰影的效果；ui-icon-*——jQueryMobile內建表徵圖屬性；ui-btn-icon-notext——讓按鈕隱藏文字；另外的ui-btn-icon-*屬性還有：ui-btn-inline——在一行中顯示多個按鈕，即內聯樣式；data-role=&quo

奔跑吧，我的JavaScript(3)---JavaScript瀏覽器對象，javascript瀏覽器對象Window對象1.是BOM的核心，window對象指向當前的瀏覽器視窗，最高層對象之一。2.所有JavaScript全域對象，函數以及變數均自動成為window對象成員3.全域變數是window對象的屬性4.全域函數是window對象的方法5.window尺寸window.innerHright/window.innerWidth，瀏覽器視窗的內部高度/寬度6.window方法window

實際項目中，為什麼多個css、js檔案要實現合并與壓縮？(瞭解了這你才算入門)，cssjs　　Web效能最佳化最佳實務中最重要的一條是減少HTTP請求。而減少HTTP請求的最主要的方式就是，合并並壓縮JavaScript和CSS檔案。　　關於編寫css時，我們應注意通過一些細節來控制css檔案的大小，比如：全域樣式、繼承樣式、縮寫樣式，空格、注釋等；同時你也可以通過線上工具對你的css檔案進行壓縮，來減少css檔案的大小，但壓縮後的css檔案在可維護性、識別性方面變的特別弱。但更複

實習心得，實習心得體會 實習，就是把我們在學校所學的理論知識，運用到客觀實際中去，是自己所學到的理論知識有用武之地，只學不實踐，那麼所學的就等於零。理論應該與時間相結合。另一方面，實踐可以為以後找工作打基礎。通過這段時間的實習，學到一些在學校裡學不到的東西。因為環境不同，接觸的人與事不同，從中學到的東西自然就不一樣。要學會從實踐中學習，從學習中實踐。

【環境配置】Centos7 nginx+php+redis環境搭建，centos7redis 1、nginx install: 下載對應當前系統版本的nginx包(package)# wget http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm建立nginx的yum倉庫# rpm -ivh

【ztree】完美實現複選框功能，ztree實現複選框       在許可權系統中，大多數的頁面都用到了樹形結構，其中最常用的便是樹資源的載入和單擊事件，除此之外ztree還可以實現很多功能。今天以實現複選框的添加功能為例，咱們再來深入的學習下ztree的應用。一、執行個體描述       在使用者管理模組中，需要給使用者添加角色，而使用者與角色的之間是一個

jQueryMobile的組件——頁面（page），jquerymobilepagedata-role="page"——代表這個div是一個page,在一個螢幕中只會顯示一個page；data-transition——可以定義頁面切換的動畫效果；<div data-role="page"> <div data-role="header"> ... </div> <

【原創分享】動態新增行和刪除行，原創分享動態新增由於工作的一個小需求，來寫一寫這個很小，但是新手朋友可能會有些迷惑的功能記得剛工作的時候做過一個類似的功能，但是的思路不太記得了，只記得很亂，測出各種bug。今天來看一下這次的思路，比較適合新手朋友，沒有很多的jquery父子級關係先看一下大概的介面 實現的就是點擊新增一行會新增一條空白行，點擊刪除將這行刪除，點擊儲存將資訊儲存校正方面做得比較簡單，只是標紅不讓提交 1。 先看一下 初始頁面的主要代碼 &

我的DOM庫 （持續更新），dom庫持續更新 在我的DOM庫裡目前有（目前的方法 都是相容所有瀏覽器的） DOM.children //擷取所有的子項目 children 在IE9以下 會把空白也擷取成節點 //一個參數 獲得指定元素下的所有子類元素 //兩個參數 獲得指定元素下的 指定的標籤的所有子類元素DOM.next //獲得指定元素的下一個兄弟元素節點DOM.prev //獲得指定元素的上一個兄弟元素節點DOM.nextAll //一個參數 指定標籤 下面所有的元素 //

JSON深入淺出，json線上解析JSON 是 JavaScript 的一 個嚴格的子集，利用 JavaScript 中的一些模式來表示結構化資料。一．JSON 文法 JSON 和 XML 類型，都是一種結構化的資料表示方式。所以，JSON 並不是 JavaScript 專屬的資料格式，其他很多語言都可以對 JSON 進行解析和序列化。 JSON 的文法可以表示三種類型的值： 1.簡單值：可以在 JSON

圖片延時 載入原理 及應用，圖片延時載入原理 關於 圖片延時載入的基本理論： 當我們瀏覽一個頁面時，我們有時候並不會看完一個網頁的所有內容，那麼我們在客戶不瀏覽完所有內容的情況下，載入完所有的圖片就會浪費流量，而且也會影響到網頁的載入時間。為瞭解決這個問題，我們就設計了一種圖片延時載入的機制，即當使用者將頁面快滑到圖片的時候，我們開始載入圖片，這樣既省了流量，而且也不影響使用者的體驗下面 我就多篇延時載入舉一個例子 首先，我們建立所需的HTML標籤及樣式 <style

純css玩轉三角形，css轉三角形 如今css3盛行的時代，用canvas，svg以及linear-gradient，radio－gradient都能畫出各種各樣的圖形。但是早在css2時代，畫三角形就不是什麼新鮮事。這裡簡單總結一下，也方便自己查閱。<div class="triangle-up"></div>寫出通用結構， .triangle-up { width: 0; height: 0;

基於SVG的票面設計器開發總結，svg票面開發總結今天周六，原則上要休息，但想到下周還有一堆任務，還是先做一部分工作吧，就把之前做的票面設計器改了改，增加了上傳圖片和更換背景底圖的功能。現在打算整理下這個設計器，也算對齊一個總結。不過這屬於我們部門的產品，代碼我使用的方式多一些。首先來看一下我做的這個票面設計器的最終：從中可以看到在頁面裡，專業點叫我在畫布裡增加了很多的元素，這些元素都與劇院票務相關包括項目、場次、地點，二維碼等資訊。上面的word是我今天做的功能，背景圖我也換成了自訂的圖片。光

php設定Apache虛擬機器主機vhost，apache虛擬機器主機vhost 本文地址：http://blog.csdn.net/oneym/article/details/48050487 作者：oneym一、環境描述1、使用php環境使用XAMPP 2、win7_64位系統 3、XAMPP安裝在C盤根目錄二、修改相關檔案1、在系統中註冊主機頭使用文本編輯工具編輯C:\Windows\System32\drivers\etc\hosts檔案，在檔案中添加一行記錄如下所示： 1

配置JSP的預設首頁，配置JSP預設首頁1.這是我的項目名稱那麼需要通過配置web.xml檔案，裡面的預設首頁就可以了。我們需要自己在web項目下面建立一個WEB-INF的檔案夾然後將伺服器內建的web.xml拷貝進去，內建的就在conf下面的，然後編輯這個xml檔案，將裡面木有用的全部刪除，留下的元素其中黃色的“1.html”就是需要我們自己設定的預設首頁。運行結果如下：此刻已經大功告成起作用原理是，伺服器會先自動從裡面開始尋找設定檔，若是木有內建，那麼就會使用伺服器內建的設定檔(conf下面

實戰使用Axure設計App,使用WebStorm開發(3) – 構建頁面架構，axurewebstorm在本文中，將繼續介紹在 WebStorm 中開發，去實現App的功能需求。 就像蓋房子一樣，第一步需要把整個工程的頁面結構先勾勒出來，先讓各個頁面流轉起來，然後再去細化每個頁面。 所有工程代碼放在了 https://github.com/zhangsichu/DeliveryApp 同時上篇文章中建立的初始化工程，也Tag了 TheInitialProject，

2015應該學習的前端語言與架構，2015前端語言架構前端語言與架構有很多種，你知道2015哪種前端語言是最值得學習的嗎？語言/平台Node.js第一，PHP第二，JavaScript第三。因為Node.js的社區很多，所以這個結果你也不用太意外。如果你知道JavaScript,你已經一隻腳踏進了用Node.js來構建Web

javaScript的設計模式之單例模式，javascript設計模式1.何為js的單例模式？2.單例模式的作用和注意事項：3.程式碼範例：<script type="application/javascript">$(document).ready(function(){ //1.建兩個獨立的對象，jason,jerry; //2.讓jerry與jason通過門鈴進行通訊；