原创 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