原创 bind方法解釋

MDN的解釋是:bind()方法會創建一個新函數,稱爲綁定函數,當調用這個綁定函數時,綁定函數會以創建它時傳入 bind()方法的第一個參數作爲 this,傳入 bind() 方法的第二個以及以後的參數加上綁定函數運行時本身的參數按照順序

原创 關於上傳帶有圖片的表單數據至服務器

最近在做一個商城的後臺管理項目,項目中做到文件上傳功能,上傳到OSS阿里雲服務器。 主要涉及到的技術點爲 1:阿里雲oss文件服務器上傳;2:jquery.form.js;3:H5的fileReader文件預覽功能 ;這個上傳功能涉及到三

原创 vue-cli項目中,H5頁面打包加載優化

問題 最近做到H5項目,打包在測試環境發佈後,chunk-vendorjs文件加載6s阻塞,使得頁面打開看起來非常慢 解決方案 1,因爲是chunkjs包體積過大,第一個想到的是減小打包後的hcunk-vendor文件體積 我們

原创 關於echarts的api功能本地測試可行,打包線上功能失效問題

最近在用echarts開發一個H5的柱狀圖頁面 大致情況是在本地運行,瀏覽器顯示正常,但是webpack打包後發到線上測試環境,功能就失效。 排除結果: 前端在本地運行的時候,會獲取nodemodules安裝的依賴包,確認過package

原创 JS中的call()方法和apply()方法用法總結

最近又遇到了JacvaScript中的call()方法和apply()方法,而在某些時候這兩個方法還確實是十分重要的,那麼就讓我總結這兩個方法的使用和區別吧。1. 每個函數都包含兩個非繼承而來的方法:call()方法和apply()方法。

原创 promise方法

含義Promise 對象用於一個異步操作的最終完成(或失敗)及其結果值的表示。簡單點說,它就是用於處理異步操作的,異步處理成功了就執行成功的操作,異步處理失敗了就捕獲錯誤或者停止後續操作。它的一般表示形式爲:new Promise(

原创 HTML5 script標籤和link標籤

1,不加標籤的script阻塞dom解析,執行順序按照標籤順序2,async script不阻塞dom解析,執行順序不固定,看網絡狀況3,defer script不阻塞dom解析,等dom解析執行完畢後再執行,執行順序按照標籤順序4,li

原创 axios基礎api

axios基於http客戶端的promise,面向瀏覽器和nodejs特色瀏覽器端發起XMLHttpRequests請求node端發起http請求支持Promise API監聽請求和返回轉化請求和返回取消請求自動轉化json數據客戶端支持

原创 面試題彙總

1,解釋防抖和節流 2,前端重繪和迴流 3,css繪製三角函數 4,react的生命週期 5,如何看待react組件化 6,webpack的plugin 7,敏捷開發 8,hook 9,Promise如何區分是哪個錯誤請求 10,

原创 關於js動態渲染的元素綁定事件遇到的坑

總結一下今天項目中遇到的關於動態渲染元素綁定事件遇到的一些坑。 首先作爲後臺管理系統除左邊側邊欄外,右邊主體部分都是動態渲染出來的。 第一:在給右側主體裏面元素綁定事件的時候,不要直接on綁定,而是用父元素代理事件來綁定,直接on是綁不

原创 js高程讀書筆記

1,檢測是否是數組的兩種方式自從 ECMAScript 3 做出規定以後,就出現了確定某個對象是不是數組的經典問題。對於一個網頁,或者一個全局作用域而言,使用 instanceof 操作符就能得到滿意的結果:if (value insta

原创 python實現郵件發送

python 實現自動發送郵件功能 自動化郵件功能也是自動化測試項目的重要需求之一.例如我們想在自動化腳本運行完成之後,郵箱就可以收到最新的測試報告結果.假設生成的測試報告和許多人相關,每個人都去測試服務器查看會比較麻煩,如果

原创 WebDriver API文檔

WebDriver API文檔 定位元素 find_element_by_id:通過id屬性定位 find_element_by_name:通過name屬性定位 find_element_by_class_name:通

原创 typescript編輯tsc時報錯Unable to resolve signature of method decorator when called as an expression.

背景: typescript的api文檔裝飾器,本地運行命令行tsc filename.ts,試圖編譯成js文件時,vscode終端報錯 Unable to resolve signature of method decorator

原创 Typescript學習筆記

ts數據類型 1,boolean var flag:boolean=true 2,number var num:number=123 3,數組類型 var arr1:number[]=[1,2,3] var arr2:Array<