原创 Android webview 中遇到的坑

1. 100vh 在 Android 的webview 中失效 項目中遇到該問題,客服頁面,本應該置底的輸入框,在新版本的 webview 安卓機 出現頁面很短小,也不是置底的問題(老版本SDK中沒有此問題,不知道是什麼原因引起的)  

原创 修改 input checkbox 樣式

input[type='checkbox'] { margin-right: 5px; cursor: pointer; font-size: 14px; width: 16px; height: 14px; po

原创 DPlayer 一個HTML5彈幕視頻播放器

http://dplayer.js.org/ https://www.ctolib.com/article/compares/1178 https://github.com/DIYgod/DPlayer

原创 基於vue3+ts 開發的電影webApp 知識點總結 Vue3.0 中 ref、reactive、toRef、toRefs、customRef、ComputedRef 的區別

1、stylus : https://www.cnblogs.com/catherLee/p/14652446.html 2、vue3-lazy:支持ts的vue3插件,圖片懶加載。https://www.npmjs.com/package

原创 img 標籤 訪問網絡圖片 返回403 forbidden問題 & nginx配置圖片防盜鏈 & meta信息大全

遇到的問題 如下圖,項目內訪問403,當時瀏覽器打開圖片地址是可以訪問的。   解決方案 <meta name="referrer" content="no-referrer" /><!--頁面頭部添加-->      原因: ht

原创 Vue3.0 中 ref、reactive、toRef、toRefs、customRef、ComputedRef 的區別

一、reactive reactive 用於爲對象添加響應式狀態。接收一個js對象作爲參數,返回一個具有響應式狀態的副本。 獲取數據值的時候直接獲取,不需要加.value參數只能傳入對象類型 等價於Vue2中的Vue.observable(

原创 使用 SSH 連接到 GitHub(多帳號)

◎ 通過 SSH 克隆倉庫 我們克隆 GitHub 上的倉庫時,一般是通過默認的 HTTPS 的方式,而非上面這種 SSH 的方式。 對於克隆倉庫的話,我們使用起來是感受不到這兩種方式的差別的。但是,當我們要將本地的改動提交到 GitHub

原创 vue 遞歸組件 (評論列表)

一、引入最近某項目中,通過fbSdk實現了一種類似於微信朋友圈評論回覆的功能。評論數據結構有幾層未知,所以用到了遞歸。遞歸組件,顧名思義,就是自己的內部實現又調用自己的組件。比如Vue官方給的treeView的例子,父目錄下有子目錄,子目錄

原创 vue-cli3.0 給每個.vue文件的css stylus設置全局變量

在vue項目中使用如sass、less、stylus時需要進行公共變量、方法的集中維護 vue-cli3.0構建的服務使用如下方法可直接在每個css中引入公共變量、方法此處只說明瞭style 的引入,其他less sass引入在vue-c

原创 React總結三(組件&Props)

  組件允許你將 UI 拆分爲  獨立可複用的 代碼片段,並對每個片段進行獨立構思.   a. 組件是什麼 組件,從概念上類似於 JavaScript 函數。 它接受任意的入參(即 “props”),並返回用於描述頁面展示內容的 React

原创 canvas 彈幕留言板

項目地址:https://birthday-narutoen.oasgames.com/ 要求:每條留言的 移動速度,背景顏色隨機  效果圖:       參考文章:張鑫旭:使用canvas實現和HTML5 video交互的彈幕效果  

原创 Composition API 怎麼編寫

下面 先從setup Fuction 開始編寫Compositon API.   1⃣️ setup   新的 setup 組件選項 在 創建組件之前執行,一旦 props 被解析,並充當合成 API 的入口點。 我們從 setup 返回的

原创 Vue3 composition API (Why 、How & When)

爲什麼使用 composition API  ?        vue2的侷限促使我們使用vue3。具體如下: 隨着組件變得更大, 邏輯關注點的列表也會增長。碎片化使得 可讀性 和 可維護性也變低。選項的分離掩蓋了潛在的邏輯問題。此外,在

原创 vue3 新特性

一、vue3新特性   1⃣️ same small size、import only what you need 2⃣️ Boosted performance(faster rendering)     a. Rewritten Vir