最近在做重構項目時，發(fā)現(xiàn)了其中使用了SCRF Token用于防御CSRF攻擊，它是這樣實現(xiàn)的頁面加載時調(diào)用后端的一個接口，這個接口做的事情只有一個，就是往cookie里寫入了...
發(fā)簡信
IP屬地：廣東
-
Cookie與CSFR
-
關于script標簽的defer和async
背景 最近開發(fā)的過程中遇到一個問題：頁面中加載了一個改寫fetch的js文件，然后后面使用了fetch發(fā)送請求。發(fā)現(xiàn)在實際上，并沒有實現(xiàn)對fetch的改寫，而是使用了原生的f...
-
那就是你的這個頁面少了上述兩個變量呀，檢查一下是否引入哪里有問題？
vue-electron 新建窗口解決方案
一、問題描述 electron項目中，新建窗口的方法是在主進程中new一個BrowserWindow對象，并為其設置loadURL，代碼如下 而在vue-electron中只...
-
使用Object.definedproperty實現(xiàn)一個前端日志sdk
一、功能點 日志回調(diào) 環(huán)境區(qū)分 錯誤捕獲及上報 日志信息獲取及手動上報功能 二、功能點詳解 1、日志回調(diào) 在用戶對console.log進行修改時，以執(zhí)行隊列的形式對用戶所修...
-
@慢滿蠻曼 好的，給你造成了困惑，實在抱歉
2018-11-05 vue-cli 3.0+版本利用axios進行referer偽造
一、問題描述 當使用跨域jsonp接口時。referer屬性是前臺接口告訴服務器該接口的域名，而后臺可以對應設置請求頭referer從而對接口進行限制訪問。當服務端對refe...
-
nvm--Node Version Manager
nvm是一款node.js版本管理工具，用于管理、切換各個版本的Node.js。在我們開發(fā)項目時，可能會出現(xiàn)不同項目使用不同版本的node.js的情況，比如本機安裝的node...
-
應該在build文件夾下是有的，你看一下，其實這個文章有點久了，很久沒寫vue了，你確認一下是在webpack.dev.conf.js 里設置代理，還是在vue.conf.js。我印象中是在vue.conf.js，不記得當時為什么寫這個文章寫的在webpack.dev.conf.js
2018-11-05 vue-cli 3.0+版本利用axios進行referer偽造
一、問題描述 當使用跨域jsonp接口時。referer屬性是前臺接口告訴服務器該接口的域名，而后臺可以對應設置請求頭referer從而對接口進行限制訪問。當服務端對refe...
-
flex布局中單個子元素區(qū)別于其他子元素的主軸對其方式實現(xiàn)
一、背景 在flex布局中，我們使用父級元素的display和justify-content來實現(xiàn)flex布局，并設定主軸對其方式，這兩個屬性詳見flex布局-阮一峰 這時設...
-
使用Flow靜態(tài)類型檢查工具編寫更高質量的代碼
一、什么是Flow？ 我們知道 JavaScript 是弱類型的語言，所以我們在寫代碼的時候容易出現(xiàn)一些始料未及的問題。而 Flow這一工具則是用于對JavaScript的類...
-
React setState非同步更新問題的一丟丟見解在React中，通過setState來實現(xiàn)狀態(tài)的修改更新，當this.setState()方法被調(diào)用后，會rerender實現(xiàn)視圖的更新。整個流程如下圖所示： 需要注意的是，...
-
vue中使用highcharts-more
highcharts部分圖表的繪制需要使用到hichgcharts-more這個庫，比如伏壓表。這就需要在使用的組件中引入它 然后使用時依舊是用highchart.chart...
-
vue-electron 新建窗口解決方案
一、問題描述 electron項目中，新建窗口的方法是在主進程中new一個BrowserWindow對象，并為其設置loadURL，代碼如下 而在vue-electron中只...
-
Set Map WeakSet WeakMap本文轉自博客：Set、WeakSet、Map及WeakMap Set 和 Map 主要的應用場景在于 數(shù)據(jù)重組 和 數(shù)據(jù)儲存 Set 是一種叫做集合的數(shù)據(jù)結構，Map 是一種...
-
node.js+express+websocket實現(xiàn)服務端推送一、項目簡述 項目中需要服務端主動、連續(xù)向客戶端推送數(shù)據(jù)，而http無法滿足這一需求，所以使用了websocket 二、websocket 1、websocket簡介 Web...
-
Electron進程間通信
Electron桌面應用中有兩個進程，分別是Main主進程和Renderer渲染進程。兩個進程間有多種方法進行通信。 一、主進程和渲染進程 1、主進程Main main.js...
-
react-router-dom
簡介 使用React構建的單頁面應用，使用路由實現(xiàn)頁面跳轉。在React中，常用的有兩個包可以實現(xiàn)這個需求，那就是react-router和react-router-dom。...
-
react-redux
一、概述 react-redux用于連接react與redux，無需再手動調(diào)用dispatch去更新頁面狀態(tài)。 二、使用 1、安裝 2、程序中使用 1) Provider 使...
-
React學習筆記（三）-組件通信父子組件的通信 1.父 => 子父組件向子組件的通信是通過props。較為簡單，代碼如下 如果父組件與子組件之間不止一個層級，如 Parent 與 Child_1_1 這樣的...