原创 淺談小程序地圖中經緯度和地址的相互轉換
微信小程序中我們可以使用wx.getLocation來獲取當前的地理位置，但是某一處地址是原生沒有提供的，比如用戶輸入的地址需要導航過去的，。 首先我們需要引入騰訊地圖在微信小程序js SDK “qqmap-wx-jssdk.js”
2019-04-27 04:53:38
1
原创 Flex佈局之flexstart佈局最後一項居右對齊
Flex強大好用的css3新特性，其帶來的便利不用多言，項目中好多卡片式設計都是topbar中item都是居左對齊，最後一項向右邊對齊諸如“”“日期”，“刪除”， 分享等，開始想着直接百分比定位，後來改成space-between，調
2019-04-16 21:30:02
原创 小程序之tab的基本實現使用
微信小程序開發中官方提供了常用組件，但是卻沒有tab這個組件，當然有可能是官方並不提倡在一個頁面加入過多繁雜臃腫的東西，有點尷尬~只好自己動手擼一個。直接進入代碼wxml：<viewclass='bg-blue'>
2019-04-16 21:30:02
原创 小程序之列表滾動加載
小程序 html <scroll-view scroll-y="true" bindscrolltolower="ScrollLower"> <view wx:for="{{deviceList}}"></view> <vi
2019-04-15 21:07:06
原创 關於微信小程序列表圖片加載出錯解決方法之替換默認圖片
小程序中經常會有批量遍歷渲染的列表，如果列表中有圖片選項但是無值時或者有值但是圖片加載錯誤時如何處理呢 比如像以下這種評論列表： <view class='lists-box rel'> <view class='l
2019-04-14 22:00:17
原创 微信小程序滑動刪除效果
對於滑動刪除微信沒有提供完整的組件，所以我寫了一個小Demo, 希望可以幫助到大家 先給大家看看效果： 滑動刪除所用到了微信提供的方法，touchstart、touchmove 如果大家想了解的更清楚可以查看幫助文檔的哦 好啦，廢話
2019-04-11 21:05:55
原创 關於微信小程序自動檢測版本並提示更新新版本
微信小程序開發過程中，我們在版本迭代後，客戶端並不能觸發這個自動更新，需要清掉小程序後重新搜索進入才能獲取到最新的小程序，但這個是用戶所不能感知到的操作，故需要提醒用戶如何去get到最新的版本: 直接在app.js中的onLaumch
2019-04-04 21:05:34
原创 實用網站收錄
1,圖片壓縮：https://tinypng.com/實測PNG格式圖片壓縮率能達到75%左右而且效果報紙的好，JPG格式也有25%2,圖片壓縮：https://zhitu.isux.us/騰訊智圖，騰訊前端團隊開發的一款圖片
2019-04-02 20:54:07
原创 關於微信小程序下載wx.downloadFile在移動端出現“protocol”的問題
小程序迭代時，需要加入一個圖片裁剪上傳並識別的功能，在PC端調好之後，在移動端不能走通，報了一個奇怪的錯誤，大概是 “wxfile://***”, 翻譯過來的意思就是 wx.downloadFile不支持此協議，看了一下發現wx.ch
2019-03-20 21:01:07
原创 JS在生產環境屏蔽console.log的方法以及意義
console.log：向web開發控制檯打印一條消息，常用來在開發時調試分析。有時在開發時，需要打印一些對象信息，但發佈時卻忘記去掉console.log語句，這可能造成內存泄露。 在傳遞給console.log的對象是不能被垃圾回
2019-03-18 20:57:20
24
原创 使用 jQuery 修改 css 中帶有 !important 的樣式屬性
外部的css樣式爲： #imageArea{ width: 200px; height: 300px; background-color: #eee !important; } 通過 以下代碼來修改其背景色是
2019-02-19 22:45:19
1
原创 關於HTML5 video標籤的視頻不能自動播放和去掉下載選項的問題
vue項目demo中有遇到頁面需要開場視頻動畫，需要點擊才能進入主頁，不考慮兼容性，自然想起的事html5的video標籤可以播放視頻，於是使用以下方法： <video width="100%" height="100%" autop
2018-12-25 23:23:40
原创 JavaScript將字符串保存爲文本文件
項目中要把生成.txt文本文件,網上查了一下，貌似由於瀏覽器差異有的不能直接對記事本進行操作，我這裏試了一下都是okay的。 直接貼上： function fakeClick(obj) { var ev = document.c
2018-12-01 00:11:35
原创 el-table多選table設置選中項
el-table默認選中項 核心僞代碼如下： this.$refs.multipleTable.toggleRowSelection(this.tableData[index],true); //row 選中 外面套兩層for循
2018-12-01 00:11:35
原创 vue+elementui 應用中關閉對話框清除驗證和表單內容
在項目中遇到對話框關閉或者取消後，再次打開驗證錯誤或者表單內容依然存在的效果，如下： 這種用戶體驗顯然不好，那麼如何解決這種問題呢？ 第一種方法簡單粗暴，就是在dialog對話框添加v-if，下次打開對話框重新渲染即可。 第二種方法
2018-10-20 07:51:46
1