原创 ES6 Class語法介紹
參考文章:ECMAScript 6 入門 概述 基本上,ES6 的class可以看作只是一個語法糖,它的絕大部分功/能,ES5 都可以做到,新的class寫法只是讓對象原型的寫法更加清晰、更像面向對象編程的語法而已。 舉個栗子:
原创 點擊按鈕複製表格功能實現
背景 今天遇到這樣一個需求:點擊按鈕,一鍵複製表格中的內容,能直接粘貼到Excel中。開始查找到了使用clipboardData方法實現複製,可是發現在Chrome瀏覽器下無效。 解決 最終使用如下代碼實現該功能: functi
原创 JS讀取上傳文件內容
背景 今天遇到這樣一個需求:用戶選擇一個文件上傳,需要讀取到文件的內容並篩選出所需數據進行處理。 解決 function readFile() { const objFile = document.getElementBy
原创 Mac下使用nvm管理node版本
概述 日常工作中,由於node版本更新很快,時常會出現一些依賴在老版本的node下無法運行的問題,這就使得node的版本管理成爲一個越來越迫切的需求。 目前常用的node版本管理工具有n和nvm,本文中主要記錄nvm的相關內容。 nv
原创 git-flow 的工作流程
原文檔:git-flow 的工作流程 什麼是 git-flow? 一旦安裝安裝 git-flow,你將會擁有一些擴展命令。這些命令會在一個預定義的順序下自動執行多個操作。是的,這就是我們的工作流程! git-flow 並不是要替代
原创 JS中阿拉伯數字轉中文數字
背景 做學業評價項目的時候,後臺返回的數字爲阿拉伯數字,而頁面上需要展示中文數字。 解決 // 阿拉伯數字轉中文 private numberConvertToUppercase (num: number): string {
原创 從Object.assign()到ES6對象到擴展
本文內容參考:ECMAScript 6 入門 背景 在上一個項目開發中,看到項目內存在很多Object.assign()寫法的代碼,由於之前沒有接觸過,感覺比較疑惑。通過網上查詢發現,這是ES6對對象進行的擴展之一,於是系統的瞭解了一下E
原创 HTML5 contenteditable屬性
背景 今天在項目開發過程中通過接口拿到了第三方返回的dom節點,結果發現展示到頁面上會出現編輯框,然後查看了代碼發現該標籤內添加了contenteditable = true屬性,由於之前沒有用到過這個屬性,遂上網查了一下。 學習 定義
原创 [].forEach.call
曾看到過一行非常有意思的代碼: [].forEach.call($$("*"),function(a){ a.style.outline="1px solid #"+(~~(Math.random()*(1<<24))).toSt
原创 git相關問題與常用操作
Mac下刪除git文件夾 今天在使用git的時候,在錯誤的目錄下執行了git init,而在mac系統下看不到.git的文件夾,於是參考了Mac 刪除git文件夾,刪除svn文件夾文章中的方法,刪除了該文件夾。 刪除方法: cd 文件
原创 新手使用Mac常見問題及iTerm2快捷命令
由於之前一直使用Windows系統,在剛開始接觸Mac系統的時候,遇到了一些問題,在此記錄一下。 Mac常用快捷鍵 Mac下有很多快捷鍵,可以簡化鼠標操作。 該圖片引用自知乎用戶高陽Sunny的回答。 Mac文件對齊 對於一個強迫症
原创 ES6中let、const的區別及變量的解構賦值
聲明:本文內容依照阮一峯老師ECMAScript 6 入門一書所總結。 let和const 相同點 都存在塊級作用域 都不存在變量聲明提升 都會造成“暫時性死區” 在一個作用域下不可重複聲明 不同點 const一旦聲明必須立即賦
原创 element-ui Select選擇器邊框閃爍問題 及 :focus-within僞類
背景 在提分加項目中用到了element-ui的select組件,發現第一次進入頁面點擊選擇器時會有一個邊框閃爍,後審查元素時發現了:focus-within的僞類。 解決 .select-box span:focus-within {
原创 ES6 Promise對象概念及用法介紹
參考文章:ECMAScript 6 入門 一、 Promise是什麼 Promise是異步編程的一種解決方案,它是一個容器,裏面保存着某個未來纔會結束的事件的結果。它有三種狀態,只有異步操作的結果才能決定當前的狀態,不受外界因素的影響。而
原创 CSS預處理器:SCSS
SCSS簡介 SCSS 是 Sass 3 引入新的語法,其語法完全兼容 CSS3,並且繼承了 Sass 的強大功能。也就是說,任何標準的 CSS3 樣式表都是具有相同語義的有效的 SCSS 文件。另外,SCSS 還能識別大部分 CSS