原创 HTML頁面支持暗黑模式
需要使用到css中的prefers-color-scheme媒體查詢 no-preference表示用戶未制定操作系統主題。作爲布爾值時，爲false輸出。 light表示用戶的操作系統是淺色主題。 dark表示用戶的操作系統是深色主題。
2022-11-12 01:11:04
原创 8、Vue3事件綁定
1、事件修飾符 .stop 組織冒泡 .prevent 組織事件默認行爲 .self 僅當 event.target 是元素本身時纔會觸發事件處理器，事件處理器不來自子元素 .capture 添加事件監聽器時，使用 captu
2022-11-12 01:11:04
原创 7、Vue3列表渲染
案例 <template> <div v-for="(item, index) in list">{{item.name}}</div> </template> <script> import { reactive } from '@
2022-11-12 01:11:04
原创 6、Vue3條件判斷
案例 <template> <div v-if="isShow == 1">11</div> <div v-else-if="isShow == 2">22</div> <div v-else>33</div> </templa
2022-11-12 01:11:04
原创 Vue中props源碼處理
props支持對象和數組兩種，二選一，否則給出警告 props中數組定義必須是字符串，否則給出警告 不管數組還是對象把key轉換成駝峯處理，如（'my-component'轉成myComponent）等 使用緩存對象保存處理後的駝峯結果，
2022-11-12 01:11:04
原创 17、Vue3 操作Dom
某些情況下，我們仍然需要直接訪問底層 DOM 元素，要實現這一點，我們可以使用特殊的 ref attribute 案例 <template> <input ref="input" type="text" value="ref"> <
2022-11-12 01:11:04
原创 5、 Vue3 Class樣式綁定
案例 <!-- Class樣式綁定 --> <template> <div :class="{'class1': class1}">class1</div> <br> <div :class="class2">class2</di
2022-11-12 01:11:04
原创 1-1、Vue3 生命週期
詳情： 生命週期鉤子 API 手冊 setup onMounted onUpdated 案例 <template> <div>{{val1}}</div> <br> <button @click="btnclick">點擊</b
2022-11-12 01:11:04
原创 15、Vue3 nextTick函數
作用: 當你在 Vue 中更改響應式狀態時，最終的 DOM 更新並不是同步生效的，而是由 Vue 將它們緩存到“next tick”以確保每個組件無論發生多少狀態改變，都僅執行一次更新 案例 <template> <div>{
2022-11-12 01:11:04
原创 爲什麼JavaScript裏面typeof(null)的值是"object"
案例 typeof null === 'object'; 原因： 在 JavaScript 最初的實現中，JavaScript 中的值是由一個表示類型的標籤和實際數據值表示的。對象的類型標籤是 0。由於 null 代表的是空指針（大多數
2021-11-11 08:31:23
原创 46、vue2 pdf預覽
h5版本pdf預覽，使用pdfjs 1、安裝 npm install [email protected] --save 2、編寫PDFJSUtil.js工具類 /** * pdfjs */ import PDFJS from 'pd
2021-07-26 14:59:09
3
原创 4、微信小程序模版(template)-實現選餐功能
在微信小程序實現選餐功能，用到template功能、animate動畫庫微信版（animate.wxss），效果圖： 案例 頁面： pages/menu/menu.wxml <!-- SM ADD 引入模版--> <import
2021-04-02 15:50:23
原创 3、微信小程序模版(template)
模板 WXML提供模板（template），可以在模板中定義代碼片段，然後在不同的地方調用。 定義模板 使用 name 屬性，作爲模板的名字。然後在<template/>內定義代碼片段，如： <template name="msgIt
2021-04-02 15:50:23
原创 2、微信小程序自定義組件
從小程序基礎庫版本 [1.6.3] 開始，小程序支持簡潔的組件化編程。所有自定義組件相關特性都需要基礎庫版本 [1.6.3] 或更高。 開發者可以將頁面內的功能模塊抽象成自定義組件，以便在不同的頁面中重複使用；也可以將複雜的頁面拆分成多個低
2021-03-22 19:20:39