原创 一頁圖紙看懂Vue組件之間的交互

一頁圖紙,顧名思義真的是一頁圖紙,讓我們來慢慢展開。 組件名: Vue.component(‘my-component-name’,{}).這個形式的組件名應該是大家見過的最多的,也是最熟悉的。 組件名的兩種寫法: 使用 ke

原创 FollowMe整理前端實用開發技能

斷點調試: 1.在邏輯代碼中加入一行debugger 即告訴瀏覽器將在此時開始斷點 在正在運行的項目中將會出現如下的標識 2.在瀏覽器的source界面增加下一個斷點 點擊數字列左側即可 然後點擊屏幕中出現paused i

原创 優化前端參數傳值的拼裝

在前端很容易出現多種判斷和多種輸入框聯合搜索的情況,如果按部就班的進行書寫if語句會提高維護成本等問題。 首先先看一下當前的問題: 多塊邏輯代碼層疊冗雜 if (!!this.CustName) { this.para

原创 2020前端JavaScript面試題/錯題整理

1 .介紹JavaScript的基本數據類型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有對象的父對象 數據封裝類對象:Object、Array、B

原创 每天劍指一點offer之JavaScript得到棧中所含最小元素

定義棧的數據結構,請在該類型中實現一個能夠得到棧中所含最小元素的min函數 (時間複雜度應爲O(1)) 首先分析一下棧,可以實現嗎? 棧是先進後出,但是如果有一個輔助棧記錄整個棧中最小元素,則可以實現。 var stack =

原创 前端面試前必看的JavaScript面試題

1 .介紹JavaScript的基本數據類型 Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有對象的父對象 數據封裝類對象:Object、Array、

原创 JavaScript開發貪喫蛇小遊戲(附git傳送門)

首先要做一個js的貪喫蛇遊戲我們第一步就是要用面向對象的方法來思考問題 面向對象 貪喫蛇遊戲大家衆所周知,我們來抽象一下貪喫蛇的對象。 首先蛇本身可以單獨看爲一個對象,食物是隨機出現在屏幕上的,不管是最原始的只出現一個食物還是更

原创 啃掉前端JavaScript面試題

1.get和post請求在緩存方面的區別 post/get get請求類似於查找的過程,用戶獲取數據,可以不用每次都與數據連接,所以可以使用緩存。 post不同,post所做的一般是修改和刪除的工作,所以必須與數據庫交互,所以不能

原创 Follow Me通讀JavaScript紅皮書(第二三章)

總結紅皮書JavaScript高級程序設計的精髓知識點,感謝紅皮書原作者Nicholas C. Zakas 和博主一起走入JavaScript界的聖經,紅皮書,JavaScript高級程序設計第三版。 我們儘量用最短的時間讀

原创 HTML5新特性新標籤新屬性看這一篇就夠了

部分資料參考百度百科 HTML歷史上有如下版本: ①HTML 1.0:在1993年6月作爲互聯網工程工作小組(IETF)工作草案發布。 ②HTML 2.0:1995年1 1月作爲RFC 1866發佈,於2000年6月發佈之後被

原创 Follow Me通讀JavaScript紅皮書(補三章)

接上一篇文章,之前晚上讀到了JavaScript的Number數據結構,所以今天繼續往下看。 3.12JavaScript的五種數據類型 3.12.5 String 字符串類型,可以用單引號和雙引號表示,所以兩種都是有效的。 字符

原创 vue開發如何讓ESLint閉嘴(error Mixed spaces)

error Mixed spaces and tabs no-mixed-spaces-and-tabs 方法簡單: 新建一個vue.config.js module.exports = { //避免eslint報錯 l

原创 這些網站太讚了,學習前端千萬不能錯過!

1.codepen https://codepen.io/ 前端在線編輯學習網站,它最重要的優勢有: 即時預覽。 CodePen是面向前端設計人員和開發人員的社交開發環境。 建立和部署網站,展示您的工作,建立測試用例以學習

原创 git bash快捷鍵表(list-useful-bash-keyboard-shortcuts)

翻譯自: https://www.ostechnix.com/list-useful-bash-keyboard-shortcuts/ 作者:sk 有用的Bash鍵盤快捷鍵列表 ALT鍵快捷鍵 ALT + A –轉到行的開

原创 JavaScript設計模式儲備知識

用對象收編變量 var CheckObject={ checkName:function(){ // }, xxxx , xxxx } 另一種方式: var CheckObject =function(){}; CheckObj