原创 原型-原型鏈-繼承

原型: 是function對象的一個屬性,它定義了構造函數 製造出的對象 的公共祖先。通過該構造函數產生的對象,可以繼承該原型的屬性和方法。原型也是對象 這定義有點模糊,用代碼解釋一下 function Foo () {} var son

原创 JS事件初試-貪喫蛇小遊戲

1.   獲取一個圖片當背景 2.   利用數組的push和for循環創建一個蛇身體 3.   然後設置蛇開始移動,開始方向是向右,我設置了一些開始 暫停 難度選擇按鈕來決定是否移動 (就是用點擊事件打開定時器,然後執行運動函數) 4.

原创 Css3基礎

css3: 屬性選擇器(^ $ *) 僞類選擇器(root、not、empty、target) 僞元素選擇器(selection) 僞元素 after before first-letterfirst-line 層次選擇器(> + ~)

原创 創建對象的七種方式

工廠模式   function createPerson(name, job) {   var o = new Object()   o.name = name   o.job = job   o.sayName = function(

原创 服務器代碼優化

1、使用內容分發網絡  內容分發網絡(Content Delivery Network, CDN)是由一系列分散到各個不同地理位置上的Web服務器組成的,它提高了網站內容的傳輸速度,用於向用戶傳輸內容的服務器主要是根據和用戶在網絡上的靠近

原创 淺層克隆-深層克隆

我們的數據類型分爲原始值和引用值 原始值存儲在棧(stack)中的簡單數據段,也就是說,它們的值直接存儲在變量訪問的位置。由於這些原始類型佔據的空間是固定的,所以可將他們存儲在較小的內存區域 - 棧中。這樣存儲便於迅速查尋變量的值引用值

原创 跨域6種方法-JSONP

跨域6種方法: JSONP document.domain window.name localtion.hash H5 postmessage 服務器代理中轉 JSONP原理: 利用<script>標籤沒有跨域限制的漏洞來達到與第三方的

原创 數組操作

1 shift: 刪除原數組的第一項,並返回刪除元素的值; 如果數組爲空則返回undefined     var a = [1,2,4,7,5];     var b = a.shift();  //a: [2,4,7,5]  b: 1;

原创 React-入門

一.什麼是React React 起源於 Facebook 的內部項目,因爲該公司對市場上所有 JavaScript MVC 框架,都不滿意,就決定自己寫一套,用來架設 Instagram 的網站。做出來以後,發現這套東西很好用,就在2

原创 三欄佈局

聖盃佈局:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device

原创 數字-字符串轉換

1. 數字轉換爲字符串 a. 要把一個數字轉換爲字符串,只要給它添加一個空的字符串即可:  var n = 100;  var string = n + "";  b. 要讓數字更加顯式地轉換爲字符串,可以使用String()函數:  v

原创 JS事件初試-貪吃蛇小遊戲

1.   獲取一個圖片當背景 2.   利用數組的push和for循環創建一個蛇身體 3.   然後設置蛇開始移動,開始方向是向右,我設置了一些開始 暫停 難度選擇按鈕來決定是否移動 (就是用點擊事件打開定時器,然後執行運動函數) 4.

原创 ajax

ajax是一種不需要重新加載頁面,就能更新部分網頁的技術,它主要是通過異步通信實現服務器和後臺的數據交換   Ajax的工作原理? 在用戶和服務器之間加了—箇中間層(AJAX引擎),用戶的請求不需要全都交給服務器,一些數據處理先由ajax

原创 Meta標籤總結

頁面關鍵詞  <metaname="keywords" content="your tags" />  頁面描述  <metaname="description" content="150 words" />  搜索引擎索引方式  <me

原创 內容代碼優化

• 儘量減少HTTP請求 • 減少DNS查找 • 避免跳轉 • 緩存Ajax • 推遲加載 • 提前加載 • 減少DOM元素數量 • 用域名劃分頁面內容 • 使frame數量減少 • 避免404錯誤 1、儘量減少HTTP請求  終端用