原创 在vue中實現Monaco Editor自定義提示功能

這次接到一個需求,要在瀏覽器的IDE中支持自定義提示功能,如下所示: 可以看到,它可以根據用戶輸入的內容來一項一項排除,只顯示完全匹配的那一項。項目的框架是Vue,編輯器用的是Monaco Editor。 什麼是Monaco Editor

原创 React常用開發調試工具

在開發react項目時,我們需要用到一些開發和調試工具來輔助,我整理了一下4個好用的工具。 1. ESLint 大家在開發中應該都有用到這個工具,它是Javascript和JSX的語法檢查工具,當一個團隊一起開發一個項目時,能用它保持代碼風

原创 IE9以下不支持HTML5的解決方案

我們可以使用 Sjoerd Visscher 創建的 "HTML5 Enabling JavaScript", " shiv" 來解決該問題: <!--[if lt IE 9]> <script src="https://apps.

原创 HTML5廢棄元素

瞭解HTML5廢棄的元素對重構有所幫助,下面就是HTML5廢棄的元素: 1. 表現性元素 下面的元素被廢棄的原因是用CSS處理可以更好地替代他們: 1). basefont 2). big 3). center 4). font

原创 react生成二維碼的插件

插件: qrcode.react 用法: 1. 安裝 $ npm install qrcode.react --save 2. 使用: import QRCode from 'qrcode.react'; React.render(

原创 css實現水平居中的4種方法

html結構: <div class="parent"> <div class="item"></div> </div> 1. 已知元素的寬度和高度: .item { position: absolute; top:

原创 解決react dva打包報錯Unexpected token: operator (>)

問題描述 近期在工作中,打包react項目時控制檯報了以下錯誤: ERROR in index.js from UglifyJs Unexpected token: operator (>) [./~/query-string/index.

原创 談談對XMLHTTPRequest Level 2的理解

要想了解XMLHTTPRequest Level 2,首先得回顧一下XMLHTTPRequest對象。 什麼是XMLHTTPRequest XMLHTTPRequest是一個由瀏覽器提供的接口,用於客戶端和服務器之間傳輸數據,它是ajax的