原创 html5構建基本畫圖程序
<!DOCTYPE html> <html> <head> <title>h5構建基本的畫圖程序</title> <meta name="viewport" content="width=device-width, initial
原创 websocekt原理及實現過程
1.websocket協議: 可以將 WebSocket看成是一種類似TCP/IP的socket技術;此socket在Web應用中實現,並獲得了和TCP/IP通信一樣靈活方便的全雙向通信功能。 WebSocket協議由RFC 6
原创 常見瀏覽器兼容性問題與解決方案總結
無論在寫什麼項目,只要牽扯到瀏覽器總會出現大大小小的一系列兼容性問題,下面就總結下時常遇到的瀏覽器兼容問題,以及其解決的辦法。 1.問題之一: 不同瀏覽器標籤默認的外補丁和內補丁是不同,就此問題也會遇到兼容性問題,如下: 問題
原创 Module模塊
ES6的Class只是面向對象編程的語法糖,升級了ES5的構造函數的原型鏈繼承的寫法,並沒有實際的解決模塊化的問題。 module功能就是爲了解決這個問題而提出的。 1.export命令 模塊功能主要由兩個命令構成:export
原创 sessionStorage與localStorage
web應用中的數據可以保存在兩個地方,一個是web客戶端(用戶計算機),一個就是web服務器。 在h5之前,本地存儲就只有cookie一種,但如今web存儲分爲兩種,分別對應兩個javascript對象。 1.sessions
原创 常見小問題區別總結
1.link和@import的區別 HTML代碼如下: <link rel='stylesheet' rev='stylesheet' href='CSS文件 ' type='text/css' media='all' /> HT
原创 Set和Map數據結構
1.set 基本用法: set是ES6提供的一種新的數據結構,有點像數組,但是他的成員都是唯一的,沒有重複的值。其次,set本身就是一個構造函數,是用來生成set數據結構的。 如下: var s= new Set(); [2,
原创 TCP/IP三次握手及四次揮手
三次握手: 首先上個圖: 然後再來描述下這個過程罷! a.首先,客戶端向服務器發送SYN請求(序列號X,Y爲隨機數),請求連接。 b.然後,服務器收到請求,向客戶端發送SYN(X=X+1),ACK響應表明自己收到請求,並且同
原创 Sass、LESS 和 Stylus區別總結
CSS 預處理器技術已經非常的成熟了,而且也涌現出了越來越多的 CSS 的預處理器框架。本文便總結下 Sass、Less CSS、Stylus這三個預處理器的區別和各自的基本語法。 1.什麼是 CSS 預處理器 CSS 預處理器是
原创 html5文件上傳
作爲H5的一部分,web存儲得到了很好的支持,但不是存取數據的唯一方式,爲了實現與存儲相關的不同任務,也出現了其他幾種不同的標準,其中一個就是File API,從技術角度講他並不是h5的規範內容,但是現在的瀏覽器卻是有着較好的支持
原创 使用localStorage進行本地存儲代碼
localStorage的使用方法見: http://blog.csdn.net/pedrojuliet/article/details/62889501 <!DOCTYPE html> <html> <head> <me
原创 進程與線程
首先,先弄明白何謂線程與進程: 1.先說說概念吧。 線程的上級,作業:用戶在一次解決問題或事務處理中,系統所要做的所有工作的集合就叫做作業,它是由一系列有序的步驟構成的。當然,一個作業是可以會有很多個不同的進程的,它包括用戶程序,
原创 HTML5新特性
首先: Html5在html基礎上新增了 27 個元素,廢棄了 16 個元素,且根據現有的標準規範,把 HTML5 的元素按優先級可以定義爲結構性屬性、級塊性元素、行內語義性元素和交互性元素這 4 大類。 1.咱們先看看結構性元素
原创 SQL注入
1.什麼是SQL注入(SQL Injection) 所謂SQL注入式攻擊,就是攻擊者把SQL命令插入到Web表單的輸入域或頁面請求的查詢字符串,欺騙服務器執行惡意的SQL命令。在某些表單中,用戶輸入的內容直接用來構造(或者影響)動
原创 display所有值及其作用
display有很多的值,每個值都有其獨特的作用以及特性,這也是面試中常被問到,或者比較容易考到的細瑣知識點。 1.display的值 none inline block list-item inline-block t