JavaScript

當你輸入一個網址的時候，實際會發生什麼? （轉），網址實際1. 首先嘛，你得在瀏覽器裡輸入要網址:2. 瀏覽器尋找網域名稱的IP地址導航的第一步是通過訪問的網域名稱找出其IP地址。DNS尋找過程如下：瀏覽器緩衝 – 瀏覽器會緩衝DNS記錄一段時間。 有趣的是，作業系統沒有告訴瀏覽器儲存DNS記錄的時間，這樣不同瀏覽器會儲存個自固定的一個時間（2分鐘到30分鐘不等）。系統緩衝 –

Http協議中關於Content-Length的解讀，content-length解讀在HTTP協議中，有Content-Length的詳細解讀。Content-Length用於描述HTTP訊息實體的傳輸長度the transfer-length of the message-body。在HTTP協議中，訊息實體長度和訊息實體的傳輸長度是有區別，比如說gzip壓縮下，訊息實體長度是壓縮前的長度，訊息實體 的傳輸長度是gzip壓縮後的長度。　　在具體的HTTP互動中，用戶端是如何擷取訊息長度的呢，

怎樣使背景圖片佔據整個螢幕？，背景圖片佔據螢幕有幾種方法：①CSS處理方法（僅IE）#backGroundImg { background-image: url("X.png"); background-repeat: no-repeat; filter:progid:dximagetransform.microsoft.alphaimageloader(src='X.png',

