原创 使用mpvue框架開發微信小程序教程

一、所需環境 node環境,vue-cli腳手架,微信小程序開發工具(用來展示頁面效果) 二、安裝 1. node node官網 進入官網下載,直接安裝即可。安裝後打開cmd,運行查看版本命令。如下圖所示 2. vue-cli腳手架

原创 vue-cli2配置less,全局引入

1.安裝依賴 // 使用less npm i less less-loader -S // 全局引入less npm i sass-resources-loader -D 2.項目根目錄/build/webpack.base.conf

原创 有關node版本管理與npm源地址管理

本章內容 1. 如何使用nvm進行node多版本下切換使用 2. 如何使用nrm進行npm源地址切換使用 一、安裝nvm工具(win環境) 點擊 github下載地址,進入頁面後選擇下載文件 nvm-setup.zip(tips: 綠色安

原创 vue-cli應用 run build 打包後靜態資源無法訪問出現頁面空白情況解決方法

1. 項目根目錄 build/utils.js文件 generateLoaders函數中新增屬性 publicPath: '../../' // 新增 2. 項目根目錄下config/index.js build對象中修

原创 搭建私服npm倉庫——verdaccio

一、簡介     選擇verdaccio而不選擇sinopia的原因是,sinopia已經停止維護了(最新的一次commit在4年前),繼續使用的話必定是會存在許多坑,好在熱心羣衆fork了sinopia繼續維護,才產生了verdacci

原创 小程序登錄/註冊頁面設計的實現代碼

這篇文章主要介紹了小程序登錄/註冊頁面設計的實現代碼,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨着小編來一起學習學習吧 界面設計 頁面引用了youzan組件進行設

原创 vue run build 打包後靜態資源無法訪問出現頁面空白情況解決方法

1. 項目根目錄 build/utils.js文件 generateLoaders函數中新增屬性 publicPath: '../../' // 新增 2. 項目根目錄下config/index.js build對象中修

原创 微信小程序——轉盤抽獎

如題,該小程序爲一款利用canvas實現的轉盤抽獎效果,今天我就來總結一下轉盤旋轉具體實現原理,首先還是上圖上代碼(一下代碼爲轉盤部分代碼,想要查看完整代碼,請移步支我的github,飛機票,點擊跳轉) wxml代碼(中間轉盤部分代碼)

原创 小程序--民宿(首頁(房屋列表、房屋詳情)、訂單(訂單列表、詳情)、個人中心(登錄、優惠券))

本人最近完成了一個關於線上查看、預訂民宿的小程序。現進行總結。需要看源碼的朋友可以移步github( if(有一點點幫到您) {     請留下您的小star。我哭了,你呢??? }) 地址:https://github.com/zhan

原创 JS實現將一串數字每四位數字用空格隔開(顯示銀行卡號等)

var num1 = '82452365122547854' var num2 = num1.replace(/(.{4})/g, "$1 ") console.log('正常顯示:',num1) console.log('每四位數用空

原创 小程序slider實現雙向滑動(價格區間選擇)

本人最近在寫一個關於民宿的小程序,有個需求是,用戶可以選擇價格區間進行房屋的搜索,首先想到的是可以用微信小程序自己的組件slider滑塊來實現,但是slider只支持單向滑動,上網查詢大量資料發現還沒有人實現小程序支持的雙向滑動,於是便自

原创 數組對象按指定字段進行排序(可倒序)

直接上代碼 //排序函數 jsonSort: function(array, field, reverse) { //數組長度小於2 或 沒有指定排序字段 或 不是json格式數據 if(array.length <

原创 CSS實現實心三角形箭頭

wxss代碼: .arrow{ width: 0; height: 0; border-width: 50rpx; border-style: solid; border-color: red blue black

原创 小程序之顯示全部城市列表界面

界面設計 對wx小程序索引列表組件進行引用 github地址:https://github.com/mehaotian/wx-list-index 上圖: js文件: 所有的城市信息可用ajax獲取,在這我從allCity.js文件中獲