原创 記一次微信小程序在安卓的白屏問題

在做小程序的時候,做到了一個限時商品售賣,用到了倒計時,因爲這個原因導致了安卓手機上使用小程序時,將小程序放入後臺運行一段時間後,再次進入小程序後出現了頁面白屏或者點擊事件失效的情況,這裏記錄下 1.相關代碼文件 我這裏是使用了自定義組件的

原创 mix-blend-mode及background-blend-mode實現炫酷的圖片樣式

在網上看到了有如相機功能的mix-blend-mode實現比較好看的圖片樣式,自己也想弄下,在這裏記錄下 1.效果圖 2.mix-blend-mode相關屬性 { mix-blend-mode: normal;

原创 vue中引入字體文件

在用vue來寫一官網的時候,想引入外部字體文件,畢竟總感覺他自己的字體有點難看,在這裏記錄下 1.先下載字體文件所需的.ttf文件 我這裏想引入的是華文行楷字體 百度後下載了一個3M多的ttf文件 2.將字體文件引入 自己定義一個文件夾

原创 原生js實現瀑布流及微信小程序中使用左右兩列實現瀑布流

使用css實現瀑布流並不實用,因爲潮汕市實現的瀑布流都是以列來排列的,這裏記錄下用js實現瀑布流,以及微信小程序中使用左右兩列來實現瀑布流 1.效果圖 2.原生js實現瀑布流 html文件 <div id="root"> <div

原创 美化select下拉框

在寫示例的時候,用到了下拉框,但是原生的下拉框是在是有點難看,然後模仿着寫了點,一個是直接在寫好的Dom上進行美化,一個是用js生成,然後定義類名及相應的事件來處理 1.效果圖 2.直接是在Dom上美化 html文件 <div class

原创 詳解vue中的computed的this指向問題

這篇文章主要介紹了詳解vue中的computed的this指向問題,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧 今天在寫vue項目時,用到了computed計算屬性,遇到了使用箭頭函

原创 vue中的computed的this指向問題

今天在寫vue項目時,用到了computed計算屬性,遇到了使用箭頭函數出現this指向問題,這裏記錄下 1.箭頭函數中的this 箭頭函數內部的this是詞法作用域,由上下文確定 函數體內的this對象,就是定義時所在的對象,而不是使用

原创 如何去除富文本中的html標籤及vue、react、微信小程序中的過濾器

這篇文章主要介紹瞭如何去除富文本中的html標籤及vue、react、微信小程序中的過濾器,在vue及react中經常會遇到,今天通過實例代碼給大家講解,需要的朋友可以參考下 在獲取富文本後,又只要顯示部分內容,需

原创 promise與setTimeout的執行順序問題

有一次在面試題中有做到promise與setTimeout的執行順序,當時有點懵,執行順序還是弄錯了一點點,這裏記錄下 1.輸出 setTimeout(function() { console.log(111) }, 0); set

原创 去除富文本中的html標籤及vue、react、微信小程序中的過濾器

在獲取富文本後,又只要顯示部分內容,需要去除富文本標籤,然後再截取其中一部分內容;然後就是過濾器,在微信小程序中使用還是挺多次的,在vue及react中也遇到過 1.富文本去除html標籤 去除html標籤及 空格 let richText

原创 微信小程序之店鋪評分組件及vue中用svg實現的評分顯示組件

在微信小程序中,有遇到要展示店鋪評分,或者是訂單完成後對商品進行評價,用到了星星展示,查了下,在微信中無法使用svg實現圖片,微信中只能將svg圖片轉成base64來顯示,所以是在vue中使用的svg來實現評分 1.效果圖 微信中的可以點擊

原创 微信小程序之購物車和父子組件傳值及calc的注意事項

在做微信小程序時,覺得小組裏對購物車的實現不是很完美,就自己嘗試的寫了下,然後用到了父子組件傳值,父子組件傳值的話,和vue框架上是非常相似的,以及calc這個css函數,calc有個注意點,自己不怎麼用,一時間有差點忘了,這裏記錄下 1.

原创 不翻牆訪問谷歌應用商店-谷歌訪問助手

從安裝Chrome瀏覽器後,就點過多次應用商店或者想下載谷歌插件,都是要翻牆才能訪問,現在有了谷歌訪問助手,可以不翻牆也能訪問應用商店,下載插件了,Vue.js devtools,React Developer Tools,都好用了,爽 1

原创 微信小程序中遇到的多規格問題(一)

剛進入公司的時候就有遇到過多規格的問題,當時就覺得很麻煩,就只是看了下,沒有嘗試,最近在寫微信小程序的時候,又遇到了多規格問題,就自己嘗試了下,在這裏記錄下 1.效果圖 2.文件及部分思路 index.wxml文件 <view class

原创 微信小程序中的ios兼容性問題

記錄下在微信小程序中遇到的一些兼容性問題,ios兼容性 1.ios中input的placeholder屬性字體不居中 對placeholder設置line-height及font-size 對input設置高度 2.ios中滾動卡頓 設