原创 微信小程序--切換tab並攜帶數據的三種實現方式

初學小程序,今天遇到了一個小坑,總結一下。我想要實現的效果是:點擊文章進入文章詳情。標註:首頁對應的是index相關文件,詳情對應的是logs相關文件。一共有三種實現方式:switchTab方法、navigateTo方法、navigato

原创 個人總結之es6相關知識點及例子

最近,看了一些es6的相關知識點,有時候看完就忘記了,所以寫下該博客,以此記錄。1、變量(let,const)es6使用let定義變量,const定義常量。變量可重複賦值,但常量重複賦值會報錯(報錯信息如下:Uncaught TypeEr

原创 iview的Dropdown 下拉菜單之選中

由於項目需要,需要下拉菜單進行篩選,點擊(篩選)後展示不同的頁面。介於項目本身採用的技術是vue+iview,所以使用了iview自帶的“Dropdown 下拉菜單”。但是自帶的只展示樣式,點擊不同的選項,需要顯示點擊的選項,需要自己手動

原创 vue iview的小坑之icon不能直接加點擊事件

最近因爲項目新增需求,遇到了一個小坑,特此記錄一下。主要是iview的坑。項目使用框架是:vue+iview 要實現的功能是實現點擊複製圖標達到複製功能(完成ctrl+v的功能)。 代碼大概如下: 頁面: <span @click="

原创 vue項目兼容ie9 10不顯示問題

因爲工作原因,讓我來解決整體網站的兼容問題。網站使用的框架是vue+iview。 話不多說,直接說問題吧。下面記錄一下我的經歷: 問題一:一開始整個網站在360極速模式及ie瀏覽器直接不顯示,一片空白 解決方式是:在package.js

原创 小程序實現天氣預報查詢

最近在看小程序的開發,雖然好多人已經都會了,但是我剛剛接觸,理解不夠,所以編寫一些簡單的小例子來一步步深入理解。在網上找了一個天氣預報的api,然後註冊了一下,一共有500次免費的調用機會。暫時還是夠用的。哈哈。附上截圖哈:第一張爲初始進

原创 用canvas實現畫圖、濾鏡效果

1、用canvas來實現畫圖的代碼如下:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <st

原创 類似百度搜索下拉框的實現

從百度截圖如下:要實現的功能與該圖類似,只不過沒有詳細優化樣式。哈哈,大家不要介意。(還有我的這個功能用的是百度的接口)我用了兩種方式來實現這個功能,一種是原生的js方式,一種是jQuery的方式。可以對比。1、用原生方式實現。<!DOC

原创 vue項目使用swiper

1、首先在package.json中引入vue-awesome-swiper依賴,然後通過npm install 來安裝即可。package.json中如圖所示:2、安裝成功後,在main.js中添加如下代碼:import VueAwes