原创 Mac上 npm EACCES: permission denied 問題終極方案
方法一： // 1、清除npm緩存（由於是在Mac系統下，執行npm cache clean --force命令時前面需要加sudo獲取權限） sudo npm cache clean --force // 2、刪除node_mo
2020-06-20 04:27:24
19
原创 js 實現將數據導出excel兩種方式
由於項目需要，需要在不調用後臺接口的情況下，將json數據導出到excel表格，參考了好多資料以及很多大佬寫的博客終於實現，兼容chrome沒問題 方法一 將table標籤，包括tr、td等對json數據進行拼接，將table
2020-06-19 20:14:33
原创 找出並刪除git庫中的大文件
在git庫中有時會存在很大的文件，比如二進制文件、記錄賬號密碼的文件或者一些zip文件等。我們可能會忘記在gitignore中加上這些文件名，在commit和pull的時候就會很慢，甚至出錯 下面分幾步處理這些大文件 1. 顯
2020-03-27 11:51:08
25
原创 Linux/Mac OS 常用命令
輸入下面的ps命令，顯示所有運行中的進程： ps aux | less 根據進程名搜索 【ps -axu 本機名|grep 程序名】 【ps -axu ShuChan|grep mysql】 在知道程序端口的情況下： 將PortN
2019-10-26 00:40:43
1
原创 Javascript 將html轉成pdf，可以下載，支持多頁（html2canvas 和 jsPDF）
最近項目碰到一個需求，將一個表格生成一份報告，故而想到將表格導出爲pdf文件。此功能用到了jspdf和html2canvas兩個開源插件，可以 npm 直接拉取，不多說，代碼如下： 在獲取到頁面截取的base64位的長長圖片之後，
2019-07-31 00:43:30
原创 node打包工具--Pgk
使用pkg打包Node.js應用的方法步驟 Node.js應用不需要經過編譯過程，可以直接把源代碼拷貝到部署機上執行，確實比C++、Java這類編譯型應用部署方便。然而，Node.js應用執行需要有運行環境，意味着你需要先在部署機
2019-06-11 04:11:52
原创 JS實現繼承的幾種方式
前言 JS作爲面向對象的弱類型語言，繼承也是其非常強大的特性之一。那麼如何在JS中實現繼承呢？讓我們拭目以待。 JS繼承的實現方式 既然要實現繼承，那麼首先我們得有一個父類，代碼如下： // 定義一個動物類 function Anim
2019-04-04 23:47:30
原创 訪問一個URL經歷了哪些過程
從大致上來講經歷了 客戶端獲取URL - > DNS解析 - > TCP連接 - >發送HTTP請求 - >服務器處理請求 - >返回報文 - >瀏覽器解析渲染頁面 - > TCP斷開連接 1、概要 從用戶在瀏覽器輸入域名開始，到we
2019-04-03 10:40:14
原创 js的深拷貝和淺拷貝
淺拷貝 我們看一下這個例子： let a = {title:'深複製'}; let b = a; a.title = '淺複製'; console.log(a) console.log(b) 咦，爲啥嘞！！！！！！爲啥兩個都是輸出
2019-03-29 23:38:08
原创 CommonJS模塊與ES6模塊的區別
CommonJS 對於基本數據類型，屬於複製。即會被模塊緩存。同時，在另一個模塊可以對該模塊輸出的變量重新賦值。 對於複雜數據類型，屬於淺拷貝。由於兩個模塊引用的對象指向同一個內存空間，因此對該模塊的值做修改時會影響另一個模塊。 當
2019-03-29 23:38:08
原创 event-loop的理解
JavaScript的學習零散而龐雜，因此很多時候我們學到了一些東西，但是卻沒辦法感受到自己的進步，甚至過了不久，就把學到的東西給忘了。爲了解決自己的這個困擾，在學習的過程中，我一直試圖在尋找一條核心的線索，只要我根據這條線索，我就能
2019-03-26 23:33:09
原创 CSS圓環的5種方法
想到去年面試實習的時候被問到實習圓環的問題，特意寫篇文章總結一下吧！總結了一下大概有5種方法。 1. 兩個標籤的嵌套： <div class="element1"> <div class="child1"></div> </
2019-03-22 23:43:05
原创 vuex直接修改state 與 用dispatch／commit來修改state的差異：
一. 使用vuex修改state時，有兩種方式： 1）可以直接使用 this.$store.state.變量 = xxx 2）this.$store.dispatch(actionType, payload) 或者： this.$st
2019-03-22 23:43:05
原创 相關面試題
面試分享：一年經驗初探阿里巴巴前端社招 面試一個一年工作經驗的前端，大家一般會問什麼問題才能確實這是自己需要的前端 平安科技前端面試題 前端面經總結——平安科技四輪技術面+一輪HR面 面試分享：一年工作經驗面試平安某子公司前端開發
2019-03-22 23:43:05
原创 dom 事件冒泡、捕獲 dom事件三個階段
本文主要解決兩個問題： 什麼是事件流 DOM事件流的三個階段 起因 溫故了一下我的《JavaScript高級程序設計》的時候，翻到DOM事件那一章，（說實話，現在無論是什麼框架你都離不開操作DOM啊，畢竟這是你展示的最基本元素，就像人
2019-03-22 23:43:05