原创 Vue生命週期詳解(個人的基本理解)

每個 Vue 實例在被創建時都要經過一系列的初始化過程——例如,需要設置數據監聽、編譯模板、將實例掛載到 DOM 並在數據變化時更新 DOM 等。同時在這個過程中也會運行一些叫做生命週期鉤子的函數,這給了用戶在不同階段添加自己的代

原创 mpvue框架下實現小程序之間的跳轉功能(小程序與小程序的跳轉,小程序之間跳轉傳參)

在開發小程序的時候,有時候我們的小程序需要跳轉到其他的小程序裏面去,這個官方也提供了方法給我們,wx.navigateToMiniProgram(Object object)方法,這個方法有三個要注意的點。這個事件必須用戶手動點擊

原创 微信小程序wepy框架關閉Eslint校驗

前兩天有初次接觸wepy的同學問我,小程序的wepy框架怎麼關閉Eslint校驗,新建了一個wepy項目,安裝了Eslint,怎麼關閉,在那裏找了很久,都沒弄出來,所以發篇文章幫助初次接觸wepy框架的朋友。 新建wepy項目後,

原创 關於企業微信應用開發注意點

描述 企業微信應用其實就是h5頁面開發,類似微信公衆號開發,但是企業微信應用主要是運行在企業微信裏面的。這個就是區別點。之前沒做過,做完發現好坑,微信對這支持力度不夠,很多東西都沒有完善。 注意點 企業微信應用授權的話大致跟微信公

原创 小程序輪播圖實現中間大兩邊小的效果(超簡單實現)

先上效果圖,實現其實很簡單,不需要你去調什麼樣式,寫什麼邏輯。 只要你細心看下文檔,你會發現有兩個屬性。 你會發現微信已經實現了對於這樣式的實現,我也是來做這個效果的時候才發現的這個配置,之前都是一閃而過。接下來就很簡單了,直

原创 JavaScript中BOM與DOM解釋與分析

總結下面試題 BOM和DOM這個東西是很基礎的東西,Java Script的三個主要組成部分是:ECMAScript(核心),DOM(文檔對象模型),BOM(瀏覽器對象模型)。所以這個也是我們必須掌握的一些東西。最近vue用多了,

原创 利用canvas和vue_qrcodes生成帶二維碼頭像的海報(一)

描述 一個關於微信公衆號生成海報的一個demo,就給一張圖片,然後以這張圖片打底,生成一張帶頭像的二維碼的海報,可以保存到手機裏面,方便用戶推廣。 類型下圖效果: 聲明:這裏的測試圖片來自花瓣https://huaban.com

原创 基於Vue結合高德地圖api做的一個座標拾取組件

描述 最近需要做一個地圖座標拾取的功能,根據用戶點擊的位置,獲取當前點擊位置的經緯度。根據用戶輸入的經緯度然後標記到那個點位。用高德地圖寫了一個這樣的組件。 實際效果: 說明 如果對高德地圖很熟悉的話,其實實現很簡單。 用戶點擊

原创 wepy框架下實現小程序之間的跳轉功能(小程序與小程序的跳轉,小程序之間跳轉傳參)

在開發小程序的時候,有時候我們的小程序需要跳轉到其他的小程序裏面去,這個官方也提供了方法給我們,wx.navigateToMiniProgram(Object object)方法,這個方法有三個要注意的點。這個事件必須用戶手動點擊

原创 微信小程序自定義swiper的底部指示點(指示點不在swiper元素裏面)

實現一個小程序swiper指示點在下方的一個demo,並且在每張圖片上有對應的文字釋義。 效果圖: 注意:代碼是用mpvue框架寫的,跟原生的有所不同,但是原理是一樣的,都是用小程序提供的一個事件。原生也就是設置值和綁定動態樣式

原创 使用mpvue開發微信小程序編譯完成後報錯cannot read property 'call' of undefined

遇到一個這樣的問題,當時的的情況是這樣的,當前這個分支的代碼是已經發布過的了,沒有任何問題,然後我是從一個開發分支切到這個分支來之後,報這個錯誤,cannot read property 'call' of undefined真的

原创 微信小程序頁面跳轉傳json字符串後使用JSON.parse方法無效

記錄下這個問題,哈哈。 最近遇到這個問題,突然跟我說頁面怎麼沒有傳參進去,之前一直可以,然後我試了下,有的可以傳遞參數,有些不行。打了下console,發現JSON.parse方法這裏就停了,後面就執行不下去了,也不報錯。然後在手

原创 css實現四邊形四角邊框效果(沒有使用定位,避免佈局影響)

實現下面這種效果 開發中要實現下面這種效果,相信大家第一眼就會想到用定位,直接把四個邊框定位上去就好了。 最開始我也是直接用的定位,封裝成了一個組件。後面佈局的時候出問題了,排列的時候很麻煩,對不起,調位置什麼的都不好控制,而且

原创 vue結合高德地圖Api開發,實現一個點覆蓋物和信息窗口結合,展示點位相關信息組件

前段時間一直在結合高德地圖的api進行數據可視化開發,這也是前端的一個趨勢,網上關於這些的文章都比較少,最好還是去高德去看官方文檔,然後去琢磨怎麼玩。 先說下我這個應用場景吧,一般我們做地圖可視化開發,邊上會有些表格啊,或者點位表

原创 在Vue中使用高德地圖開發工具

在Vue中使用高德開發工具非常簡單,只需要在你的public中的index.html中,導入一條鏈接即可。 <script type="text/javascript" src="https://webapi.amap.com/m