搭建後臺管理系統模板 2.1項目初始化 今天來帶大家從0開始搭建一個vue3版本的後臺管理系統。一個項目要有統一的規範，需要使用eslint+stylelint+prettier來對我們的代碼質量做檢測和修複，需要使用husky來做commit攔截，需要使用commitlint來統一提交規範，需要使 ...
這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 使用Canvas繪製一個驗證碼組件 前言 驗證碼，這一日常伴隨我們的要素，是我們線上交互的重要安全保障。你的手機簡訊里是否被它占據半壁江山，今天我們就來聊聊如何在網頁上實現一個簡單的驗證碼組件。大家在登錄網站時為了防止被惡意攻擊或者多次點 ...
前言 Vue 3是一個功能強大的前端框架，它引入了一些令人興奮的新特性，其中最引人註目的是ref和reactive。這兩個API是Vue 3中響應式編程的核心，本文將深入探討它們的用法和差異。 什麼是響應式編程？ 在Vue中，響應式編程是一種使數據與UI保持同步的方式。當數據變化時，UI會自動更新， ...
在日常開發中，很多時候需要對數組進行分組，每次都要手寫一個分組函數，或者使用lodash的groupBy函數。好消息是，JavaScript 現在正在引入全新的分組方法：Object.groupBy和Map.groupBy，以後再也不需要手寫分組函數了，目前最新版本的 Chrome（117）已經支持 ...
import React, { useEffect, useState } from 'react'; hook 是react 16.8的新增特性 ，他可以讓你不在編寫class的情況下shiystate以及react的特性 Hooks的出現，首先解決了以下問題： 告別了令人疑惑的生命周期 告別類組 ...
web前端JavaScript交互 點擊事件 意義： JavaScript中的點擊事件是指當用戶在頁面上點擊某個元素時觸發的事件。這個事件可以用於執行各種操作，如改變元素的樣式、修改頁面內容等。這是Web應用程式中最常用 的交互方式之一，允許用戶與網頁進行交互，提高用戶體驗。 案例： 隨機點名器 知 ...
本文是由最近做的一個項目有感而發，因為之前做了一些技術棧的統一，為了用ant Design的pro-table，PC統一使用react，但是我們有一些老的項目是vue的，本次新頁面較多，老頁面的改動較少，除此之外老項目想換菜單，因此我們想藉助本次機會用react開發，經過了幾番思考，發現本次很適合用... ...
在JavaScript開發的現代世界中，有許多不同的前端框架可供我們用來編寫應用程式，從舊的框架如Backbone.js到較新的Angular、React和Vue等。這些框架通常使用模型視圖控制器（MVC）設計模式或其變體之一，例如模型視圖表現器（MVP）或模型視圖視圖模型（MVVM）。當將這組模式 ...
上半年vercel 推出了nextjs13 這個大版本，剛好最近有個c端的項目，所以就用了這個框架來寫，技術體系基本也是文檔提到的 tailwindcss + ts + swr + ssr ，總的來開發體驗還可以，不管是打包速度、文檔、錯誤信息提示目前都還滿意，只不過目前nextjs13 中文資料有 ...
這裡給大家分享我在實際生活中總結出來的一些知識，希望對大家有所幫助 一.SDK引入 這裡提供兩套引入流程，一套是vue2.0及其他h5項目，一套是vue3.0的引入流程 不懂的也可以看我之前的一篇詳細流程 記錄--微信調用jssdk全流程詳解 1.js引入 直接在你的頁面里引入js文件就行 <scr ...
import React, { useEffect, useState } from 'react'; hook 是react 16.8的新增特性 ，他可以讓你不在編寫class的情況下shiystate以及react的特性 Hooks的出現，首先解決了以下問題： 告別了令人疑惑的生命周期 告別類組 ...
這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 前言 可選鏈運算符(?.)，大家都很熟悉了，直接看個例子： const result = obj?.a?.b?.c?.d 很簡單例子，上面代碼?前面的屬性如果是空值（null或undefined），則result值是undefined，反 ...
工作中經常遇到按照指定格式的時間進行展示。可參考以下腳本邏輯滿足需求 Date.prototype.PtTimeByFormat = function (fmt){ var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 ...
web前端JavaScript交互 點擊事件 意義： JavaScript中的點擊事件是指當用戶在頁面上點擊某個元素時觸發的事件。這個事件可以用於執行各種操作，如改變元素的樣式、修改頁面內容等。這是Web應用程式中最常用 的交互方式之一，允許用戶與網頁進行交互，提高用戶體驗。 案例： 隨機點名器 知 ...
vscode 編譯器下載地址: https://code.visualstudio.com/ 1、下載完vscode後安裝的三個小插件：chinese（中文）、live serve、會了吧（翻譯） 2、每個打開的網路頁面都有html編碼，可以進行編碼查詢和編碼檢查 3、vscode的三種創建編碼文件 ...
html和css的關係： HTML（HyperText Markup Language，超文本標記語言）是用於創建網頁的標準標記語言。它負責定義網頁的結構和內容。HTML使用各種標簽來包含文本、鏈接、圖 片、視頻等元素，並可以與如JavaScript等其他技術結合使用，實現網頁的動態功能。 CSS ...
1.音頻 2.視頻 3.有序無序列表 有序列表：ol>li ol內必須是li,li內沒限制 無序列表：ul>li ul內必須是li,li內沒限制 4.表格 th 字體加粗並居中 示例： 案例：個人簡歷 5.表單 針對錶單整理的相關問題： <!-- action:行動 提交的地址 伺服器地址 後臺地址 ...