原创 前端只是總結(十二):assets 和 static的區別

相同點:資源在html中使用,都是可以的。 不同點:使用assets下面的資源,在js中使用的話,路徑要經過webpack中file-loader編譯,路徑不能直接寫。 assets中的文件會經過webpack打包,重新編譯,推薦該方式。

原创 RSA前端加密(vue項目)

1,安裝插件 npm install jsencrypt --save 2,安裝成功之後,在main.js文件引入 import JSEncrypt from 'jsencrypt';//引入模塊 Vue.prototype.$jsE

原创 前端展示總結(六):vue-router懶加載實現

像vue這種單頁面應用,如果沒有應用懶加載,運用webpack打包後的文件將會異常的大,造成進入首頁時,需要加載的內容過多,時間過長,會出啊先長時間的白屏,即使做了loading也是不利於用戶體驗,而運用懶加載則可以將頁面進行劃分,需要的

原创 前端知識總結(八):var,let和const的區別

let和const都能夠聲明塊級作用域,用法和var是類似的,let的特點是不會變量提升,而是被鎖在當前塊中。 console.log(a) // a is not defined let a = 1 if(t

原创 前端知識總結(二):vuex包括哪些內容

Vuex 是什麼? Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。每一個 Vuex 應用的核心就是 store(倉庫)。“store” 基本上就是一個容器,它包含着你的應用中大部分的狀態 ( state )。 Vuex

原创 前端知識總結(三):vue項目優化

  1.路由懶加載 import Vue from 'vue' import Router from 'vue-router' import store from './store' import Home from './vie

原创 前端只是總結(五):vue-router鉤子介紹

全局   全局守衛包括:router.beforeEach、router.beforeResolve、router.afterEach;   routerbeforeEach:全局前置守衛,在進入路由之前觸發;   router.befo

原创 前端知識總結(九):關於閉包

js的作用域分兩種,全局和局部,基於我們所熟悉的作用域鏈相關知識,我們知道在js作用域環境中訪問變量的權利是由內向外的,內部作用域可以獲得當前作用域下的變量並且可以獲得當前包含當前作用域的外層作用域下的變量,反之則不能,也就是說在外層作用

原创 前端關於dom事件流

定義 DOM(文檔對象模型)結構是一個樹型結構,當一個HTML元素產生一個事件時,該事件會在元素節點與根結點之間的路徑傳播,路徑所經過的結點都會收到該事件,這個傳播過程可稱爲DOM事件流。 DOM事件流模型 在DOM兼容瀏覽器中,事件流分

原创 前端關於cookies , sessionStorage 和localStorage 的區別及使用

cookie是網站爲了標示用戶身份而儲存在用戶本地終端(Client Side)上的數據 - 通常經過加密 cookie數據始終在同源的http請求中攜帶,即使不需要,也會在瀏覽器和服務器間來回傳遞。 sessionStorage和loc

原创 前端知識總結(十):js雙等(==)和三等(===)

雙等號==:  兩個值類型相同,再進行三個等號(===)的比較; 兩個值類型不同,也有可能相等:如果一個是字符串,一個是數值,把字符串轉換成數值之後再進行比較;如果一個是null,一個是undefined,那麼true;  三等號===:

原创 前端知識點總結(一):從輸入URL到頁面展示的詳細過程

  這裏只是簡單地概括一下大致流程: 輸入網址 DNS解析 建立tcp連接 客戶端發送HTPP請求 服務器處理請求  服務器響應請求 瀏覽器展示HTML 瀏覽器發送請求獲取其他在HTML中的資源。 1、輸入地址 當我們開始在瀏覽器中輸入網

原创 JS實現楊輝三角

話不多說直接代碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style>

原创 前端只是總結(四):computed和watch的區別

computed可以監聽v-model(data)中的值,只要值發生變化 他就會重新去計算 computed必須是要有一個返回值 <div id="app"> <input type="text" v-model="f

原创 前端知識總結(十三):post與get的區別

HTTP請求,設定了八種方法。這八種方法本質上沒有區別。只是讓請求語義化。 OPTIONS 返回服務器所支持的請求方法 GET 向服務器獲取指定資源 HEAD 與GET一致,只不過響應體不返回,只返回響應頭 POST 向服務器提交數據,數