原创 VueJS環境搭建
1.安裝nodejs，安裝npm，使用npm命令行工具安裝vue.js命令爲：npm install-g vue-cli2.新建一個webpack類型的vue項目，命令如下：3.在項目目錄下，用命令跑這個項目3.在項目目錄下，用命令跑這個
2020-06-28 19:54:48
原创 初識Java web 投票項目
包的含義和作用： (Domain): 實體 voter,user (Servlet): 攔截器(1)(2) (1)Login: 收到來自login.jsp頁面的表單提交的http請求，將用戶名和密碼封裝成voter的屬性，並調用Use
2020-02-25 14:41:37
原创 三種快排及四種優化方式
1、快速排序的基本思想： 快速排序使用分治的思想，通過一趟排序將待排序列分割成兩部分，其中一部分記錄的關鍵字均比另一部分記錄的關鍵字小。之後分別對這兩部分記錄繼續進行排序，以達到整個序列有序的目的。2、快速排序的三個步驟： (1)選擇基準
2020-02-25 14:41:37
原创 js閉包及垃圾回收機制和引起內存泄漏的操作
js變量作用域的特點和侷限 變量的作用域無非就兩種：全局變量和局部變量。 javascript語言的特別之處就在於：函數內部可以直接讀取全局變量，但是在函數外部無法讀取函數內部的局部變量。 閉包解決了什麼問題？ 閉包的概念：“定義在一個
2018-08-27 06:40:02
11
原创 LRU緩存的js實現
LRU緩存原理： LRU（Least recently used，最近最少使用）算法根據數據的歷史訪問記錄來進行淘汰數據，其核心思想是“如果數據最近被訪問過，那麼將來被訪問的機率也更高”。 實現 最常見的實現是使用一個鏈表保存緩存數據，詳
2018-08-27 06:39:59
4
原创 CSS實現三欄佈局，左右寬度固定，中間寬度自適應
假設高度一定，請寫出三欄佈局，左右寬度300px，中間自適應。 首先要寫好整個頁面的佈局： <style> html * { padding: 0; margin:
2018-08-27 06:39:59
原创 js原生實現getElementsByClassName()
前言：document.getElementsByClassName這個方法只能在ie8以上的瀏覽器使用，也就是說getElementsByClassName是在支持html5的瀏覽器下才能執行。 爲了讓ie9以下的瀏覽器能夠支持這個方法
2018-08-27 06:39:59
原创 WebSocket介紹和使用nodejs+socket.io搭建服務器和客戶端
WebSocket介紹與原理 WebSocket protocol 是HTML5一種新的協議。它實現了瀏覽器與服務器全雙工通信(full-duplex)。一開始的握手需要藉助HTTP請求完成。 ——百度百科 目的：即時通訊，替代
2018-08-27 06:39:59
4
原创 HTML條件註釋用法詮釋
HTML條件註釋用法詮釋 註釋內容以樣式爲例，如下： 1、支持所有IE瀏覽器 <!--[if IE]> <link rel="stylesheet" href="all-ie-only.css" type="text/css"/> <![
2018-08-27 06:39:51
3
原创 常見的瀏覽器兼容性問題與解決方案——CSS篇
1、不同的瀏覽器的標籤默認的外補丁和內補丁不同 問題症狀：隨便寫幾個標籤，不加樣式控制的情況下，各自的margin和padding差異較大。 碰到頻率：100% 解決方案：初始化CSS的默認樣式，*{margin:0;padding:0}
2018-08-27 06:39:51
1
原创 JavaScript深入之bind的模擬實現
JavaScript深入之bind的模擬實現 一句話介紹 bind: bind() 方法會創建一個新函數。當這個新函數被調用時，bind() 的第一個參數將作爲它運行時的 this，之後的一序列參數將會在傳遞的實參前傳入作爲它的參數。(
2018-08-27 06:39:51
原创 JS原生拖拽和input聯想和自動補全
js原生實現拖拽，並改變容器的背景色 //var _origin = {x: div1.offsetLeft, y:div1.offsetTop} var _newele = document.createElement('div')
2018-08-27 06:39:51
2
原创 js實現拖拽
分析： 1.鼠標按下，拖拽開始；鼠標移動，拖拽進行；鼠標擡起，拖拽結束（三個事件） 2.被拖動元素與鼠標之間的位置在拖動過程中始終不變，利用這個原理，被拖動元素的位置(?,?)就是鼠標的左（上）點座標-鼠標與被拖動元素頂點之間的相對距
2018-08-27 06:39:51
1
原创 TCP/IP協議體系結構以及主要協議
TCP/IP協議體系結構以及主要協議 在說TCP/IP協議體系結構之前我們首先來看看最早用的OSI七層參考模型，自底向上依次是物理層、數據鏈路層、網絡層、傳輸層、會話層、表示層、應用層。下圖則爲由OSI七層參考模型到TCP/IP體系結構產
2018-08-27 06:39:51
原创 React還是Vue？
原文鏈接：React or Vue: Which Javascript UI Library Should You Be Using? | Codementor 作者：Anthony Gore 譯者：sunny 轉載需
2018-08-27 06:39:51