原创 解決ant-design-vue 頁面滾動下拉框錯位
使用ant-design-vue的 select | dropdown組件時, 出現頁面滾動下拉框偏移錯位時, 可以添加 getPopupContainer改變浮層渲染父節點。 :getPopupContainer="trigger =
原创 記el-tree 懶加載複選框回顯的坑
由於tree的數據量大,一次返回的數據量會很慢,所以採用了懶加載lazy來實現。 在實現el-tree 的懶加載時,從數據已知是否選中狀態以及半選節點list。 由於tree數據是點擊一級加載一級,會存在用戶修改複選
原创 微信小程序獲取用戶名頭像
1. 可使用 button 組件授權,如果已經用組件授權了,wx.getUserInfo 可直接返回用戶數據,無需重複授權彈窗 2. 若只進行展示, 可使用微信小程序組件 open-data,展示微信開放的數據
原创 js實現的模糊查詢
模糊查詢,一般都是傳關鍵字給後端,由後端來做, 但由於頻繁的請求後臺數據會對服務器造成過大的壓力。 可將列表數據一次請求過來,然後用js對數據進行一個模糊查詢。 1. indexof 方法 2.split 方法
原创 vue + axios 文件下載
實現文件下載功能時,後臺返回的爲文件流時,需要通過 blob 處理文件流 首先設置 responseType 對象格式爲 blob ,阻止亂碼問題 獲取請求返回的 response 對象中的二進制文件流轉爲 blob 對象 創建
原创 ios 中 h5 頁面返回不刷新問題
在需要刷新的頁面 將需要執行的方法綁定給window.onpageshow ~ 如下 ~
原创 visibilitychange 事件
當瀏覽器標籤頁被隱藏或顯示的時候會觸發 visibilitychange 事件 ~ 可通過監聽該事件,當瀏覽器標籤頁被隱藏或顯示的時候來切換標題 ~ 完 ~
原创 H5頁面在IOS後退不刷新的解決方法
//將此段代碼放入需要刷新的頁面即可 var browserRule = /^.*((iPhone)|(iPad)|(Safari))+.*$/; if (browserRule.test(navigator.userAgent))
原创 h5頁面在iOS上的問題解決
1、ios移動端 軟鍵盤收起後,頁面內容被頂上去,不下滑回原處 代碼如下: $(function(){ $('input,textarea').on('blur',function(){ w
原创 移動端300ms點擊延遲
產生原因:手機使用了300ms的延遲來判定用戶是否發生雙擊行爲。 解決問題: 1.禁用縮放 表明這個頁面是不可縮放的,此時瀏覽器可以禁用默認的雙擊縮放行爲並且去掉300ms的點擊延遲。 缺點:這樣會完全禁用縮放功能。 2.更改
原创 Vue_api
Vue.nextTick( callback ) 當下次 DOM 更新循環結束之後執行延遲迴調。在修改數據之後使用 nextTick 這個方法,可獲取更新後的 DOM。 Vue.set( 對象,屬性名,屬性值 )可在vue dat
原创 Jest
vue cli 擁有開箱即用的通過 Jest 或 Mocha 進行單元測試的內置選項。 由於mocha單元測試集合在vue cli下有問題,可以使用 jest 來完成單元測試。 語法: 普通匹配器: tobe : 是否精確匹
原创 混合式開發
現如今APP開發有兩個主流的方向:原生App 以及移動Web App。 什麼是原生app(Native app)? 在智能手機上運行的App應用程序有NativeAPP(基於本地操作系統運行)和Web APP(基於手機瀏覽器運行),其中
原创 JWT ,Session區別
什麼是JWT Json web token(JWT)是爲了網絡應用環境間傳遞聲明而執行的一種基於JSON的開發標準(RFC 7519),該token被設計爲緊湊且安全的,特別適用於分佈式站點的單點登陸(SSO)場景。JWT的聲明
原创 響應式佈局
響應式佈局就是指一個頁面同時適應多種不同的端口 主要實現方式: 百分比自適應佈局 1.可採用媒體查詢的方式 @media screen and (min-width:1000px){...} 對應PC端