原创 初探uni-app框架 踩坑

近些天有接觸到uni-app框架,使用HBuilderX軟件進行編譯,能生成多端項目文件,如微信、百度、支付寶小程序及Android和ios端,記錄遇到的問題 1.條件編譯 我覺得比較突出的一點功能,就是這個條件編譯,指定對應的代碼執行在

原创 puppeteer爬蟲

利用空閒時間,學習了下puppeteer爬蟲,我也想爬取下網上的資源 1.部分api puppeteer.launch(options) 參數名稱 參數類型 參數說明 ignoreHTTPSErrors boolean 在請求的過程中是否

原创 vue中的父子傳值雙向綁定及數據更新問題

在進行父子組件傳值時,用到子組件直接控制父組件中的變量值以及在vue中直接更改對象或者數組的值,視圖未發生變化的解決辦法,當時完成項目時,一直未找到原因,修改了好久。 1.父子組件傳值雙向綁定 在傳遞給子組件中的變量上使用.sync修飾符

原创 mongodb數據庫之連表查詢

在做自己的項目時,因爲剛開始接觸mongodb非關係型數據庫以及關係型數據庫的影響還是留在腦中,總會想着進行一個連表查詢,然後看官網和資料學習了下,還有那個查詢時使用正則來匹配,在這裏做個記錄 1.mongodb正則匹配 /* 使用$r

原创 mongodb數據庫及數據分頁

在做自己的一個小項目時,新學習了mongodb非關係型數據庫,使用了mongoose封裝好的查詢方法,包括數據庫分頁用到的limit和skip方法,這裏記錄下。 1. mongodb數據庫連接 參照官網文檔對應的參數如下: mongod

原创 node之本地服務器圖片上傳

在自己做一個簡單的後臺管理系統時,用的是node作本地數據庫,然後用了Element-ui的upload組件來實現圖片的上傳,中間有遇到那麼點小坑,這裏記錄下,比較坑的一點就是,不知道文件的命名不能帶空格,然後改了好久 1.index.v

原创 使用vue開發移動端管理後臺

獨立完成一個移動端項目(不是很明白爲何會有這樣的商品管理後臺),還是有些經驗不足,包括對產品的全局思考,對插件的選擇等,都有考慮不周的缺點,導致自己中途想換圖形界面插件,浪費了點時間,這裏記錄下,總結下經驗,理一下思路。 1.對於項目的一

原创 微信小程序之scroll-view的flex佈局問題

關於微信小程序的scroll-view組件,第一次寫的時候是直接在scroll-view中用了一層容器包裹子元素,然後用了flex佈局,並且是用了組件來實現的橫向滾動,後面有提出改進,但是不記錄下,就發現過了幾天,就有點懵了 1.效果圖

原创 Vue2.0生命週期及路由導航守衛

Vue的生命週期,有的時候還是會不熟悉的樣子,找了點相關的文章,然後自己嘗試着做了點示例,這裏記錄下,說不定面試就用上了 1.Vue生命週期的相關圖片 2.Vue生命週期及路由的鉤子函數 beforeCreate 實例初始化之後,初始

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

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

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

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

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

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

原创 美化select下拉框

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

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

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

原创 較常用的Math方法及ES6中的擴展

記錄下與Math有關的常用方法,如:求最大值、最小值等,或者是保留幾位數啥的 1.數據 let floatA = 2.325232; let floatB = 2.3456; let temporaryArray = [1, 2, 5,