搭建後臺管理系統模板 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:行動 提交的地址 伺服器地址 後臺地址 ...