原创 ES6 標籤模板字面量.md

前言 最近在讀《你不知道的js》下冊，看到了關於標籤模板字面量的內容，之前沒遇見過，所以不懂就要寫博客記錄下來啊~ 基礎示例 function foo(strings,...values){ console.log(strin

2018-09-13 05:20:47

原创 taro初探：使用taro構建微信小程序基礎教程

前言 由於微信小程序在開發上不能安裝npm依賴，和開發流程上也飽受詬病；Taro 是由京東·凹凸實驗室(aotu.io)傾力打造的 多端開發解決方案，在本篇文章中主要介紹了使用taro搭建微信小程序的一些步驟和一個簡單demo的實現。 安

2018-08-21 00:39:27 6

原创 2018年6月前端必須star的github項目

這裏面圖片有的上傳會失敗，爲了良好的閱讀體驗，移步到本人的github地址查看原文 文件處理 ReLaXed – 使用web技術創建PDF文檔ReLaXed是一種使用HTML或Pug（HTML的簡寫）交互式創建PDF文檔的工具。它允許使

2018-08-21 00:39:27 6

原创 在react中如何實現掃碼槍輸入

觸發原理 原理就是監聽鍵盤輸入，比如掃一個爲6970596130126的69條形碼，用掃碼槍掃一下會在光標位置依次輸出： 6 9 7 0 5 9 6 1 3 0 2 6 但這不是完整的，所以需要寫一個函數scanEvent來整理收集到的每

2018-08-21 00:39:27 3

原创 es6超好用的語法糖Decorator

Decorator（修飾器/裝飾器）是es6提出的語法糖，用於修改類的行爲。不過目前主流瀏覽器都沒有很好的支持，我們需要用babel來轉換爲瀏覽器能識別的語言。在這篇文章中將介紹decorator的基礎用法和一些應用實例。 1.修飾類 (

2018-08-21 00:39:26 1

原创 關於prototype你需要知道的幾個問題

爲了良好的代碼高亮閱讀體驗，建議您查看github原文。 前言 prototype是js面向對象的一個重要機制，於是總結了以下幾個問題，理解起來會比較有針對性。 1. prototype 和 __proto__ 的關係是什麼？ proto

2018-08-21 00:39:26 2

原创 總結css僞類的幾種常見操作

爲了良好的代碼高亮閱讀體驗，建議查看github原文。 前言 對於僞類來說，大家都很熟悉，但通常都是用:hover做一些樣式的更改和:before，:after也是常用在給元素添加一些東西之類。原理上都是這樣的，我將在這篇文章中總結一些僞

2018-08-21 00:39:26

原创 超經典面試題：用多種方法實現聖盃佈局和雙飛翼佈局

0. 開始正文之前的自我吐槽 聖盃佈局和雙飛翼佈局一直是前端面試的高頻考點，然而本人對佈局和css這方面實在不擅長==，每次被面試官問到css相關的問題，都含含糊糊；到了後面自己閒麻煩直接說"我不太懂css!"。然而總被強硬的懟回來，“你

2018-08-21 00:39:26

原创 eslint中添加flow 報錯 "Cannot read property 'type' of undefined" 解決方法

配置 安裝 eslint-plugin-flowtype npm install eslint --save-dev npm install babel-eslint --save-dev npm install eslint-plugi

2018-08-21 00:39:26 2

原创 詳解generator(三)——處理thunk

thunk js中的thunk是指一個用於調用另外一個函數的函數，沒有任何參數。也可以說，使用一個函數定義封裝函數調用，包括需要的任何參數，來定義這個調用的執行，那麼這個封裝函數就是一個thunk。如： function foo(x,y)

2018-08-21 00:39:26

原创 論git commit工作流程的標準姿勢

前言 之前我寫過一篇有關於git提交的文檔《用gitmoji來提交你的git commit吧》，然而在實際上應用並不是很方便，大多情況得翻閱gitmoji對照表來寫commit，且並不規範，僅僅適用於自己開發的項目，放到團隊上commit

2018-08-21 00:39:26

原创 2018年4月前端必須star的github項目

CLI相關 ink – 把react應用於命令行應用程序 consola – 優雅的控制檯記錄器 hyper – 在web上顯示終端 官網 const consola = require('consola') // See type

2018-08-21 00:39:26 1

原创 解決使用axios發送json後臺接收不到的問題

問題描述 按照axios官網例子發起請求傳遞json，後臺接受到的數據爲空，一直卡在options階段。 嘗試的方法 開始以爲是接口有問題，使用postman測試下，一切正常，百思不得其解，看了好多issue也解決不了，加了headers

2018-08-21 00:39:26 1

原创 js發起自定義事件CustomEvent

最近一個項目中需要模擬發起一個掃碼槍事件進行測試，之前寫react native調用DeviceEventEmitter這個api就可以了，然而在web中不太常用，最終在mdn中發現了這個構造方法CustomEvent 發起事件 用法 n

2018-08-21 00:39:26 4

原创 頁面從輸入URL到展現發生了什麼

1.DNS解析 我們在瀏覽器上輸入地址時，如www.qq.com，需要把這個地址解析成ip地址，其中就需要dns解析。 DNS(Domain Name System)是域名系統的英文縮寫，他的服務是用來將主機名和域名轉換爲ip地址的工作

2018-08-21 00:39:26