原创 發佈一個 NPM 以及解決淘寶鏡像報錯
什麼是NPM？ NPM是隨同NodeJS一起安裝的javascript包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種： 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。 允許用戶從NPM服務器
2020-06-26 05:49:14
3
原创 js 點擊拖動
點擊拖動 (function(){ var transform = getTransform(); function Drag(selector){ this.elem = typeof selector == ‘object’
2020-06-26 05:49:14
原创 前端之淺談瀏覽器的垃圾回收機制和內存泄露
JavaScript使用垃圾回收機制來自動管理內存。 JS的回收機制分兩種：1.標記清除 2.引用計數。各大瀏覽器常用的是前者。 比如，Chrome瀏覽器限制的所能使用的內存極限（64位爲1.4GB，32位爲1.0GB），這就意味
2020-06-26 05:49:14
2
原创 如何發佈第一個屬於自己的npm包
什麼是NPM？ NPM是隨同NodeJS一起安裝的javascript包管理工具，能解決NodeJS代碼部署上的很多問題，常見的使用場景有以下幾種： 允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。 允許用戶從NPM服務器
2020-06-26 05:49:03
4
原创 vscode配置eslint，實現錯誤代碼標識以及自動修復
ESLint插件 一、安裝 eslint 插件 二、vscode 擴展設置 依次點擊 文件 > 首選項 > 設置 打開 VSCode 配置文件，添加如下配置： "eslint.options": { "extension
2020-06-26 05:49:03
7
原创 繞開 referrer 防盜鏈 以及服務器nodejs 作防盜鏈圖片中轉
1繞開 referrer 防盜鏈 最近處理了一個與referer有關的需求，發現裏面還是有一點門道的。因此在本篇文章整理了referer相關知識點，主要涉及圖片防盜鏈與如何繞開防盜鏈限制。 參考： Referer-MDN 使用re
2020-06-26 05:49:03
原创 ESLint配置：eslint默認及自定義規則介紹
ESLint 配置 一、eslint 安裝 1、全局安裝 npm i -g eslint 全局安裝的好處是，在任何項目我們都可以使用eslint的全局命令進行代碼規則操作，但是這對我們的意義並不大，後續會詳細介紹； 全局安裝之後，
2020-06-26 05:49:03
原创 node項目報錯had too many unstable restarts (16). Stopped. “errored”
node項目放到服務器上報錯Script /www/nodejs/socket.io/bin/www had too many unstable restarts (16). Stopped. “errored” 啓動就秒級自動關
2020-06-26 05:49:03
原创 PM2 常用命令以及配置
PM2 常用命令 $ pm2 start app.js # 啓動app.js應用程序 $ pm2 start app.js -i 4 # cluster mode 模式啓動4個app.js的應用實例 4個應用程序會自
2020-06-26 05:49:03
原创 前端安全 xss csrf 點擊劫持
一、基礎知識 1、XSS（Cross Site Scripting）跨站腳本攻擊 （1）原理：頁面渲染的數據中包含可運行的腳本 （2）攻擊的基本類型：反射型（url參數直接注入）和存儲型（存儲到DB後讀取時注入） （3）注入點：H
2020-06-26 05:49:03
原创 android 解決webview, 頁面關閉之後, 視頻或者音頻還在播放的
webView.loadUrl(“about:blank”); 這個方法會 銷燬所有的video和audio 包括js的所有正在運行的function 方法2: 複製代碼 @Override public void onPause
2020-06-16 09:23:58
原创 那些讓開發如虎添翼的在線工具
那些讓開發如虎添翼的在線工具 網上可以找到前端開發社區貢獻的大量工具，這篇文章列出了我最喜歡的一些工具，這些工具給我的工作帶來了許多便利。 EnjoyCSS 老實說，雖然我做過許多年前端開發，但我並不擅長 CSS。當我陷入困境
2020-04-28 06:46:21
原创 如何使用chrome調試iphone頁面？win10 remotedebug-ios-webkit-adapter 安裝與使用
先放個原版教程鏈接，請戳這裏 https://github.com/RemoteDebu… 使用chrome devtools 調試 iphone 頁面，需安裝 remotedebug-ios-webkit-adapter 工具。
2020-04-28 06:46:21
原创 沉浸式，狀態欄高度，劉海屏怎麼開啓，適配
沉浸式，狀態欄高度，劉海屏怎麼開啓，怎麼適配？看這！ 何爲沉浸式？ 沉浸式就是app的頭部和狀態欄和何爲一體的，webview即爲整個手機的高度 何爲狀態欄？ 狀態欄就是手機頂部，顯示時間電量那一行 除此還有劉海屏，水滴屏，挖孔屏
2020-04-26 06:43:47
原创 flex 上下固定中間滾動佈局
flex上下固定中間滾動佈局 傳統 pc 端中，子容器高度超出父容器高度，通常使用 overflow:auto 可出現滾動條拖動顯示溢出的內容，而移動web開發中，由於瀏覽器廠商的系統不同、版本不同，導致有部分機型不支持對彈性滾動
2020-04-22 04:56:18