原创 簡單的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 替換不是因爲不好,是因爲有更好的