原创 簡單的mock數據調試
我們做前端的,總是得等到後臺接口出來我們才能開始對接口的部分, 會導致開發時間拖長,影響效率,尤其是在外包公司工作的前端來說效率就是生命 出現這種情況時我們可以使用mock數據來模擬後端接口進行測試 此方案一般適用於接口較少、且數據結構簡單
原创 小程序textarea文本域字數控制---並顯示已輸入字數
有時候我們在寫項目的時候,用到input或者textarea的時候,可能需要對輸入的字數進行一個限制和顯示,效果圖如下: 輸入文字後的效果圖是這樣的: 下面閒話少說 把這個小功能分享給大家,先是wxml: <view cl
原创 vue項目中某一個頁面不想引入app.vue的公共組件
Vue 單頁面應用 把公共組件放在 app.vue 但是我希望某個頁面沒有某些公共組件怎麼辦? 在根組件中:在導航欄使用v-show判斷當前路由是否是不需要的組件來完成頁面: 之後使用watch屬性用於監聽頁面路由的變化,當路
原创 小程序關閉頁面的方法
wx.navigateBack(Object object)關閉當前頁面,返回上一頁面或多級頁面。 wx.navigateBack({ delta: 1 }) 接收一個參數delta,即返回的頁數,默認是1,即返回上一頁,所以也可以
原创 小程序跨頁面傳值方法一
1. 使用<navigator>標籤或者 wx.navigator 比如: <navigator>標籤 這裏將shopId=2的值傳遞給了goods_details頁面 wx.navigator 先在前端頁面將方法綁定
原创 記一次定位塌陷問題
客戶反饋問題圖片: 詳細圖片: 客戶要求圖片不能被壓縮展示,於是我向圖片加一個父盒子擁有寬高,內部img標籤max寬高100%,同時相對於父盒子定位並使用transform屬性 因爲我之後的元素也是使用的定位,這就導致
原创 安裝淘寶鏡像
win+r cmd npm install -g cnpm --registry=https://registry.npm.taobao.org enter
原创 JS數組方法
作爲前端最常使用的就是JS了,JS中有很多種對數組的處理方法,我做個小結以免今後遺忘或者搞混淆 1. map : 遍歷數組的每一項並對其進行操作。 有返回值且不改變原數組。 var arr = [1, 2, 3, 4, 5, 6];
原创 JS讓函數只調用一次
1 。 在第一次調用函數時,就將該函數內容騰空,以到達函數僅調用一次 ———————————————————————————————— 2 。 設置布爾值來控制後面的函數調用 window.onload = function () {
原创 小程序星級評分的實現
<!--pages/test/test.wxml--> <view> <view>一:顯示後臺給的評分</view> <block wx:for="{{one_1}}"> <image src='../../images/use_sc2.
原创 微信小程序中兩種回到頂部按鈕的效果實現
一,使用view形式的回到頂部HTML: <image src='../../img/button-top.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></im
原创 11.15無標題1
JS中call,apply,bind方法的區別 call,apply,bind這三個方法其實都是繼承自Function.prototype中的,屬於實例方法。 console.log(Function.prototype.hasOw
原创 遞歸和閉包
閉包 1.定義: 函數內部有函數(函數嵌套),內部函數操作外部函數的局部變量,且外層函數的引用被賦值給變量,通過變量訪問內層函數匿名函數. 2.作用:1.可以讀取函數內部的變量,2.讓這些變量的值始終保持在內存中,不會在f1調用後被自動清除
原创 隨手寫一個獲取驗證碼倒計時的效果
<div class="div user-input"> <input type="number" class="code" placeholder="請輸入手機驗證碼" required maxlength="6">
原创 vue3.0中的雙向數據綁定方法
熟悉vue的人都知道在vue2.x之前都是使用object.defineProperty來實現雙向數據綁定的 而在vue3.0中這個方法被取代了 1. 爲什麼要替換Object.defineProperty 替換不是因爲不好,是因爲有更好的