原创 微信小程序swiper如何獲得當前頁面的index

想要實現的效果:(滑動時顯示當前頁面index)看小程序的官方文檔代碼:index.wxml <swiper class='sw-tu' circular="true" current="0" bindchange='onSlideC

原创 微信小程序—點擊navigator中的子元素同時,防止跳轉

前期代碼:     <navigator hover-class="none" url=''> <view>內容</view> <view bindtap='telChange'>撥打電話</view> </navigator>

原创 微信小程序分頁效果實現

index.js // pages/bianmin/bianmin.js var p = 0 var GetList = function (that) { wx.request({ url: url, method:

原创 在手機端瀏覽器模擬F12(實用小工具)

大家可能會遇到一些谷歌瀏覽器模擬手機端沒問題,但是真機上會出現的bug,真機上沒有F12,很難定位bug原因。 偶爾找到一款工具,可以方便的在手機端打開F12,記錄一下分享給大家。 這款工具就是vconsole,記錄一下使用方法: 一、多

原创 vue實現微信網頁授權登錄

附:微信官方文檔 前言:在用vue做微信公衆號網頁項目的授權登錄中踩過不少坑,在這裏記錄一下。首先在選擇由後端做登陸還是前端傳token登錄的方式上產生了分歧。兩種方式在不同的公司裏都用過,後端做登陸無非是前端跳轉到jsp或者php頁面,

原创 一次VUEX使用記錄

store.js import Vue from 'vue' import Vuex from 'vuex'; import createPersistedState from 'vuex-persistedstate' //vuex

原创 Windows10家庭版安裝虛擬機

在日常開發中經常有需要兼容IE8的需求,win10默認的IE版本是11,而且版本並不能回退。這時候就需要在電腦上安裝虛擬機測試IE8兼容性問題。 在個人電腦上常見的虛擬機有VMware Workstation、Virtual Box、Pa

原创 疫情影響下一枚前端菜鳥的求職之路(面試題)

前言 我在六月初裸辭,準備了一週,離開了青島,踏上去往杭州的求職之路。之後經歷了兩週半的面試,終於找到了一家心儀的公司,在這裏記錄一下面試過程中遇到的面試題,大家僅供參考。 受疫情影響,今年的行情沒有往年好,我也是年輕氣盛,沒有考

原创 微信小程序,點擊view獲取view對應的內容

比如,在test.wxml文件中: <view data-text="{{item.text}}" class="static_cell" bindtap="bindtapFunc">{{item.text}}</view> 點擊這個

原创 微信小程序簽到功能實現

效果圖: 今天是16號,所以顯示已簽到,渲染頁面時請求後臺傳的參數爲這月簽到的日期 如:["16", "14"] 點擊簽到執行calendarSign sign.wxml <!--index.wxml--> <view class=

原创 vue-cli3:區分開發、測試、生產環境

vue-cli3相比於2取消了build和config文件夾,需要自己創建.env文件區分不同的環境 官方文檔地址:https://cli.vuejs.org/zh/guide/mode-and-env.html 1、在根目錄下創建一個.

原创 記錄一次redux使用過程

話說好記性不如爛筆頭,記錄下redux使用過程,方便下次複製用,哈哈 僅做記錄使用,不詳細解釋redux原理 用到的插件 :redux、react-redux、redux-persist、redux-thunk 1、redux/actio

原创 vue-cli2:區分開發、測試、生產環境

本文適合使用vue-cli2搭建的項目,vue-cli3取消了build和config文件夾,不適用此方法。 用vue-cli2構建完項目後,只有一個開發環境dev和生產環境prod,現在我們要加一個測試環境 test 1、首先在pack

原创 axios多次相同請求,取消下一次

使用axios的請求攔截器攔截多次相同請求,在網上看到了一篇博客,但是他是多次相同請求,取消上一次,而我們的需求是取消下一次,所以要改一下。 在這裏,兩次請求的url和data相同,我們即認爲是相同請求。 核心方法是用axios提供的取消

原创 兼容ie8的rgba() 寫法

在頁面中設置一個半透明的div一般情況下使用rgba()函數,但在IE8情況下無法使用rgba()函數。 rgba的含義,r代表red,g代表green,b代表blue,紅綠藍是三原色。所有顏色都可以由這三種顏色拼合而成。a代表透明度。比