• QQ咨詢:4001806960
  • 咨詢熱線:400-180-6960

站內信最佳通信方案:WebSocket

作者: 日期:2019-05-08 點擊: 232

你不知道websocketwebsocket已經滿大街都是了,我今天用我們之前的管理後台的站內信爲例,今天給大家扒一把源代碼,順便聊一聊你不知道的細節。本文不討論ws是什麽,也不討論輪詢、長連接與websocket的區別,這些在網絡上屢見不鮮,如果年你還不知道ws是什麽,那麽趕緊去求助搜索引擎吧。等搞懂本段前面的內容再來看向下看吧。首先呢給大

webpack4 打包優化策略(圖文)

作者: 日期:2019-03-18 點擊: 447

Webpack 是一個前端資源加載和打包工具。所謂的模塊就是在平時的前端開發中,用到一些靜態資源,如JavaScript、CSS、圖片等文件,webpack就將這些靜態資源文件稱之爲模塊。 webpack支持AMD和CommonJS,以及其他的一些模塊系統,並且兼容多種JS書寫規範,可以處理模塊間的依賴關系,所以具有更強大的JS模塊化的功能,它能對靜態資源進行統一的管理以及打包發布。 作爲一款 Grunt和Gulp的替代産品,Webpack受到大多數開發者的喜愛,因爲它能

git 基礎知識精講

作者: 日期:2018-05-26 點擊: 827

Linux花了 兩周時間 自己用 C 寫了一個分布式版本控制系統,這就是Git!一個月之內,Linux系統的源碼已經由Git管理了! Git迅速成爲最流行的分布式版本控制系統,尤其是 2008 年 GitHub 網站上線了,它爲開源項目 免費 提供Git存儲 ,無數開源項目開始遷移至GitHub,包括jQuery,PHP,Ruby等等。

正則詳解一

作者: 日期:2018-03-31 點擊: 606

正則 什麽是正則?正則就是一個規則,用來處理字符串的規則 1、正則匹配 編寫一個規則,驗證某個字符串是否符合這個規則,正則匹配使用的是 test 方法2、正則捕獲 編寫一個規則,在一個字符串中把符合規則的內容都獲取到,正則捕獲使用的方法:正則的exec方法、字符串中的split、replace、match等方法都支持正則1.var reg = /^$/; //=>

JS中的 變量提升、作用域、閉包 核心原理解讀

作者: 日期:2018-03-25 點擊: 683

JS中的 變量提升、作用域、閉包 核心原理解讀 數據類型的操作原理基本數據類型1.var a=12;2.var b=a;3.b=13;4.console.log(a); //=>12直接在當前作用域中創建了基本數據類型的值(或者說基本類型值直接存儲在當前作用域中),然後把這個值和變量關聯起來(一個變量只能關聯一個值,關聯下一個值後和之前關聯的值就沒關系了),我們把關聯

面向對象深入解讀

作者: 日期:2018-03-25 點擊: 523

