原创 前端-web緩存
爲什麼需要緩存 本文重點介紹瀏覽器緩存，服務端等緩存不是本文重點 首先從原始的前端開發講起，上圖是一個“可愛”的index.html頁面和它的樣式文件a.css，用文本編輯器寫代碼，無需編譯，本地預覽，確認OK，丟到服務器，等待用戶
2020-03-12 12:28:15
原创 Unicode編碼表
歷史問題 英語用 128 個字符來編碼完全是足夠的，但是用來表示其他語言，128 個字符是遠遠不夠的。於是，一些歐洲的國家就決定，將 ASCII 碼中閒置的最高位利用起來，這樣一來就能表示 256 個字符。但是，這裏又有了一個問題，那就是
2020-02-21 03:00:12
原创 瀏覽器渲染頁面原理及過程，重構重繪優化
一、爲什麼要了解瀏覽器加載、解析、渲染這個過程？ 瞭解瀏覽器如何進行加載，我們可以在引用外部樣式文件，外部js時，將他們放到合適的位置，使瀏覽器以最快的速度將文件加載完畢。 瞭解瀏覽器如何進行解析，我們可以在構建DOM結構，組織css選擇
2020-02-21 03:00:11
12
原创 JavaScript交換兩個變量的值
1.使用中間變量（最基本也是最常用的） // 1. 使用中間變量 var a = 2,b = 5; var tmp; tmp = a; a = b; b = tmp; console.log("a="+a + ",b=" + b); 2
2020-02-21 03:00:11
原创 JavaScript的排序算法——選擇排序
選擇排序（Selection Sort） 選擇排序是一種排序算法，是一個佔用常用內存（In-place）的排序方法。時間複雜度爲O(n2)。通常情況下，在處理大型數據的時候，性能要比相似的插入排序低。選擇排序因其簡單性而著稱，並且在某
2020-02-21 03:00:11
原创 HTML 5 存儲
HTMl5存儲分爲三部分： 本地存儲(localStorage && sessionStorage) 離線存儲(application cache) IndexedDB 和 Web SQL 1. 本地存儲(localStorage &&
2020-02-21 03:00:11
原创 jquery篩選數組之grep、each、inArray、map的用法及遍歷json對象
記錄jQuery下幾種用法： jquery grep()篩選遍歷數組 $().ready( function(){ var array = [1,2,3,4,5,6,7,8,9]; var f
2020-02-21 03:00:11
1
原创 JavaScript的堆棧原理，淺拷貝與深拷貝
兩者都是存放臨時數據的地方 堆：先進先出；一般由程序員分配釋放， 若程序員不釋放，程序結束時可能由OS回收 棧：先進後出；就像一個桶，由編譯器自動分配釋放 ，存放函數的參數值，局部變量的值等 緩存問題： 棧使用的是一級緩存， 他們通常都是
2020-02-21 03:00:11
原创 AngularJS實例詳解Directive（指令）機制
AngularJS是爲了克服HTML在構建應用上的不足而設計的。AngularJS中指令的重要性是不言而喻的，指令可以讓我們創建自己的HTML標記，它將自定義元素變成了一個一個的模塊，極大的體現了前端開發中的模塊化模式，並提高了代碼的易讀
2020-02-21 03:00:11
原创 JavaScript 去除數組中重複的元素 得到新數組
方法一： 思路： 準備一個新數組，將原數組中的元素一一放入新數組， 放入之前判斷該元素是否存在新數組中，不存在的話就直接存入新數組。 function uniqueArr(arr){ var new
2020-02-21 03:00:11
原创 JavaScript的排序算法——插入排序
插入排序（Insertion Sort） 插入排序是一種簡單的排序算法，這種算法可以一次構建最終排序的數組（或數列）。它在大型數列上的排序效率會遠低於一些更高級的排序算法，如快速排序、堆排序、歸併排序。 中心思想：通過構建有序序列，對於未
2020-02-21 03:00:11
原创 Nodejs安裝及環境配置
1、下載安裝包 下載地址：https://nodejs.org/zh-cn/download/ 下載地址：https://nodejs.org/en/download/ 根據自己電腦系統及位數選擇，我這裏選擇windows64位.msi格
2020-02-21 03:00:11
原创 CSS彈性佈局——Flex
一 概述 佈局的傳統解決方案，基於盒狀模型，依賴 display 屬性 + position屬性 + float屬性。它對於那些特殊佈局非常不方便，比如，垂直居中就不容易實現。 2009年，W3C提出了一種新的方案—-Flex佈局，可以
2020-02-21 03:00:11
原创 ES6 babel的使用及安裝配置教程
babel是一個廣泛使用的轉碼器，可以將ES6代碼轉化爲ES5代碼，從而在現有環境執行，這意味着，你可以現在就用ES6編寫程序，而不用擔心現有環境是否支持。 下面是一個例子： // 轉碼前 input.map(item => item
2020-02-21 03:00:11
原创 JavaScript的排序算法——歸併排序
歸併排序（Merge Sort） 在計算機科學裏，歸併排序（Merge Sort）是一種通用有效的排序算法。通常情況下實現的是穩定的排序隊列，這意味着相等元素排序後的順序與排序前保持一致。 歸併排序是採用分治法（Divide and Co
2020-02-21 03:00:10