原创 vue項目通過FormData上傳圖片並實時顯示圖片,及elementUI的對話框中遇到的問題
實現的效果如下: 使用的vue腳手架版本爲cli3.x,組件庫爲elementUI 本文章只放了關鍵代碼,和部分注意事項 1.html的代碼 <!-- 對話框 該對話框在mounted時未被掛載--> <el-dialo
2020-07-01 16:39:29
8
原创 分享一些前端使用的工具
1.本地文件搜索神器-Listary 用途: 當你的項目多時,這款神奇能幫你很快找到項目 2.真正的截圖神器-Snipaste 用途: 當你要參考代碼時,可以用它來固定 3.抓屏工具-FSCapture 用途: 不僅僅是個抓屏工
2020-07-01 16:39:29
1
原创 在vue中寫一段自適應屏幕代碼,並在移動端判斷橫豎屏
效果如下： 1.自適應 2.判斷移動端橫豎屏 只需在app.vue中寫入如下代碼 <template> <div id="app"> // 注意! src的圖片自己找一張gif圖 <div class="a
2020-07-01 16:39:29
1
原创 頁面超出部分滾動,但不顯示滾動條
效果如下: 最初看到這效果,是在pc端的知乎登錄頁.所以就去百度了方法. 注意:利用 css 3 的新特性 -webkit-scrollbar, 但是這種方式不兼容 火狐 和 IE 代碼如下: <!DOCTYPE html> <
2020-07-01 16:39:29
1
原创 vue中,本地圖片路徑寫到js中,圖片不顯示問題
在vue中,平常引入本地靜態圖片都是直接寫在html中的,今天把本地靜態圖片通過v-bind綁定到html上卻發現圖片不顯示了.原來是,沒把圖片導出(加上require就行了),代碼如下: <template> <div cl
2020-07-01 16:39:29
4
原创 在uni-app中使用vue語法封裝個計數器組件
效果如下： 1.在components中新建個counter.vue 組件 <template> <!-- 計數器 --> <view class="counter-box">單位 : 個 <view class="cou
2020-07-01 16:39:29
1
原创 vue利用事件委託實現按鈕互斥,並傳遞對應的值
效果如下: 事件委託:也稱事件代理 原理:事件委託就是利用事件冒泡，指定一個事件處理程序，就可以管理這一類型的所有事件。 應用場景:我有一個ul標籤，下面有很多li標籤，每個li標籤都需要添加事件，難道我們要獲取每個li然後在添
2020-07-01 16:39:18
3
原创 解決vue keyup.enter和blur綁定同一事件，觸發兩次的問題
<el-input ref="editTagFoucus" size="mini" @keyup.enter.native="$event.target.blur" @blur="editCompleteTag(i
2020-07-01 16:39:17
1
原创 在vue中,解決papaparse把.csv轉成json格式中文亂碼問題,並把處理過程進行封裝
前後效果圖: 一.出現這類問題的原因 編碼格式的問題,默認處理時utf8格式,但可能出現GBK,GB2312(我的就是)…等格式 二.解決的方法 識別編碼,告訴papaparse的encoding屬性 三.需要的插件jschar
2020-07-01 16:39:17
原创 uni-app整合最新版vant-weapp,遇到的問題和解決辦法
該方法只適合在h5端,也不建議微信小程序在uni-app中使用vant(BUG非常多,特別是每次更新HbuilderX的時候),如果你實在想小程序在uni-app中使用vant,可以用uni-app的插件市場的Vant UI De
2020-07-01 16:39:17
6
原创 在html中使用import遇到的問題
1.目前大部分瀏覽器已經原生支持HTML imports了,瀏覽器支持性如圖: 2.可根據如下代碼判斷瀏覽器支不支持HTML imports // main.html function supportImport() {
2020-07-01 16:39:17
原创 解決vue cli3.x打包更新版本,瀏覽器緩存問題
問題: 每次打包更新版本發到服務器上，導致偶爾會出現不能及時更新最新代碼，瀏覽器存在緩存的問題。總不能讓用戶打開新的無痕窗口吧。 解決: 我們可以在打包的文件名中添加一個版本號以便瀏覽器能區分。 1.找到vue.config.js
2020-07-01 16:39:17
原创 純css3實現可按下動效按鈕
效果如下: css代碼: <style> body { background: #272822; margin: 0; perspectiv
2020-07-01 16:39:17
原创 uni-app使用vuex,小程序端視圖與vuex裏數據沒一起更新問題
1.發現問題: 在uni-app中小程序使用vuex,state的值改變了,但視圖並沒有更新 如圖所示: 2.找到問題: (大膽想象) vuex的state數據更新了,但頁面的視圖並沒有實時更新.然後我聯想到在原生小程序中,我們
2020-07-01 16:39:17
9
原创 寶塔面板安裝Pure-Ftpd,但ftp無法建立連接問題
1.首先在寶塔面板的軟件商店安裝Pure-Ftpd 如圖: 2.在你購買服務器的廠商的官網上打開20,21 和 39000-40000端口 3.然後再寶塔面板中的安全放行20,21 和 39000-40000端口 如圖: 4
2020-05-23 09:33:25
2