原创 Performant front-end architecture

Performant front-end architecture 高性能前端架構 (~~~後面的原文待翻譯) This post describes some techniques to make front-end apps load

原创 Unexpected end of JSON input while parsing near 報錯及解決

npm install出現Unexpected end of JSON input while parsing near錯誤 今天在更新包時,出現以下錯誤: npm install react-dom ~ Unexpected

原创 最全面計算機英語單詞列表(一)

作爲一名開發者,不管是自己寫代碼還是閱讀英文文檔,英語水平對於開發進度有很大的影響。業餘時間簡單整理了計算機開發中常見的英語單詞(不限於前端開發),再此和朋友們分享。單詞較多,爲了閱讀體驗良好分成幾個部分。1.file,n.文件;v.保存

原创 Synchronous XMLHttpRequest on the main thread is deprecated

Synchronous XMLHttpRequest on the main thread is deprecated 近期看到這個報錯信息,查閱對比很多資料,主要原因是 ajax 的同步加載問題。 stackOverflow W

原创 前端安裝配置nginx服務器反向代理

前端安裝配置nginx服務器 1.安裝Homebrew 這個工具類似於 npm,就是第三方包安裝工具。我使用的 Mac 系統,在終端輸入 ruby -e "$(curl -fsSL https://raw.githubuserco

原创 螞蟻金服組件 ReferenceError: primordials is not defined

ReferenceError: primordials is not defined 錯誤經過 使用螞蟻金服的某個第三方組件時,本地需要測試編譯,執行 npm start 出現這個錯誤 ReferenceError: primor

原创 怎樣提升自己的編程能力?

最近反思一個問題:自己編程兩年多以來,爲什麼近期的編程能力沒有較大的提升?日常自己也參與不少項目,gitHub 上提交了不少的代碼,CSDN 上面也寫了不少自己的見解。還是感覺編程中有些力不從心。 過去一段時間中參與了若干開源項目,git

原创 前端使用 RESTful API 設計 URL

RESTful 是一個 URL 的設計規範 簡單的說:HTTP 通過不同的方法表示操作(對應數據庫增刪改查),URL 表示操作的對象(對應數據庫、表、記錄等對象)。這部分 URL 通常是後端設計,前端直接調用。如果前端處理部分全棧

原创 時間時區錯誤修復moment

最近項目中,用戶反饋一個時間不正確,老闆讓我立即處理。具體現象如下: 第一個界面的時間 第二個界面的時間 發現一部分時間正確,一部分時間錯誤;正確的和錯誤的沒有順序。解決思路如下: 1、排除後端傳值錯誤 早上剛剛上班,我輸入了

原创 博客總結歸納

下面是博客的全部鏈接: Web前端開發標準規範總結 最全面計算機英語單詞列表(一) CSS-界面滾動時不顯示滾動條 React中loading界面處理 Cannot read property innerHTML of null

原创 window-onbeforeunload 的使用

官方定義 onbeforeunload 事件在即將離開當前頁面(刷新或關閉)時觸發。該事件可用於彈出對話框,提示用戶是繼續瀏覽頁面還是離開當前頁面。 使用場合 當我們界面中有未提交的表單,或者有未保存的文本內容,用戶點擊關閉按鈕,

原创 font-weight失效移動安卓處理方法

font-weight失效移動安卓處理方法 1、BUG 現象 最近遇到一個奇怪的現象:一段文本設置了font-weight,但是在移動端中的瀏覽器中不顯示加粗。 左側是瀏覽器中移動端模擬器中的界面,可以看到對話框的標題和按鈕文字是加粗的,

原创 uglyJS 壓縮醜化介紹

uglyJS 功能:醜化 JS 文件,有效減小 js 文件大小; 基本使用 0、環境配置 如果有 es6 代碼,假設已經安裝了 babel 並可以成功將ES6轉換成ES5代碼。(項目沒有使用webpack進行打包) 1、安裝庫 n

原创 Browserslist: caniuse-lite is outdated. Please run next command npm update caniuse-lite browserslis

Browserslist: caniuse-lite is outdated. Please run next command npm update caniuse-lite browserslis 報錯解決 問題 在 React

原创 z-index 無效解決方法

在工作中遇到這樣一個問題:設置一個DIV z-index 很大,但是仍然被其他元素遮擋 例如:左側的若干圖標 z-index 依次增加,右側的四個圖標也需要設置 z-index。 如果界面中同一個位置有多個元素層疊,可以設置 z