原创 仿【數字】無限上下滾動增加數值-計數器-仿直播人數統計

css: .sdvm_num{! font-size: 14px;color:red;display:inline-block;vertical-align:middle;margin-left:8px;} .sdvm_num i{wi

原创 數組操作--增、刪、改、查

相信對於用過vuejs、reactjs等mvvm框架的童鞋,微信小程序的數組操作就顯得很簡單啦,原理是一樣的。 這是簡單做的一個demo,已經上傳到github,到時大夥可以直接下載。我們主要講在數組中常用的一些操作方法,對數組向前向

原创 vue 關於那些所謂的按需加載

一、路由按需加載 1.按需加載對比 ①.路由未按需加載前vebdor.js和app.js都異常大,超過vue理想大小,如下圖: ②.路由按需加載後體積明顯控制在1MB內,如下圖: 路由按需加載後,會把原來的js,切分-分開成小的js文

原创 公網環境(如何外網訪問內網ip地址)

1. 搭建公網環境;     a. 網址:  https://natapp.cn/     b. 免費註冊     c. 進入用戶後臺,  右側菜單選擇購買隧道;  選擇免費(需要支付寶實名認證)     d. 點擊免費購買即可  (選擇

原创 vue 頁面第一次載入或者刷新會出現一兩秒的空白[vue啓動秒白屏解決方案]

       之前做過好幾個項目vue都是pc端或者移動端網頁上的,網站第一次打開都會出現白屏閃才進入應用,當然本身瀏覽器默認白色我們並不會在意這些細節,最近做到一個項目關於套殼app,把咋的vue項目套用的webview裏,每次打開應用

原创 關於bootstrap驗證插件bootstrapValidator的使用已經自定義使用及提示

一、源碼及API地址 bootstrapvalidator源碼:https://github.com/nghuuphuoc/bootstrapvalidator 大部分案例在源碼裏都能找到 二、引入庫 此插件式基於bootstrap去

原创 小程序的跳轉方式

1,在wxml頁面中: <navigator url="../index/index">跳轉到新頁面</navigator> <navigator url="../index/index" open-type="redirect">

原创 微信小程序之-返回上一頁

先介紹三種跳轉方式:1.B頁面自帶返回按鈕wx.navigateTo(OBJECT) 保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack可以返回到原頁面2.B頁面不帶返回按鈕wx.redirectTo(OBJECT)

原创 微信小程序開發—快速掌握組件及API的方法

微信小程序框架爲開發者提供了一系列的組件和API接口。 組件主要完成小程序的視圖部分,例如文字、圖片顯示。API主要完成邏輯功能,例如網絡請求、數據存儲、音視頻播放控制,以及微信開放的微信登錄、微信支付等功能。 組件 官方文檔:https

原创 vue 滾動指定位置(高度)

滾動代碼千萬萬,我只取一瓢... 深受原生js影響的我以爲直接scrollTop=指定高度就可以滾動   let diff=1000;//這裏是要滾動到的位置高度 var container = _this.$el.querySele

原创 微信小程序 二級聯動(多級聯動)

這陣子公司突然需要開發小程序,於是乎惡補下,想必時間已過兩年,小程序應該相當成熟了,未曾料到一個二級聯動就各種模糊不清。官方給出案例,但是寫的太亂,可讀性差,還會寫些多餘的東西進去,容易誤導我們這些小白...於是開啓了百度之路,看到網友寫

原创 微信小程序之保存圖片之相冊:saveImageToPhotosAlbum、downloadFile、授權問題

看過很多文檔,解決方案都是高度的一致,但是代碼貼上去就是不行.... 好吧,只能一步步解析代碼看哪裏出了問題。 解決思路: 1.wx.downloadFile下載圖片 2.wx.openSetting授權 3.wx.saveImageTo

原创 vue input 輸入金額尾部接.00 與千位符

最近可愛的產品提了點要求,金額尾部需要.00  而且還要帶千位符。   html: <el-input v-model="form.projectAmount" type="txet" placeholder="請輸入項目金額" @bl

原创 HTML5 History 模式 去除# (vue路由去除#、常見配置、Tomcat配置)

  前言: vue使用vue-router時,路徑中會有#的字段,是應爲打包完成之後,項目爲單頁面項目,所有的url都指向單個頁面,#號之後的路徑是指該頁面的錨定位置,所以router中的路徑是無法加載的。 若想去除#,就需要使用rout

原创 小程序 部分安卓機裏輸入框input被輸入法遮擋問題

關於小程序輸入法跟輸入框官方文檔有給出過解決辦法 cursor-spacing cursor-spacing="0"時,輸入框會浮在輸入法上面,但是有一部分安卓機型會出現不兼容問題Orz.... 解決方案: 實現理念:先去除鍵盤彈起上推