原创 解決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端