原创 Vue3---父子組件間互相傳值
Vue3中，子組件通過setup函數中的第一個參數值 props 拿到定義的組件參數進行使用。如果要向父組件傳參，需要使用setup函數中的第二個參數值 context（組件上下文）中的emit。 例1：Tab菜單子組件 創建子組件Tabs
2021-08-13 21:29:08
原创 vue vant移動端 rem 適配
如果是做 PC 端的網頁，無需做 rem 適配，但是做 H5 開發，rem 是需要做一下的，Vant 官方也爲我們提供了方案，如下圖所示： 咱們就按照官方爲我們提供的方案進行適配，安裝它們： yarn add lib-flexible
2021-08-13 00:26:07
1
原创 react 運行報錯 Error: PostCSS plugin postcss-pxtorem requires PostCSS 8
postcss-pxtorem使用方法：https://www.cnblogs.com/liangziaha/p/13636936.html 這裏報錯 postcss-pxtorem 需要 8. 我以爲要使用postcss-pxtorem
2021-08-13 00:26:07
原创 vue-cli3 vue.config.js中如何配置loader
vue-cli3 vue.config.js中如何配置loader 該配置方法可以配置多個loader， 代碼如下 1.方法一 module.exports = { chainWebpack: config => { confi
2021-08-12 01:13:39
原创 什麼是 JS 原型鏈？（全網最簡單講解，一看就懂的）
我們知道 JS 有對象，比如 var obj = { name: 'obj' } 我們可以對 obj 進行一些操作，包括 「讀」屬性 「新增」屬性 「更新」屬性 「刪除」屬性 下面我們主要來看一下「讀」和「新增」屬性。 爲什麼有
2021-08-11 00:15:12
原创 fabric 添加動畫屬性
fabirc 是一個比較簡單的和強大的canvas插件。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-
2021-08-08 16:24:31
原创 fabirc 實現畫不規則
fabirc 是一個比較簡單的和強大的canvas插件。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-
2021-08-08 16:24:31
原创 vue 使用 mock超級簡單
自從有了mockjs，我們前端工程師再也不用等後端人員開發好之後再測數據了，因爲mockjs可以攔截ajax請求，有了mockjs我們可以模擬後臺返回數據，以方便的進行一系列的操作。接下來就介紹一下在項目中如何使用mockjs。 首先安裝m
2021-08-06 04:06:11
原创 vue3常用指令
防抖 輸入框防抖 防抖這種情況設置一個v-throttle自定義指令來實現 // 1.設置v-throttle自定義指令 Vue.directive('throttle', { bind: (el, binding) => {
2021-07-31 21:18:42
原创 JS根據日期獲取判斷星期幾
/** * 根據日期字符串獲取星期幾 * @param dateString 日期字符串（如：2021-07-28） * @returns {String} */ function getWe
2021-07-30 04:40:41
原创 微信小程序發佈後查看實時日誌
微信小程序發佈到正式版後，有些錯誤需要查看服務器日誌定位問題。平常開發的時候可以通過開發者工具查看，上線就沒法查了。 1 在開發階段調用微信相關接口，封裝成log.js文件、 2 在需要輸出日誌的js頁面引入log.js const l
2021-07-27 09:56:52
原创 微信小程序2D canvas繪製分享海報
畫布。2.9.0 起支持一套新 Canvas 2D 接口（需指定 type 屬性），同時支持同層渲染，原有接口不再維護。相關api：獲取 canvas 實例。 id:true 是否返回節點 id node:true 是否返回
2021-07-27 09:56:52
2
原创 vue3+ts之 PropType
PropType Vue3官方props介紹 PropType的理解 Vue3官方props介紹 基礎props驗證看傳送門 PropType的理解 <script lang='ts'> import {defineComponent,
2021-07-24 08:56:57
原创 typescript Implement
Implement接口實現 class A implements B B是interface類型的，且他的裏面的方法都是abstract類型的方
2021-07-22 16:47:16
原创 vue3 +ts 集合api使用 setup resf computed torefs
<template> <div class="home"> {{inf}} <button @click="getname('灰太狼')">點擊變換形態</button> <div>vue3+ts {{com}
2021-07-20 15:07:49