原创 sendBeacon 刷新/關閉頁面之前發送請求

背景： 有一個任務非常耗時會消耗後臺大量算力，所以在退出頁面的時候，要求前端這邊發送一個請求來殺死任務。 一開始以爲這個需求非常簡單，就是在進入其他路由前，發送一下請求，殺死一下任務就好了。 然而現實狠狠的打了我的臉，因爲退出頁面的場景不止

2019-02-25 10:32:44 4

原创 js 瀏覽器桌面通知npm插件 notification-koro1

H5 notification:一個瀏覽器桌面通知 npm 包,求 Star 輕量: 體積不超過 2KB 安裝: npm i -S notification-koro1 使用： 插件在vue項目中使用的示例：.vue文件 1.

2019-02-22 03:52:41 3

原创 js 瀏覽器桌面通知notification

Notification是HTML5新增的API，用於向用戶配置和顯示桌面通知。上次在別的網站上看到別人的通知彈窗，好奇之餘也想知道如何實現的。實際去查一下發現並不複雜，且可以說比較簡單，故寫篇博客分享給大家,希望能幫你們瞭解這個A

2019-02-22 03:52:41

原创 H5 notification瀏覽器桌面通知

Notification是HTML5新增的API，用於向用戶配置和顯示桌面通知。上次在別的網站上看到別人的通知彈窗，好奇之餘也想知道如何實現的。實際去查一下發現並不複雜，且可以說比較簡單，故寫篇博客分享給大家,希望能幫你們瞭解這個API。

2019-02-21 11:15:03 1

原创 var和let/const的區別

let和const是 ES6 新增的命令，用於聲明變量，這兩個命令跟 ES5 的var有許多不同，並且let和const也有一些細微的不同，再認真閱讀了阮一峯老師的文檔後，發現還是有一些不知道的細節... 博客、前端積累文檔、公衆號、G

2019-01-04 11:32:40

原创 瀏覽器重繪重排與優化-前端進階

很多人都知道要減少瀏覽器的重排和重繪，但對其中的具體原理以及如何具體操作並不是很瞭解，當突然提起這個話題的時候，還是會一臉懵逼。希望大家可以耐着性子閱讀本文，仔細琢磨，徹底掌握這個知識點！ 博客、前端積累文檔、公衆號、GitHub

2018-12-26 02:01:46

原创 掌握瀏覽器重繪(reflow)重排(repaint)-前端進階

很多人都知道要減少瀏覽器的重排和重繪，但對其中的具體原理以及如何具體操作並不是很瞭解，當突然提起這個話題的時候，還是會一臉懵逼。希望大家可以耐着性子閱讀本文，仔細琢磨，徹底掌握這個知識點！ 博客、前端積累文檔、公衆號、GitHub 網

2018-12-24 10:52:41 1

原创 web 全屏模式輕鬆掌握[局部元素全屏展示]

我第一次對網頁全屏模式有概念，是那種網頁播放視頻的全屏播 放的那種。感覺很強，前幾個星期有個需求也是關於全屏模式的，接觸之後才知道全屏模式並不神祕，是個很容易掌握的技能… 博客、前端積累文檔、公衆號、GitHub CodePen

2018-12-08 01:56:30 3

原创 js全屏模式輕鬆掌握[局部元素全屏展示]

我第一次對網頁全屏模式有概念，是那種網頁播放視頻的全屏播 放的那種。感覺很強，前幾個星期有個需求也是關於全屏模式的，接觸之後才知道全屏模式並不神祕，是個很容易掌握的技能... 博客、前端積累文檔、公衆號、GitHub CodePen

2018-12-03 08:35:00 3

原创 前端er來學習一下webWorker吧

我們都知道，JavaScript 是單線程的，在同一時刻只能處理一個任務，我們會通過 setTimeout()、setInterval()、ajax 和事件處理程序等技術模擬“並行”。但都不是真正意義上的並行: Web Worker 是

2018-11-27 13:35:39 1

原创 一份超級詳細的Vue-cli3.0使用教程[趕緊來試試！]

前言 在vue-cli 2.X的時候，也寫過一篇類似的文章，在八月份的時候vue-cli已經更新到了3.X，新版本的腳手架，功能灰常強大，試用過後非常喜歡，寫篇教程來幫助各位踩一下坑。 游泳、健身瞭解一下：博客、前端積累文檔、公衆號、Gi

2018-11-15 10:45:13 3

原创 手摸手教你使用WebSocket[其實WebSocket也不難]

在本篇文章之前，WebSocket很多人聽說過，沒見過，沒用過，以爲是個很高大上的技術，實際上這個技術並不神祕，可以說是個很容易就能掌握的技術，希望在看完本文之後，馬上把文中的栗子拿出來自己試一試，實踐出真知。 游泳、健身瞭解一下：博客、

2018-10-25 10:44:36

原创 VsCode 添加文件頭部註釋和函數註釋[koroFileHeader]

以前發過這個插件，這回版本升級了一下，修復了以前默認配置項不能刪除，順序不能移動的問題，並且新增了光標處添加函數註釋的功能，也重寫了一遍readme，所以再推廣一下這個插件，下一步計劃是支持其他語言的註釋。 以下是readme正文。 ko

2018-10-17 10:34:07 2

原创 VsCode讀取項目文件的Eslint規則 保存時自動修復格式錯誤

前言： 同一個項目，保持代碼風格的一致，是非常重要的一個規範。但事實上項目小組成員的代碼校驗規則、格式化工具通常都不一致，爲了避免項目到後期出現無法維護的問題，項目成員使用同一套校驗規則，同一個格式化方式是相當好的步驟之一。 個人

2018-09-20 08:48:20

原创 VuePress 手摸手教你搭建一個類Vue文檔風格的技術文檔/博客

前言： VuePress是尤大爲了支持 Vue 及其子項目的文檔需求而寫的一個項目，VuePress界面十分簡潔，並且非常容易上手，一個小時就可以將項目架構搭好。現在已經有很多這種類型的文檔，如果你有寫技術文檔的項目的話，VuePr

2018-09-14 23:47:49 2