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

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

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

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

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

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

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

這篇文章主要介紹了微信小程序之店鋪評分組件及vue中用svg實現的評分顯示組件,本文通過實例代碼給大家介紹的非常詳細,具有一定的參考借鑑價值,需要的朋友可以參考下 在微信小程序中,有遇到要展示店鋪評分,或者是訂單完

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

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

原创 關於谷歌下載擴展程序

用谷歌訪問助手就可以下載Vue.js devtools,React Developer Tools等插件 谷歌訪問助手是一款免費的谷歌插件,不用配置即可打開Chrome應用商店。 首先先訪問谷歌訪問助手這個鏈接,將谷歌訪問助手下載,根據自

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

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

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

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

原创 對象的判空、遍歷及轉換和對數組的操作

在聯調時,發現後臺返回的不是數組,或者返回的類型與不爲空時的類型不一樣,這裏小結下對對象的操作 1.對象的判空 /* 先聲明一個對象字面量 */ let isObject = {}; 將json對象轉化成json字符串,然後進行判斷是否

原创 遍歷方法

有用到object對象的轉換成數組,然後又想到了遍歷方法,所以,也想記錄下 1. 終止或者跳出循環 break跳出循環體,所在循環體已結束 continue跳出本次循環,進行下一次循環,所在的循環體未結束 return 終止函數執行 f

原创 實現文字的省略號

在項目中有涉及實現一行或者第幾行後加省略號,在實現第幾行後加省略號的時候,使用的是-webkit-line-clamp、-webkit-box-orient屬性,會出現webpack打包-webkit-box-orient屬性被忽略的情況

原创 css實現波浪線及立方體

最近的項目有做到要畫出波浪線效果,這裏是利用linear-gradient來實現,也就是畫圓,然後利用底色來遮住部分圓; 利用css3屬性perspective加旋轉實現立方體 1.css實現波浪線 html <div class="c

原创 關於偏移量及margin值合併

在寫實例理解scrollWidth,clientWidth,innearWidth,availWidth及offsetWidth等的時候,意外的又發現了margin值合併的問題,在這裏同時記錄下 1.偏移量的區別 html文件(自己寫的示

原创 meta標籤和navigator判斷瀏覽器類型

在做移動端時,想起用navigator.userAgent來對瀏覽器類型進行判斷,查了點資料,在這裏總結下 還有一個就是移動端的縮放問題,在meta標籤中進行設置,對部分瀏覽器進行強制性的限制 1.navigator的一些常用屬性 nav

原创 vue輪播圖插件之vue-awesome-swiper

移動端輪播圖插件,在使用iview圖形界面插件中的carousel組件無法實現觸摸滑動後,轉而使用vue-awesome-swiper插件 1.npm安裝 npm i vue-awesome-swiper -S 我這裏安裝的是下面的這個