原创 vue拖動改變div寬度

TextWidthChange(e) { let odivParent = e.currentTarget.parentNode; //獲取目標父元素 let dx= e.clientX;//當你第一次單

原创 vue2.0+ 移動端 部分較低版本系統手機出現的白屏問題

最近的項目中遇到了有些低版本系統(如ios<11)會出現白屏問題。 首先要知道的時候白屏問題應該是js報錯 js運行中斷 一些router進的頁面也沒發加載,而這些js大都是因爲不支持es6語法而導致的。那知道怎麼知道你的js是否報錯了呢

原创 小程序+瀑布流

<view class="video-list"> <view class="ul" style="display: none"> <view class="li" data-item="{{item}}" catchtap=

原创 mysql.zip版本(5.7.27)的安裝整理

參考: https://www.cnblogs.com/lxlin/p/9635350.html https://www.cnblogs.com/jingjimanbu/p/10974383.html my.ini [client] p

原创 Angular7入門總結篇

一、Angular 介紹 Angualr 是一款來自谷歌的開源的 web 前端框架,誕生於 2009 年,由 Misko Hevery 等 人創建,後爲 Google 所收購。是一款優秀的前端 JS 框架,已經被用於 Google 的多

原创 關於webpack升級和打包

webpack1.0升級(搭配的是vue) 首先要了解webpack每個配置的作用,主要參考下面的鏈接: https://www.cnblogs.com/libin-1/p/6596810.html https://www.jianshu

原创 vue項目中實現多語言 vue-i18n處理動態加載後端數據語言

項目要求多語言  最好是可以根據後臺配置的顯示 首先是安裝npm install vue-i18n  -S 當然也可以這樣: <script src="https://unpkg.com/vue-i18n/dist/vue-i18n.j

原创 vue+瀑布流

<div class="video-list"> <ul ref="newArray1" class="zq-waterfall-left"> <li @click="toVideo(item)"

原创 初次接觸flutter

使用的是window10的系統   官網的安裝介紹 https://flutterchina.club/setup-windows/    1、先去GitHub把flutter https://github.com/flutter/flu

原创 npm 更換源

更換倉庫源: 淘寶的倉庫源:npm config set registry https://registry.npm.taobao.org/   npm官方倉庫源: npm config set registry http://www.n

原创 vue單頁面如何在後退時返回到上次滾動位置

第一種方法、在main.js裏面,此時模式mode要爲 history,頁面需要設置 <keep-alive ><router-view v-if="$route.meta.keepAlive"></router-view></keep-

原创 關於圖片PC端和安卓都顯示,只有IOS微信瀏覽器不顯示

樣式什麼的都解決不了   圖片也是https 後來百度了一下圖片轉碼的網址,轉碼一下再重新上傳就可以顯示

原创 移動端VUE對於PDF圖片手勢縮放和移動(結合hammer.js)

最後的效果是這樣的 ,關於PDF文件顯示就交給後端了,因爲這個項目需要顯示電子章和後端生成的文字所以直接後端生成圖片更省事。 首先第一個坑 直接引入hammer.js手勢沒觸發 要用npm安裝"vue2-hammer": "^2.1.2

原创 解決彈出層滾動穿透的問題

一個棘手的問題:彈出層的滾動穿透,即彈出層滾動,那麼被彈出層覆蓋的下面的內容區域也會進行滾動。彈出層我是用的view標籤然後使用的position:fixed進行的定位;說一下我的解決思路: 一:當彈出層裏面無滾動的時候: 可以在遮罩的v

原创 關於前端PDF顯示和蓋章(vue)

PDF顯示用的是 pdfjs-dist 1.vue中引入pdfjs依賴    npm install pdfjs-dist --save 2.使用canvas當預覽pdf文件的畫布 <canvas v-for="page in page