原创 使用webpack打包工具實現瀏覽器支持es6模塊
瀏覽器目前對於es6的支持有限。我們通常會使用babel轉碼器經es6轉爲es5實現瀏覽器的支持。但是babel默認只轉換新的JavaScript句法（syntax），而不轉換新的API，比如Iterator、Generator、Set、
2020-02-23 17:26:26
原创 JavaScript閉包中的循環（二）
1.實例一： var nodes = document.getElementsByTagName('button'); for (var i = 0; i < nodes.length; i++) { nodes[i].addEve
2020-02-23 17:26:25
原创 關於斐波那契數的JavaScript實現
1.遞歸實現 function folino(n){ if (n<2) { return 1; }else{ return folino(n-2) + folino(n-1
2020-02-23 17:26:25
原创 懶加載提高頁面性能
一、什麼是懶加載？ 懶加載，就是延遲加載。針對於多圖片的頁面，只有當該圖片出現在頁面視區中時，再加載該圖片。。可以防止頁面一次性加載完所有的圖片，用戶等待時間較長，影響用戶體驗。二、如何實現懶加載 1. 將頁面中的圖片的src屬性設置爲
2020-02-23 17:26:25
原创 js實現基礎的排序-冒泡排序、選擇排序、插入排序
一、冒泡排序：function bubbleSort(arr) { var len=arr.length; for(var outer=0;outer<len-1;outer++) for(var inner=0;inner<
2020-02-23 17:26:25
原创 實習生筆試
這幾天參加過幾場筆試。讓我對筆試有了新的認識。無論是前端，還是後端，最開始的筆試都只是一個簡單的測試，測試你的邏輯思維能力，算法能力。單項選擇題基本上是一些計算機的基礎題目，包括網絡協議（http、Tcp/Ip)、內存、寄存器。程序的設計
2020-02-23 17:26:25
原创 正則表達式的練習
今天，做了幾個編程題目，深感正則表達式的強大。一、檢查字符串中是否包含數字。包含則返回true，否則返回false。 function containsNumber(str) {
2020-02-23 17:26:25
原创 javascript高級排序算法-希爾排序、歸併排序、快速排序
一、希爾排序重點：間隔值的選取 function shellsort(arr,gap) { for(var g=0;g<gap.length;g++){ for (var i = gap[g]; i
2020-02-23 17:26:25
原创 javascript之JSON對象
JSON是javascri Object Notatio（javascript對象表示法）的簡稱。它是一種輕量級的數據交換格式。 JSON是javascript的一個嚴格的子集，是基於javascript的對象字面量表示法來表示結構化的
2018-09-06 19:22:24
4
原创 javascript之this
函數中this對象的取值，是在函數被調用執行的時候確定的。（函數調用時會產生執行上下文環境） 分爲以下五種情況： 1. 函數是構造函數 this代表將要創建的對象。 注意:如果將構造函數當做函數調用，則thi
2018-09-06 19:22:24
原创 同一瀏覽器多個標籤頁之間的通信（二）——cookie+setInterval
二、cookie （1）cookie是什麼？ HTTP Cookie，通常直接叫做cookie，最初是在客戶端用於存儲回話信息的。該標準要求服務器對任意HTTP請求發送Set-CookieHTTP頭作爲相應的一部分，其中包含回話信息。瀏覽
2018-08-26 18:48:42
原创 webpack 處理 vue單文件
1.安裝 2.webpack.config.js1.引入插件vue-loader2.resovle.alias的設置 。用於引入vue文件const { VueLoaderPlugin } = require('vue-loader')
2018-08-26 18:48:42
原创 圖片的懶加載
懶加載作用：1.提升用戶體驗，避免出現卡頓現象。2.有選擇的請求圖片，減少服務器的壓力和流量，減少瀏覽器的負擔。懶加載的實現過程：將圖片的src屬性設置爲“，圖片的真實路徑設置到data-src屬性中。頁面滾動的時候計算圖片的位置與滾動的
2018-08-26 18:48:42
2
原创 同一瀏覽器多個標籤頁之間的通信（一）——localStorage
一、localStorage （1）localStorage是什麼？ localStorage對象在修訂過的HTML5規範中作爲持久保存在客戶端數據的方案取代了globalStorage，是Storage的實例。 注意：要訪問一個loca
2018-08-26 18:48:41