原创 一.總概----前端知識架構

參考: winter老師的重學前端,如有侵權請聯繫[email protected]刪除

原创 設計模式-----1.單例模式

單例模式的定義是: 保證一個類僅有一個實例,並提供一個訪問它的全局訪問點。 單例模式是一種常用的模式,有一些對象我們往往只需要一個,比如線程池、全局緩存、瀏覽器中的 window 對象等。在 JavaScript 開發中,單例模式

原创 在移動端使用VConsole調試面板

1.VConsole是什麼? 作爲前端而言,通常習慣在PC通過F12使用調試面板,進行調試或者查看接口信息等。 在移動端我們可以使用VConsole來實現相同的功能。它是一個網頁前端調試面板,專爲手機 web 頁面量身設計,幫助開

原创 第一章.設計原則-----單一職責原則

單一職責原則 就一個類來說,應該僅有一個引起它變化的原因。在 JavaScript 中,單一職責原則更多地是被運用在對象或者方法級別上。 如果我們有兩個動機去改寫一 個方法,那麼這個方法就具有兩個職責。每個職責都是變化,需求的變遷

原创 form表單提交、ajax、fetch、formdata,以及跨域

一.form表單提交 1.1 簡單的介紹 <!-- form 表單post提交,默認會刷新到 action 頁面 --> <form action="www.baidu.com" method="POST" name="p

原创 二.瀏覽器的實現原理和API---總概

1. 什麼是瀏覽器 大家可以參考我之前的文章瀏覽器內核,如果大家想查看關於瀏覽器對象模型BOM的相關內容可以查看。 2. 概論

原创 同樣line-height下ios和Android顯示不一致的問題

問題: 當我們設置文字垂直居中時,一般會設置line-heigh於box的高度一致,這是我們很難看出有什麼差別。當我們設置icon和文字同時上下居中時,同樣的line-height,會發現ios和Android顯示不一致,Andr

原创 new Date(string)在IE不兼容

問題 對於 '2020-02-04' '2020.04.04' 這樣的字符串日期,在new Date時在IE中會有將有兼容性問題,會出現new Date('2020-02-04') 爲invalid date 解決方法 將日期字

原创 個別手機在微信內無法長按識別二維碼

1.問題: 在微信中打開H5頁面,頁面中有一個二維碼,長按識二維碼關注公衆號在大部分手機都是可以實現的,但是目前發現在華爲一些型號和iphone11中長按會提示保存圖片,而不是識別. 2.原因 google了很久也沒有發現原因,猜

原创 秀米的編輯的圖片無法顯示

因爲採用秀米的編輯器編輯頁面,然後粘貼到自己的富文本編輯器上,再返給前端,在前端顯示。所以使用的圖片是放置在秀米的服務器上的。這樣我們加載頁面的時候,圖片可能會無法加載。 情況1: 403 因爲我們的域名和秀米的不同,所以訪問的時

原创 spy-debugger頁面調試、抓包工具

站式頁面調試、抓包工具。遠程調試任何手機瀏覽器頁面,任何手機移動端webview(如:微信,HybridApp等)。支持HTTP/HTTPS,無需USB連接設備。 mac和window是一樣的 1.安裝 npm install -

原创 babel的認識

一.簡介: babel官網:https://www.babeljs.cn/ githup:https://github.com/babel/babel Babel 是一個工具鏈,主要用於將 ECMAScript 2015+ 版本的

原创 vue實現詳情頁返回列表頁,數據不加載且頁面原有位置不變

常見的需求: 列表頁 ====>點擊跳轉到列表詳情頁面 ======> 返回列表頁(希望頁面不重新加載,且保留原來瀏覽的位置)。 1.實現頁面的不重新加載 使用vue的keep-alive <keep-alive>包

原创 h5中返回上一頁常見的問題

1.返回上一頁獲取的數據不正確 需求: A --> B頁面,B頁面操作數據,返回A頁面,A頁面刷新數據並顯示 問題 在pc的瀏覽器中B使用window.history.go(-1)實現頁面的回退,回退後發現A頁面請求數據,但是

原创 ios的軟鍵盤bug

1.ios高版本多次收放軟鍵盤導致頁面卡死 問題: ios高版本,如12,點擊輸入框,軟鍵盤彈起,可以正常輸入回退,但是同一輸入框軟鍵盤按收起鍵收起鍵盤,再次輸入時會導致頁面卡死。 原因 當頁面超過一屏,軟鍵盤會導致頁面上移,軟