原创 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