原创 VS Code保存文件時自動刪除行尾空格

操作如下: 同時按下Ctrl鍵、 ,鍵(或者:菜單欄的文件=>首選項=>設置)彈出設置頁面, 在輸入框中輸入files.trimTrailingWhitespace,打勾選中,即可使VS Code在保存文件時自動刪除行尾空格。

原创 console.log打印對象時屬性缺失的解決方法

文章目錄1. 序2. console.log()輸出對象屬性缺失3. 獲取正確的結果3.1 方法1:對象展開3.2 方法2: JSON.stringfy()看字符串4. 補充console的其他一些用法4.1 顯示信息的命令4.2

原创 重新鞏固JS(四)——JavaScript函數

文章目錄1. 函數概述2. 函數定義3. 函數調用4. 函數參數4.1 默認值4.2 剩餘參數5. 函數內部屬性5.1 arguments對象5.2 this對象6. 函數是特殊對象6.1 函數的屬性:length 和 name6

原创 框架的遊戲:2019 年 JavaScript 流行趨勢

框架的遊戲:2019 年 JavaScript 流行趨勢1. 當今 JS 開發者需要具備的能力:我們基於數據的研究2. 主要收穫3. 專家對 JS 開發未來趨勢的看法 JavaScript 生態系統複雜多變,各種框架讓人眼花繚亂。

原创 阿里蔣航:Serverless 將使前後端從分離再度走向融合

文章目錄1. Serverless 的背景和發展歷程InfoQ:Serverless 的背景和發展歷程是什麼?2. Serverless 的概念及定義InfoQ:BaaS 出現很早,但一直沒火起來,包括 Facebook 關閉了

原创 引入ttf類型的字體不起作用的解決方法

前端引入一種後綴名爲.ttf的字體,並在css文件中設置該字體,但是頁面中並沒有顯示新引入的字體: @font-face { font-family: 'myFont'; src: url('./my-font.t

原创 React input輸入框異步校驗的處理方式

文章目錄前言處理方式1:防抖處理方式2:採用標記 前言 在日常工作中,我們經常接觸到表單驗證相關的功能。有些簡單的校驗(比如輸入要求爲手機號、郵箱、密碼的字符組合等)可以直接由前端進行判斷,但是有些複雜多變的判斷(比如校驗用戶名是

原创 小練手——Finish line自動打開低於一定折扣的商品

Finish line是美國的一個運動品牌網站,我平時比較喜歡海淘鞋子,時不時可能想看看有沒有什麼好貨,但是呢,每次都要自己在頁面上一個個查看比較麻煩,故想弄一些自動化的篩選,自動選出性價比高的東西。廢話不多說,上源碼(chrom

原创 CSS實現自適應佈局:子元素項目整體居中,內部項目左對齊

日常工作時,我們可能遇到這樣一個佈局:一個父元素框框(隨着瀏覽器大小自適應寬度)裏面有許多按鈕,然後這些按鈕(寬度固定)的整體需要在父元素內居中對齊,而按鈕整體的內容又是從左往右排列。這裏提供一個解決方法,示例如下: 有如下代碼:

原创 鼠標事件&使用小Tip

文章目錄1. 鼠標事件類型1.1 簡單事件1.2 複雜事件2. 鼠標事件的觸發順序3. 小Tips3.1 平時使用小技巧3.2 開發時的小技巧 鼠標是我們日常生活中經常使用的,這裏我們來簡單瞭解下JS中的鼠標事件以及使用的一些小技

原创 微信小程序獲取自定義元素的寬高、使用”事件穿透”來達到狀態同步的效果

微信小程序獲取元素寬高的方式: // 自定義組件需要用:this.createSelectorQuery() const query = wx.createSelectorQuery() query.select('.my-cla

原创 JavaScript中的new操作符的原理解析

文章目錄new關鍵字進行的操作自己實現new操作符 JavaScript中new操作符用於創建一個給定構造函數的對象實例。如下例子: function Person(name, age){ this.name = name;

原创 浮動元素的位置,只參考前一個元素的位置即可

如下圖,1、2、3三個元素左浮動,虛線爲父容器,此時再添加一個左浮動的元素4,總寬度超出了父元素寬度,那麼4號元素的位置應該是這樣的? 它的位置不是A也不是B: 浮動元素的位置,其實只參考前一個元素的位置即可。所以元素4的位置

原创 如何撤銷 Git 操作?

文章目錄1.撤銷提交2.丟棄提交3.替換上一次提交4.撤銷工作區的文件修改5.從暫存區撤銷文件6.撤銷當前分支的變化 本文轉載自阮一峯的博客:如何撤銷 Git 操作? Git 版本管理時,往往需要撤銷某些操作。本文介紹幾種最主要的

原创 TypeError: CleanWebpackPlugin is not a constructor 的錯誤處理

遇到問題 按照webpack官網的教程進行學習時,安裝clean-webpack-plugin插件後(版本爲:"^3.0.0"),再build時,發現報錯了,配置如下: const CleanWebpackPlugin = req