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