原创 react中組件傳遞數據使用props

props的深入瞭解 1.props的children屬性 children屬性:表示組件標籤的子節點,當組件標籤有子節點時,props就會有該屬性 children屬性和普通的props一樣,可以是任意值(文本,react,元素,組件,

原创 在react中使用antd-mobile

首先打開antd-mobile的官方文檔 在項目中安裝antd-mobile 使用 npm install antd-mobile yarn add antd-mobile   在項目中App.js文件中導入要使用的組件 imp

原创 頁面加載順序及觸發事件

頁面加載順序: 開始解析HTML文檔結構 加載外部樣式表及JavaScript腳本 解析執行JavaScript腳本 DOM渲染完成 加載未完成的資源(圖片) 頁面加載完成 頁面加載過程中觸發的事件: document.onreadyst

原创 ElementUI的時間線使用方法

1.首先在plugin文件夾中導入Timeline時間線的相關文件 2.在element.js中導入TimeLine時間線相關js文件,這裏的js文件就是處在上面兩個文件夾中的index. js import Timeline fr

原创 選擇城市列表數據格式轉化

import React from 'react' // 導入axios import axios from 'axios' // 1 導入 NavBar組件 import { NavBar } from 'antd-mobile'

原创 路由報錯問題

在路由文件中寫上 import Router from 'vue-router' const VueRouterPush = Router.prototype.push Router.prototype.push = function

原创 三種方法實現頁面滾動條直接滾動到頂部

1.document.body.scrollTop=document.documentElement.scrollTop=0 //頁面滾動到頂部 2.document.body.scrollIntoView() 3.docume

原创 useContext的使用

話不多說,用代碼說話 useContext主要用於函數組件之間傳值的問題 1.首先要進行導入createContext,useContext import React,{useState,createContext,useCont

原创 自定義小程序中的模態框

1.在pages文件夾下新建一個文件modal文件 2.在list.wxml文件中,將想要彈出來的模態框內容,使用標籤寫好 <template name="addtell"> <view> <modal title=""

原创 在小程序中增加篩選陰影效果

效果圖: 作爲一個剛剛入門的小白,在接到這個任務的時候真的是手足無措,我在腦子中的第一個想法是自己封裝一個組件,在每次使用的時候進行調用就行了,但是我嘗試了一次,發現可能是我的能力還沒達到,不行,於是我就自己試着換了一種思路。 1.首先

原创 在前端頁面對後端返回的文件進行下載

1.確定後端返回的是一個文件 2.調用導出文件的接口,並攜帶相應的數據以及發送請求,獲取相應的值 3.在發送請求的時候,如果訪問接口需要攜帶token值的話,一定要和後端確定token的和變量名 4.如果你的接口請求方式是一個ge

原创 小程序中picker的使用---日期選擇器

1.在製作小程序當中,當遇到要選擇日期的時候,我可能會選擇使用小程序提供的picker日期選擇器,從底部彈出進行選擇日期選擇。 <view style="width:30%"> <picke

原创 小程序當中的scroll-view的自適應當前屏幕高度

1.在製作小程序頁面當中我們肯定會遇到頁面滾動的問題,對於解決這樣的問題小程序已經給我們提供好組件 2.對於可滾動視圖區域,使用豎向滾動時,需要給一個固定高度,通過wxss設置heigh高度,組件屬性的長度單位默認爲px, scr

原创 自定義小程序中的showToast

對於小程序自己提供的showToast,大家是不是覺得挺好用的,但是當我們遇到需要提示的信息字數較多時,因爲小程序中showToast默認只能顯示7個字體長度,因此對於多餘的字數會隱藏,這樣是不是很煩惱,所以我們就自己定義一個彈出

原创 改變數組中對象的屬性名稱

在一定的時間,我們可能需要將數據進行相應的轉換,才能進行使用,今天我就需要將一個數組中的對象的屬性名進行替換,才能進行數據的調用, 1.首先先得到我們將要轉換的數組, { day