原创 js數組去重、數據和對象去重

數組去重網上的方法有很多種,我這裏整理了幾個是按最高效率進行排序的。 先創建兩個數組: data () { return { playlist: ['1', '2', '3', '4', '5', '6'

原创 詳解promise、async、await以及在小程序雲函數中使用promise

首先解釋一下什麼是同步、什麼是異步 同步:做飯的時候,先燒水,等水燒好的時候再去做菜 異步:做好的時候,先燒水,等待水燒好的過程中,同時去做菜 使用promise的目的就是爲了避免 callback hell(地獄回調)例如:

原创 vue使用之v-for

我們可以用 v-for 指令基於一個數組來渲染一個列表。v-for 指令需要使用 item in items 形式的特殊語法,其中 items 是源數據數組,而 item 則是被迭代的數組元素的別名。 當 Vue 正在更新使用

原创 封裝兩個element ui顏色選擇器color picker(改變主題顏色)不管是不是element ui的主題顏色都可以更改

封裝了兩個element ui 顏色選擇器,一個是本地儲存(local storage)保存顏色,並不需要調取接口即可保存用戶的改變的主題顏色。另外一個是改變顏色之後,刷新頁面改變的顏色就會變回原來的初始值。需要哪一個看你個人選擇

原创 手把手教你在vue項目中使用iconfont的Symbol

symbol 支持多色圖標了,不再受單色限制。 支持像字體那樣通過font-size,color來調整樣式。 支持 ie9+ 可利用CSS實現動畫。 減少HTTP請求。 矢量,縮放不失真 可以很精細的控制SVG圖標的每一部分

原创 用Node搭建一個後臺管理系統的後端—HTTP API觸發雲函數(三)

在上一節中,我們封裝好了如何定時獲取微信小程序的access_token 這節我們來使用HTTP API觸發雲函數 我們先來看一下官方例子,觸發微信小程序雲函數需要什麼條件 在知道需要傳遞哪些參數以後我們就可以開始編寫後臺了 首

原创 vue cli3和2創建項目

https://juejin.im/post/5bcda1b26fb9a05d330af729 3 https://www.cnblogs.com/wangenbo/p/8487764.html 2 http://ju.outo

原创 如何在vue中使用keepalive,以及如何移除keepalive

標題什麼是keepalive? 在平常開發中,有部分組件沒有必要多次初始化,這時,我們需要將組件進行持久化,使組件的狀態維持不變,在下一次展示時,也不會進行重新初始化組件。 也就是說,keepalive 是 Vue 內置的一個組

原创 在vue中如何高性能渲染十萬條數據(虛擬列表)並且增加個搜索框可以搜索到這些數據

在工作中,有時會遇到需要一些不能使用分頁方式來加載列表數據的業務情況,對於此,我們稱這種列表叫做長列表。比如,在一些外匯交易系統中,前端會實時的展示用戶的持倉情況(收益、虧損、手數等),此時對於用戶的持倉列表一般是不能分頁的。

原创 vue-事件修飾符-詳解(.prevent .stop .once .capture .self)

vue事件修飾符-詳解 .prevent -------等於javascript的event.preventDefault() 作用:阻止默認程序的運行 <form @submit.prevent="SomeFunction"

原创 js監聽某個元素高度變化來改變父級iframe的高度

最近需要做一個iframe調用其他頁面內容,這個iframe地址是可變化的,但是裏面的內容高度不確定且裏面內容高度可調整,所以需要通過監聽iframe裏面body的高度變化來調整iframe的高度。 後面發現了一個好用的插件det

原创 小程序格式化雲函數數據庫的時間

如果我們在操作小程序雲函數數據的時候有插入時間,那麼得到的時間格式是這樣的 如果我們要把這個時間進行展示的話,需要對這個時間進行格式化處理, 爲了方便大家複用,我把它拿出來單獨創建一個js文件進行引用它,處理的方法如下: 在小程

原创 封裝一個小程序獲取用戶信息的組件

父組件wxml: <!--點擊獲取用戶信息--> <view class="publish-container" bindtap="onPublish"> </view> <!--底部彈出層--> <x-login mod

原创 原生js在vue中監聽滾動條,以及用vue的思想監聽滾動條。

2019年10月28日更新。 之前用的方法類似於用jq直接操作dom的方法。而在vue的思想中,vue希望開發人員可以專注與業務邏輯和數據的開發(ViewModel),避免直接操作到dom。所以,以下是改進的方法。 1.首先我先創

原创 手把手教你CSS水平、垂直居中的10種方式

面試必備,工作一定會用到。emmm大家都懂的,話不多說,先直接貼一個總結和效果圖。 總結 PC端有兼容性要求,子元素寬高固定,推薦absolute + 負margin PC端有兼容要求,子元素寬高不固定,推薦absolute +