原创 【踩坑指南】Vue Webpack配置踩坑

問題1:expected indentation of 0 spaces but found 2 . 在通過 vue-cli創建vue項目時一股腦回車的後果。。選擇了usesEslint規範,從而導致不能隨意進行Formmat排

原创 【踩坑指南】macOS使用之Homebrew指令

引言:brew 又叫Homebrew,是Mac OSX上的軟件包管理工具,能在Mac中方便的安裝軟件或者卸載軟件, 只需要一個命令, 非常方便 brew類似ubuntu系統下的apt-get的功能 Homebrew的可執行命令

原创 【前端面試】Part2:2020屆初級前端校招筆試題及面經總結 —— 框架理解題

針對框架提問 如果簡歷中有框架(React、Vue、Angular)的使用開發經驗,面試官會針對提問,由於筆者是採用React下文的題目都是針對React的。 第1題:React生命週期 第2題:爲什麼要給組件key 第3

原创 【踩坑指南】Nginx服務器發佈Ant Design以及Ant Design Pro項目

Nginx服務器發佈Ant Design以及Ant Design Pro項目通過終端命令行進入項目目錄發佈完成 通過終端命令行進入項目目錄 1.// 在編譯的項目中進行打包指令 npm run build 2. 找到打包後

原创 【Vue課序4】保姆級:Vuex異步數據獲取

Store的解耦: 官方提供的是將Vuex註冊在src/main.js下,但是爲了後來項目store的解藕,我們採取一步到位式配置,參考輝哥React教案中react+redux的設計模式。 1.修改主store.js,用來集中

原创 【我的架構之路】爲什麼現在WEB開發更像APP開發?

引言:在瞭解現代互聯網的WEB開發之前我們得先了解什麼是B/S、C/S? CS架構是安裝在用戶系統本地的程序,類似於QQ,完全在用戶計算機上執行,除了數據交互會與服務端進行通信 BS架構爲WEB,用戶看到的東西叫做“視圖 ”

原创 【Vue課序2】保姆級:初識Vue項目結構和實現第一個Vue組件

一、瞭解項目結構 當通過 vue init webpack 初始化Vue項目時會自動創建一下模板 二、瞭解Vue單元組件的構成 介紹: 一個標準的.vue文件由以下模塊構成: <template></template> <s

原创 【前端面試】Part 1:2020屆初級前端校招筆試題及面經總結 —— 基礎知識題

個人總結 很高興今天收到了開獎電話,拿到本科SP成功結束了秋招! 一輪輪的筆面試是對自己查缺補漏、學習成長的過程。 反思自己對前端的學習過程:2017年10月加入Smartlab411,起步階段看書比較多但不夠透徹,大部分看完代

原创 【我的架構之路】HTTPS之加密算法與安全傳輸以及如何和小姐姐進行安全通信

所謂“先把厚書讀薄,再把薄書讀厚”。 本文采取舉例來講解加密算法以及如何與小姐姐進行安全通信。 對稱加密算法 場景: 有一天我在華科聽宣講會認識一個可愛的小姐姐,但是很快我回到了自己學校,卻很想給她寫信,但是寫信可能會出現信息

原创 【Vue課序3】保姆級:實現Vue + Vuex 的狀態管理

一、什麼是 Vuex Vuex 是一個專爲 Vue.js 應用程序開發的狀態管理模式。它採用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。 二、安裝 Vuex 通過npm安裝: npm i

原创 【踩坑指南】終端使用git clone項目失敗

當準備克隆一個GitHub的項目時,突然出現瞭如下錯誤: luvsta:vue-demo aixing$ git clone https://github.com/TigerChain/vue-lesson.git Cloning

原创 【Vue課序1】保姆級:從零到一搭建VUE開發環境和啓動項目

一、什麼是 Vue Vue 是一個用於構建用戶界面的漸進式框架「注意讀音類似於 View,作者的初衷也是讓其起 View 的功能」,Vue 只注重視圖層,這點和 React 的是一模一樣的,Vue的特點: 簡單、易用 靈活 高效

原创 【Vue】如何配置代理請求接口

簡單粗暴,依舊直接上代碼 在實際項目中往往不想直接暴露後臺的真實接口,我們可以通過配置代理接口進行僞裝請求。 打開項目中/config/index.js文件 找到module.exports 配置 在dev模塊

原创 【Vue課序5】保姆級:Vue+Vuex+Element

一、什麼是Element element不用多說,與Ant Design一樣是頁面樣式組件庫,每個組件有着很多API需要讀者慢慢學習並運用到實際項目當中。有時候爲了方便交流,我們稱之爲 ’elm’ 或者 ’餓了麼‘ 二、安裝”e

原创 【前端面試】Part 3:2020屆初級前端校招筆試題及面經總結 —— 基礎編程題

第1題:判斷迴文字符串 判斷一個字符串是不是迴文字符串 // 思路1 直接判斷翻轉後的字符串數組是否等於原數組 // 缺點:不能判斷非順序的迴文 function checkPalindrom(str) { retur