原创 前端監控系統的實現構想
實現一個系統，統計前端頁面性能、頁面JS報錯、用戶操作行爲、PV/UV、用戶設備等信息，並進行必要的監控報警。方案你會如何設計，用什麼技術點，什麼樣的系統架構，難點會在哪裏等等？？ 這個問題，因爲確實沒有相關的項目經驗，也確實瞭解
2020-06-29 06:31:54
原创 如何通過WebRTC開發實時互動AI視頻應用
項目背景 前段時間負責一個人臉和手勢識別的可視化大屏項目，前端需要負責的主要任務是：通過獲取攝像機實時視頻流，將獲取到的視頻流在canvas上播放，然後每隔1000ms抽幀，並在壓縮後通過保持WebSocket連接發送給後端服務器
2020-06-19 17:18:36
4
原创 Git配置多用戶，區分你的Workspace和Personal space
在工作與學習之間，我們難免會用到兩個甚至更多的git賬戶，爲了避免賬戶之間的混淆，可以在本地配置不同的賬戶來區分。通常劃分的方式有兩種， 按工程配置多用戶 按目錄配置多用戶 這裏是git的文檔，長的很啊。 1. 按工程配置 g
2020-06-19 17:18:36
原创 React15版本組件的生命週期
生命週期的三個階段（初始化階段、運行中階段、銷燬階段），三者時間是不固定的，只是在邏輯上的分類，react在不同的生命週期會觸發不同的鉤子函數。 一、初始化階段： getDefaultProps:獲取實例的默認屬性(即使沒有生成實
2020-06-19 10:05:33
1
原创 webpack中hash、chunkhash和contenthash
我們知道，webpack可以輸出的文件名有三種，hash、chunkhash和contenthash，但是這三者的區別是什麼呢？ 在此之前，我們需要先了解緩存的概念。 現代的Web應用的性能其實很大程度上是建立在緩存的基礎上的，
2020-06-19 10:05:33
原创 配置Prettier格式化代碼
什麼是Prettier？ 看下官方文檔的說明，這裏。 Prettier 是一個自定義的代碼格式化工具，它支持以下文件格式： JavaScript, including ES2017 JSX Angular Vue Flow T
2020-06-19 09:06:09
原创 發佈npm包到github packages
GitHub 推出 GitHub Package Registry 後，提供了軟件包管理服務，開發者通過它可發佈公共或私有軟件包。對於開發人員來說非常的方便，目前支持許多大家都比較熟悉的包管理工具，如： npm (JavaScr
2020-06-19 09:06:09
2
原创 js中使用Clipboard API獲取剪貼板內容
首先，單純的 JavaScript 沒有一個很完美的訪問剪貼板（Clipboard）的方案，沒有跨瀏覽器支持window.clipboardData，它僅受IE支持。window.clipboardData被認爲是一個安全問題，因
2020-06-19 09:06:09
原创 git rebase修改commit記錄
主要命令 git rebase -i 命令 開始 假如想要修改最近三次提交信息： git rebase -i HEAD~3 //將想要修改的父提交作爲參數，即`HEAD~3^` 同理，修改最近第五次提交信息： git re
2020-06-19 09:06:09
原创 css hover給當前元素或其他元素添加僞元素
1. 作用於本身僞元素 a:hover::after { content: ""; position: absolute; left: 16px; top: 24px;
2020-06-19 09:06:09
原创 Chrome Extension插件開發概述
摘要：本文主要描述關於chrome plugin開發的相關開發知識，着重講述下popup/background/content-script三者之間的消息互通。 目錄一、前言一、Chrome Extension還是Chrome
2020-06-03 18:13:48
原创 Mac使用ngrok內網穿透實現外網訪問
轉載出處：https://blog.csdn.net/tomcat_2014/article/details/68944066 1.爲什麼使用 web開發中，難免會遇到在某些情況下，我們必須藉助外網才能調用某個API，然而，如果我
2020-06-03 18:13:48
原创 cookie和token身份驗證
HTTP Cookie（也叫Web Cookie或瀏覽器Cookie）是服務器發送到用戶瀏覽器並保存在本地的一小塊數據，它會在瀏覽器下次向同一服務器再發起請求時被攜帶併發送到服務器上。通常，它用於告知服務端兩個請求是否來自同一瀏覽
2020-06-03 18:13:48
原创 React中使用highcharts繪製圖表demo
import React from 'react'; import Highcharts from 'highcharts'; export default class extends React.Component {
2020-06-03 18:13:48
4
原创 js輪詢之setInterval踩坑小記
寫在開頭 最近負責的項目要接入計費功能，有了計費自然需要充值。說起充值，無外乎支付寶、微信和網銀了，然後前端調用充值接口後，需要起一個輪詢任務，去監聽支付狀態，根據輪詢結果來進行下一步的操作（當然了，有條件的大戶人家想要直接上we
2020-05-25 21:04:04