面向對象深入解讀函數的三種角色第一種角色:普通函數 棧內存(私有作用域) 作用域鏈 形參 arguments return …第二種角色:類 類 實例 私有和公有屬性 prototype __proto__ …第三種角色:普通對象 鍵值對操作 …三種角色之間沒有直接的關系1.function Fn(){2. var name='珠峰培訓

Ajax基礎知識

作者: 日期:2018-03-18 點擊: 648

AJAX基礎知識什麽是AJAX? async javascript and xml,異步的JS和XMLxml:可擴展的標記語言作用是用來存儲數據的(通過自己擴展的標記名稱清晰的展示出數據結構)ajax之所以稱爲異步的js和xml,主要原因是:當初最開始用ajax實現客戶端和服務器端數據通信的時候,傳輸的數據格式一般都是xml格式的數據,我們我們把它稱之爲異步js和xml(現在一般

關于React腳手架的一點研究

作者: 日期:2018-02-05 點擊: 422

React是Facebook研發的一款前端框架(MVC框架:側重于view層操作),目前在行業內廣泛使用。爲了讓框架的體積變的更輕量級,設計者們把其定義爲 “漸進式” 框架,也就是:

深入理解Virtual DOM 算法

作者: 日期:2018-01-21 點擊: 269

真正的 DOM 元素非常龐大,這是因爲標准就是這麽設計的。而且操作它們的時候你要小心翼翼,輕微的觸碰可能就會導致頁面重排,這可是殺死性能的罪魁禍首。 相對于 DOM 對象,原生的 JavaScript 對象處理起來更快,而且更簡單。DOM 樹上的結構、屬性信息我們都可以很容易地用 JavaScript 對象表示出來:

JAVASCRIPT中的事件基礎及核心原理以及項目實戰

作者: 日期:2017-12-05 點擊: 185

事件基礎:全新認識事件 1、什麽是事件? 事件是元素天生具備的行爲方式(和寫不寫JS代碼沒關系),當我們去操作元素的時候會觸發元素的很多事件 2、事件綁定 給當前元素的某一個事件綁定方法,目的是爲了讓當前元素某個事件被觸發的時候,可以做一些事情 給某一個事件綁定方法,目前常用的有兩種方式: 1、DOM0級事件綁定

JavaScript中的數組基礎精講

作者: 日期:2017-11-23 點擊: 189

JavaScript中的數組基礎精講以及t數組常用方法,想看更多視頻或者想了解更多關于前端技術的文章,請關注"zhufeng-peixun"的微信公告號

JavaScript常用的操作語句

作者: 日期:2017-11-23 點擊: 173

JavaScript常用的操作語句,想看更多視頻或者想了解更多關于前端技術的文章,請關注"zhufeng-peixun"的微信公告號

JQ源碼解讀和插件封裝

作者: 日期:2017-11-23 點擊: 175

Jquery源碼解讀和Jquery插件的封裝,,想看更多視頻或者想了解更多關于前端技術的文章,請關注"zhufeng-peixun"的微信公告號

詳解JavaScript中的嚴格模式

作者: 日期:2017-08-24 點擊: 252

JavaScript 嚴格模式除了正常運行模式,ECMAscript 5添加了第二種運行模式:”嚴格模式”(strict mode)。顧名思義,這種模式使得Javascript在更嚴格的條件下運行。設立”嚴格模式”的目的,主要有以下幾個: 消除Javascript語法的一些不合理、不嚴謹之處,減少一些怪異行爲; 消除代碼運行的一些不安全之處,保證

最全正則表達式總結:驗證QQ號、手機號、Email、中文、郵編、身份證、IP地址等

作者: 日期:2017-08-08 點擊: 330

什麽是 RegExp? RegExp 是正則表達式(Regular expression)的縮寫,作用是對字符串執行模式匹配。 通常用于格式驗證、正則替換、查找子串等 各種編程語言的正則表達式基本相同,不同的語言可能會有一些細小的差別 RegExp 語法1.// 直接實例化2.var reg = new RegExp(pattern [, flags]);3.// 隱式

前端事件綁定知識點(面試常考)

作者: 日期:2017-08-04 點擊: 281

簡介事件是可以被 JavaScript 偵測到的行爲。網頁中的每個元素都可以産生某些可以觸發 JavaScript 函數或程序的事件。事件通常與函數配合使用,當事件發生時函數才會執行。執行JS 事件的方式: HTML 事件屬性可以直接執行 JavaScript 代碼 HTML 事件屬性可以調用 JavaScript 函數 你可以爲 HTML 元素指定自己的事件處

JavaScript 中的尾調用優化

作者: 日期:2017-07-30 點擊: 175

JavaScript 中的尾調用優化(tail call optimization)我在學習尾調用優化的過程中,有兩個誤解:第一個是,我們一談優化,經常說時間的優化。但是尾調用優化卻主要是指空間的優化。第二個是,既然尾調用優化是在 es6 中支持的,那麽可能又要學新的語法了。然而,尾調用優化並不需要新的語法,而只是是在解釋器(如V8)中做的改進。尾調用是一直

19種JavaScript常用簡寫方法

作者: 日期:2017-07-26 點擊: 243

1.三元操作符當想寫if…else語句時,使用三元操作符來代替。1.const x = 20;2.let answer;3.if (x > 10) {4. answer = 'is greater';5.} else {6. answer = 'is lesser';7.}簡寫:1.const answer = x > 10 ? 'is greater' :

 200    1 2 3 4 5 6 7 8 下一頁 尾頁