原创 沿對角線漸變並有個白光一直掃的按鈕
<div class="content-wrap"> <div class="box"> <div class="btn"></div> </div> </div> .
2023-10-28 13:33:42
原创 promise.all和promise.race途中出現錯誤運行情況
1.promise.all a.在使用時，如果中間不出錯返回reject，會在.then()後返回每一個promise的resolve()返回的內容。 function p1() { return new Promise((r
2023-09-08 13:32:37
原创 Vue生命週期渲染dom歷程
Vue實例有一個完整的生命週期，也就是從開始創建、初始化數據、編譯模板、掛載Dom、渲染→更新→渲染、銷燬等一系列過程，我們稱這是Vue的生命週期。通俗說就是Vue實例從創建到銷燬的過程，就是生命週期。 每一個組件或者實例都會經歷一個完整的
2022-02-15 13:33:24
原创 公衆號中H5頁面分享給好友或朋友圈自定義圖片或文字
未做處理的H5頁面分享 處理後的H5頁面分享 實現流程： 1.微信公衆號--->公衆號設置--->JS接口安全域名 2.在components中新建js文件，導入JSSDK文件和撰寫分享代碼，如下 （1）導入js-sdk n
2021-11-16 13:46:41
原创 vue中template和render的區別
1.相同點 都是類編譯器 2.區別 template-----以html方式進行渲染 render -----以js的方式進行渲染 render（）是一種編譯方式 render裏有一個函數h，這個h的作用是將單文件組件進行虛擬DOM的創建，
2021-11-14 13:47:26
原创 由懶加載和css sprites想到的頁面優化
1.懶加載 （1）多圖片加載時爲了減少請求量對頁面進行快速渲染而使用一個簡單的圖片作爲替代位置，根據頁面位置對相應圖片（img）的src路徑進行二次賦值，以此實現前端優化的方法。 （2）步驟： a.加載備用的圖片。
2021-11-11 13:46:39
原创 前端需要注意的SEO
什麼是SEO？ SEO（Search Engine Optimization）：漢譯爲搜索引擎優化。是一種方式：利用搜索引擎的規則提高網站在有關搜索引擎內的自然排名。目的是：爲網站提供生態式的自我營銷解決方案，讓其在行業內佔據領先地位，獲得
2021-11-11 13:46:39
原创 lottie-前端實現AE動效
在前端頁面上爲了實現動畫效果，可以用CSS3自己實現，可以讓UI小姐姐給你GIF動圖，也可以直接animate.css等等吧，可以實現的方式有不少，但如果說偏差那肯定是會有的，在呈現上也會有點不太自然，今天介紹一個神器Lottie。（剛接觸
2021-01-26 13:46:50
7
原创 雨夾雪背景特效
在這暖暖的冬天，給自己的網站加點雪花特效簡直美滋滋啊。 來給生活比個樣！ 效果圖： 實現代碼： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
2021-01-26 13:46:50
原创 響應式佈局實現原理
響應式佈局是一個很基礎的前端佈局，就是很基礎的CSS變換（基於本人有問必答的特點，開車！）。首先，關於佈局的方式有哪些，前面隨筆提到過，再次贅訴一下吧。 移動端的幾種佈局的方式，現在常用的大致上分爲以下五種，分別是 1.靜態佈局(Stati
2021-01-14 13:46:41
原创 關於小程序（含uniapp）中使用npm模塊
當我們開發小程序時免不了需要使用npm，對於不想花費過多時間開發組件的人來說是真的方便。 A：小程序常用的npm安裝如vant之類的流程： 1.創建小程序； 2.npm init -y初始化創建配置package.json文件； 3.npm
2020-12-31 13:46:36
2
原创 vue項目接入友盟統計站點數據
無論是PC還是移動端的埋點，對於市場統計及可視化數據瀏覽是十分不可少的，但專門的埋點或是統計要麼工作量大，要麼難實現，使用友盟對於一些精確的數據我們是拿不到的，想做成圖表等高級可視化還是建議您去埋點處理。 關於友盟的埋點其實也可以去看友盟文
2020-12-09 12:51:37