原创 前端如何實現文件下載,防止瀏覽器自動打開可預覽文件

前端如何實現文件下載,防止瀏覽器自動打開可預覽文件歡迎踩坑踩坑記錄一**window.open()方法**踩坑記錄二**html的a標籤**踩坑記錄三**window.location.href方法**解決問題**使用XMLHtt

原创 react中實現數據驅動動畫實現

react實現數據驅動動畫的難點和痛點 如果只是單純的實現動畫,不需要與數據交互,css可以很好實現一些簡單的不需要重複執行的動畫(解釋一下這裏所說的不用重複執行的動畫是指不需要更改dom節點在html文檔重的結構順序),並且r

原创 從零開始發佈自己的npm依賴庫

關於npm npm是Node.js的軟件包管理器 。它創建於2009年,是一個 開源項目, 旨在幫助JavaScript開發人員輕鬆共享打包的代碼模塊。 npm Registry是Node.js,前端Web應用程序, 移動應用程

原创 ant design文件上傳與分頁獲取數據

前言 以下是本人在利用react+antd結合開發web前端項目過程中遇到的問題的總結,還請大神不吝賜教,本人才剛入門。 文件上傳 const uploadProps = { name: 'file',

原创 網站性能優化實戰與原理講解

衡量高性能網站的幾個標準 頁面加載時間 瀏覽器性能發揮 網絡性能 開發效率 瀏覽器渲染html原理 首先,HTML被解析成一棵DOM樹,也叫做文檔對象模型。這就是爲什麼瀏覽器要在第一時間下載頁面的HTML的原因之一,另外一個原

原创 深入理解JavaScript的對象

“對象”長什麼樣 JavaScript對象中包含一系列屬性,這些屬性是無序的。每個屬性都有一個字符串key和對應的value。 驗證: const obj = {}; obj[1] = 0; obj["1"] = 10; cons

原创 JavaScript利用單例設計模式實現一個簡單的模態框

首先介紹一下單例模式 什麼是單例模式? 保證一個類僅有一個實例,並提供一個訪問它的全局訪問點,這樣的模式就叫做單例模式。 爲什麼需要單例模式? 一句話,優化代碼。 什麼時候需要單例模式? 1、有頻繁實例化然後銷燬的情況,也就是頻繁

原创 nextSibling和perviousSibling踩過的一些坑

目錄菜鳥教程上對nextSibling、nextElementSibling、previousSibling、previousElementSibling的定義HTML DOM中的三種節點帶Element和不帶Element 菜鳥

原创 【npm install -g cnpm --registry=https://registry.npm.taobao.org 】【cnpm install -g create-react-app】

配置react前端開發框架時踩過的坑 下載淘寶的npm鏡像時報權限錯誤: npm WARN checkPermissions Missing write access to /usr/local/lib/node_module