移動端 css實現自適應正圓 ( 寬高隨著手機螢幕寬度自適應 )，css正圓序言：應朋友要求隨手寫了一下移動端 css實現自適應正圓 ( 寬高隨著手機螢幕寬度自適應 ) ，以備後用LESS代碼：.adaptive-circle { margin: 50px auto 0; width: 80%; height: 0; padding-top: 80%; border-radius: 100%; border: 1px solid #000;

css實現table中td儲存格滑鼠懸浮時顯示更多內容，tabletdtable中，td儲存格無法顯示下全部內容，需要在滑鼠hover時顯示全部內容。正常顯示樣式：滑鼠hover時：html：<td>displayAddress<span class="tdtip">popAddress</span></td>css：td{ position:relative; z-index:2;}td:hover{ z-index:3;

css 實現長英文或連結自動換行，css自動換行在網頁布局中，經常遇到長英文或連結在div等盒子裡排成一排顯示不會自動隨盒子寬度限制而自動換行。該如何解決這個問題呢？本文章通過執行個體向大家講解css長英文或連結如何自動換行。 解決辦法:使用CSS屬性 word-wrap:break-word;即可解決。使用break-word時，是將強制換行。break-word相容各版本IE瀏覽器，相容Google瀏覽器。執行個體:<!DOCTYPE html> <html

css border實現的三角形圖案，cssbordercss中border的作用相信大家都知道，它的作用是用於設定邊框，但是對於css border如何?三角形圖案，估計有很多朋友多不知道如何?。本文章向大家介紹css border如何?絢麗多彩的三角形圖案。 利用css控制border的邊框屬性, 可以畫出三角形，下面一步一步示範給大家看：先看下面代碼代碼如下：<style>div{ width:200px; height:200px; border-

一些常用css技巧的為什麼（二）我所理解的line-height，cssline-height要用到的基本術語和概念：替換元素：用作為其他內容預留位置的一個元素，或說替換元素內容的部分並非由文檔內容直接表示。比如img元素它由文檔本身之外的一個映像來替換，比如input元素要由一個選項按鈕，複選框，文本輸入框等替換。替換元素多為行級元素，行級替換元素可以像區塊層級元素一樣設定width/height/padding/margin。非替換元素：元素的內容本身包含在文檔中，或說其內容由User

JavaScript添加隨捲軸滾動表單的方法，javascript表單本文執行個體講述了JavaScript中添加隨捲軸滾動表單的方法。分享給大家供大家參考，具體如下：兩種實現方式：第一種：<script type=/"text/javascript/">function scrollImg(){ var posX,posY; if (window.innerHeight) { posX = window.pageXOffset; posY = window.pageYOffset;

JavaScript+html5 canvas實現圖片破碎重組動畫特效，html5canvas也許你見過HTML5圖片破碎動畫特效，實現的原理也挺簡單的。但是你應該沒有見過視頻也可以破碎重組，這個HTML5動畫就是利用Canvas的相關特性，實現了點擊滑鼠讓視頻破碎重組的效果。在視頻地區點擊滑鼠，即可讓該地區的視頻破碎，讓後經過一段時間後，破碎的地區又可以重組還原，視覺效果非常棒。HTML代碼<div style="display:none"> <video

gameboy網頁闖關遊戲(riddle webgame)--仿聊天的前端頁面設計和痛點，gameboywebgame前言:　　之前編寫了一個網頁闖關遊戲(類似Riddle Game), 除了希望大家能夠體驗一下我的遊戲外. 也願意分享編寫這個網頁遊戲過程中, 學到的一些知識.　　本文講描述, 如何在網頁端實現一個仿的聊天視窗介面, 以及其中涉及到的一些技術點. 作者前端是初學者, 請大拿們輕拍.效果展示:　　這種聊天對話的配置模式, 比PC端QQ的那種聊天方式更貼近移動端,

JSON簡介以及用法匯總，JSON簡介用法匯總JSON（JavaScript Object Notation）即JavaScript對象標記法，是一種輕量級的資料交換格式。它非常便於編程人員對資料的處理，也便於機器對資料的解析和產生，應用非常廣泛。JSON是一種輕量級的資料交換格式，某個JSON格式的檔案內部譬如可以長成這樣：{"name": "hanzichi","sex":

jquery拖拽排序簡單實現方法(效果增強版)，jquery拖拽本文執行個體講述了jquery拖拽排序簡單實現方法。分享給大家供大家參考，具體如下：運行效果如下：原來沒有建立動作，分析代碼後發現很容易增強~~代碼如下：<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>測試的拖拽功能&

iscroll.js的上拉下拉重新整理時無法回彈的解決方案，iscroll.js拉下使用過iscroll.js的上拉下拉重新整理效果的朋友應該都碰到過這個問題：在iOS的瀏覽器中，上拉或下拉重新整理時，當手指划出螢幕後，頁面無法彈回。很多人因為解決不了這個問題，乾脆就那樣不解決了，還有的直接就不用HTML了，使用原生代替HTML頁面。相信很多朋友也有自己的解決辦法，只是沒寫出來，所以網上都搜不到解決方案。在很多QQ群裡面也有很多人在問該怎麼解決這個問題，所以我寫這篇文章記錄一下我的解決方案，希望

JS實現1000以內被3或5整除的數字之和，js整除今天在技術群裡看到一道這樣的提：求1000以內被3或5整除的數字之和。其中看到很有趣的解法二，最開始還是挺迷惑的，後來想了下，再經人指點，就覺得茅塞頓開。第一種解法很普遍，就是將1000以內的數都遍曆一遍，只要有整除3或者整除5的數，就將其加起來，最終得到一個總的和。讓我感興趣的是第二種解法，這裡巧妙運用了數學上的等差數列一個公差為的等差數列前項的級數為：第二種方法第一步就用了(a1+an)/3*3,所以就變成了3*（1+333）*333/2，

深入理解line-height、font-size、vertical-align，fontsizeheight目錄[1]行高 [2]字型大小 [3]垂直對齊前面的話 　　line-height、font-size、vertical-align這三個屬性可謂是相互依賴的關係，改變行間距離、設定垂直對齊等都需要這三個屬性的通力合作。本文涉及到的一些術語詳細解釋請參考區塊層級元素基本術語和行內元素基本術語 line-height定義

快速掌握Node.js環境的安裝與運行方法，node.js環境安裝程式NodeJS 提供了一些安裝程式，都可以在 nodejs.org 這裡下載並安裝。Windows 系統下，選擇和系統版本匹配的 .msi 尾碼的安裝檔案。Mac OS X 系統下，選擇 .pkg 尾碼的安裝檔案。編譯安裝Linux 系統下沒有現成的安裝程式可用，雖然一些發行版可以使用 apt-get 之類的方式安裝，但不一定能安裝到最新版。因此 Linux 系統下一般使用以下方式編譯方式安裝 NodeJS。1.確保系統下 g+

解析Node.js基於模組和包的代碼部署方式，node.js部署模組路徑解析規則有經驗的 C 程式員在編寫一個新程式時首先從 make 檔案寫起。同樣的，使用 NodeJS

使用Node.js處理前端代碼檔案的編碼問題，node.js前端使用 NodeJS 編寫前端工具時，操作得最多的是文字檔，因此也就涉及到了檔案編碼的處理問題。我們常用的文本編碼有 UTF8 和 GBK 兩種，並且 UTF8 檔案還可能帶有 BOM。在讀取不同編碼的文字檔時，需要將檔案內容轉換為 JS 使用的 UTF8 編碼字串後才能正常處理。BOM 的移除BOM 用於標記一個文字檔使用 Unicode 編碼，其本身是一個 Unicode 字元（"\uFEFF"），位於文字檔頭部。在不同的

剖析Node.js非同步編程中的回調與代碼設計模式，node.js設計模式NodeJS 最大的賣點——事件機制和非同步 IO，對開發人員並不是透明的。開發人員需要按非同步方式編寫代碼才用得上這個賣點，而這一點也遭到了一些 NodeJS 反對者的抨擊。但不管怎樣，非同步編程確實是 NodeJS 最大的特點，沒有掌握非同步編程就不能說是真正學會了