原创 【Postman登陸權限】給postman的請求添加cookie,以及使用interceptor攔截瀏覽器發送的請求

要使用postman測試開發的接口時,遇到了登陸權限的問題,本項目的權限是根據cookie中的某個值來做的判斷,那麼就需要在發送post請求的時候附帶cookie內容 通過interceptor攔截請求 攔截器的好處是,不需要手動填寫所有參

原创 【前端卡頓的優化思路和方案03】升級babel7注意事項

babel 文檔 babel 文檔 babel的簡單扼要的介紹,推薦 babel 7 簡單升級指南 升級webpack的時候,發現需要升級babel,最近babel有一個比較大的更新,就是babel7。 babel 簡單來說把 Java

原创 【前端卡頓的優化思路和方案01】webpack從2.2.1升級到webpack4全紀錄(目前先升級到webpack3.8.1)

背景 目前的webpack的版本是 2.2.1,而webpack目前的最新版本已經更新到了4.39.3 直接需求 前端頁面比較卡頓 原因1 文件都是採用的require的按需加載的模式,點擊到大文件的時候,加載時間較長。某個頁面要加載的js

原创 【前端卡頓的優化思路和方案02】實現webpack的chunk文件的命名

webpack + es2015的import()語法進行code splitting時,需要指定chunk name,便於查看chunk具體是什麼文件分離出的。 參考vue-router官方文檔的 路由懶加載 部分 vue-router

原创 webpack優化

1,增加CleanWebpackPlugin插件,作用是,清空之前的dist文件夾,避免文件積攢 2,由於開發模式下會運行 HotModuleReplacementPlugin 所以在本地build的時,會針對生成的新的dist文件,這樣就

原创 SinF的Electron系列之三---electron-packager加載第三方資源

在上篇SinF的Electron系列之二裏我提到了,用--extra-resource字段來加載第三方資源。 在項目開始的時候,我把第三方資源放到了根目錄的static文件夾裏,發現並沒有起到加載第三方資源的效果。通用查詢,發現electr

原创 SinF的Electron系列之二---electron-packager命令簡析

我使用electron-packager來打包文件,electron-packager打包的特點是,要寫一大串命令,或者在根目錄下的package.json文件中配置相應的字段如下: "scripts": { "start": "e

原创 Electron遇到的坑---Cookies問題

Electron不支持之前在瀏覽器中使用localstroage的方法,暫時採用cookie解決。 需Electron默認的cookie是保存在主流程裏面,所以需要使用remote模塊提取 getcookie的函數,我改寫成了promis

原创 在vue項目中jsPlumb製作流程圖,拖拽複製使用 jquery 和 jquery UI

這是早期用jsPlumb做流程圖走的一個坑,使用jquery來製作流程圖,最近換成了用go.js來製作流程圖後,可以使用go.js中自帶的方法來製作拖拽效果,就不再使用jquery了。 用jsPlumb做流程圖的項目,有一項功能是要從左側的

原创 vue項目中獲取外部js,並使用其中方法

因爲項目需要,需要從外部獲取js,然後在vus項目中使用其中的方法。 如果我們想引用一個庫,但是又不想讓webpack打包,並且又不影響我們在程序中以CMD、AMD或者window/global全局等方式進行使用,那就可以通過配置exter

原创 小程序踩坑記錄-上傳圖片及canvas裁剪圖片後上傳至服務器

最近在寫微信小程序的上傳圖片功能,趟過了一些坑記錄一下。 想要滿足的需求是,從手機端上傳圖片至服務器,爲了避免圖片過大影響傳輸效率,需要把圖片裁剪至適當大小後再傳輸 主要思路是,通過wx.chooseImage()函數獲得圖片的文件路徑,在