原创 vue---移動端登錄頁面

最近在用vue做移動端，做了一個好看的移動端登錄界面，保存一下，以後方便直接使用。 具體代碼： <template> <div class="main-login-container"> <div class="login-

2024-05-16 13:47:56

原创 vant---vantui上拉刷新下拉加載

在用vantui做移動端列表數據渲染的時候，經常會使用到下拉刷新和上來加載。 其實在 vant ui 裏面，它已經爲我們提供了對應的組件，我們只需要去使用即可，具體代碼示例： <van-pull-refresh v-model="tabl

2024-05-14 13:47:51

原创 uniapp---自定義tabBar

在用Uniapp做項目開發的時候，經常會遇到需要自定義tabbar來實現功能，下面是我寫的基礎tabbar組件。 <template> <view> <view class="main-home-tabbar">

2024-05-11 13:50:58

原创 php---遞歸獲取最上級和所有子級

在做PHP開發的過程中，經常會需要獲取最上級或所有子級的應用場景： 一、獲取最頂級 $list = [ ['id'=>1,'pid'=>0,'name'=>'張飛'], ['id'=>2,'pid'=>1,'name'=>

2024-05-08 13:47:54

原创 css---設置富文本樣式參考

我們在做CSS樣式處理的時候，需要對富文本的樣式進行預設，以下給出具體的參考，大家可以選擇使用。 .main-help-content .help-content-box .info-content{width:100%; font-si

2024-04-26 13:48:07

原创 swiper---判斷元素在左還是在右排列

最近在做項目開發的時候，在做設計稿頁面的時候，遇到了這樣的一個效果：  大概的意思就是：中間放大，兩邊的向中間的看齊，有一個左邊的向右傾斜，右邊的向左傾斜。這裏就需要使用到判斷swiper的元素是在做還是在右。 原本我用3.0已經寫好了，

2024-04-18 13:47:59

原创 uniapp---報錯app.js錯誤: TypeError: Cannot read property 'FormData' of undefined

最近在做跨平臺開發，使用uniapp開發微信小程序，遇到這樣的一個問題： app.js錯誤: TypeError: Cannot read property 'FormData' of undefined 解決一：降低axios的版

2024-01-23 13:49:26

原创 js---格式化時間顯示

我們在做時間渲染的時候，經常會遇到需要將時間轉爲特定的顯示方式，以下是常見的時間顯示格式化方法： export function formateTime(timeStamp){ timeStamp = timeStamp * 10

2024-01-22 13:53:36

原创 uniapp---下拉刷新上拉加載

在用uniapp做APP的時候，下拉刷新，上拉加載是常見的功能需求，現在整理一下：  第一步：設置下拉和上拉屬性 找到【pages.json】設置： "enablePullDownRefresh": true, "onReachBotto

2024-01-14 13:50:24

原创 uniapp---頁面之間通信

uniapp在進行app開發的過程中，經常會需要在頁面之間實現通信功能。 常見的是：子頁面和父頁面之間通信 首先：子頁面向父頁面通信： uni.$emit('login',{login:true}); 然後：父頁面可監聽事件 // 父

2024-01-14 13:50:24

原创 vue---循環方式以及跳出循環

在做VUE項目開發過程中，數據循環是常見的操作方式，以下是幾種常見的數據循環方式： 一、for循環 let data = [1,2,3,4,5,6,7,8,9,10]; for(let i=0; i<data.length; ++i){

2024-01-14 13:50:24

原创 vue---v-modle實現字符組件通信

子父組件在做數據傳值和通信中，通常都是父組件通過【:props】進行數據的傳遞，通常用於父組件通過傳遞不同的參數，改變子組件。 但是經常會遇到這樣的場景： 需要父子組件進行數據通信，實現雙向數據綁定，可以利用 v-modle 實現父子組件數

2024-01-06 13:55:32

原创 swiper---設置鼠標移入關閉自動播放

在使用swiper的時候，特別是在做輪播圖的時候，我們的期望是當鼠標移入，關閉自動播放，鼠標移出的時候，自動播放。 var swiper = new Swiper('#swiper',{ watchSlidesProgress:tru

2024-01-05 13:49:56

原创 swiper---點擊按鈕切換或聯動切換

在做前端頁面的時候，經常會遇到需要通過一些按鈕來切換swiper的情況，或者是兩個swiper進行聯動切換： 第一種：點擊按鈕切換swiper以及滑動swiper切換按鈕 var swiper = new Swiper('.swiper'

2024-01-05 13:49:56

原创 vue---操作狀態

VUE更改VUEX狀態：簡單示例代碼： import Vue from 'vue'; import Vuex from 'vuex'; Vue.use(Vuex); export default new Vuex.Store({

2023-12-16 13:59:01