相關(guān)文章

• 

  前端新手Vue3+Vite+Ts+Pinia+Sass項(xiàng)目指北系列文章 —— 第一章 技術(shù)棧簡(jiǎn)介 (開(kāi)篇)

  旨在幫助初學(xué)者掌握使用現(xiàn)代前端技術(shù)棧構(gòu)建應(yīng)用的基礎(chǔ)知識(shí)和技能。在這個(gè)系列中，我們將深入探討如何結(jié)合Vue.js、Vite、TypeScript、Pinia和Sass這些強(qiáng)大的工具和框架來(lái)開(kāi)發(fā)現(xiàn)代化的前端應(yīng)用。 通過(guò)這個(gè)系列，我們將從零開(kāi)始構(gòu)建一個(gè)完整的前端項(xiàng)目，覆蓋項(xiàng)目初始化、組件

  2024年02月05日

  瀏覽(30)
• 

  Vue2實(shí)現(xiàn)仿小米商城練手項(xiàng)目前端篇(2-首頁(yè)實(shí)現(xiàn))

  去年寒假里學(xué)習(xí)了 Vue.js ，開(kāi)學(xué)后想做一個(gè)完整的練手項(xiàng)目實(shí)戰(zhàn)一下，最后決定模仿小米手機(jī)官網(wǎng)做一個(gè)網(wǎng)站項(xiàng)目，具體參考了Github上一位作者的項(xiàng)目。 現(xiàn)在已經(jīng)基本完成了，分享在CSDN作為學(xué)習(xí)記錄。 技術(shù)支持 ：該項(xiàng)目采用前后端分離的設(shè)計(jì)結(jié)構(gòu)，使用 Vue2 + Vue-Router + Vue

  2024年02月09日

  瀏覽(25)
• 

  vue2項(xiàng)目導(dǎo)出操作實(shí)現(xiàn)（后端接口導(dǎo)出、前端直接做導(dǎo)出）

  實(shí)現(xiàn)效果：導(dǎo)出列表數(shù)據(jù) 導(dǎo)出的內(nèi)容： 后臺(tái)相對(duì)來(lái)說(shuō)比較簡(jiǎn)單一點(diǎn)，只要后端配合寫接口即可 代碼：放在導(dǎo)出事件里進(jìn)行調(diào)整即可完成導(dǎo)出效果 效果如上：個(gè)人認(rèn)為調(diào)接口導(dǎo)出的表格更美觀一點(diǎn) 操作如下： 首先安裝我們需要的xlxs庫(kù)： 接著在我們項(xiàng)目文件夾/src/assets/js創(chuàng)建

  2024年04月11日

  瀏覽(26)
• 

  前端新手Vue3+Vite+Ts+Pinia+Sass項(xiàng)目指北系列文章 —— 第十二章 常用工具函數(shù) (Utils配置)

  在項(xiàng)目開(kāi)發(fā)中，我們經(jīng)常會(huì)使用一些工具函數(shù)，也經(jīng)常會(huì)用到例如 loadsh 等工具庫(kù)，但是這些工具庫(kù)的體積往往比較大，如果項(xiàng)目本身已經(jīng)引入了這些工具庫(kù)，那么我們就沒(méi)有必要再引入一次，所以我們需要自己封裝一些工具函數(shù)，來(lái)簡(jiǎn)化我們的開(kāi)發(fā)。 在 src/utils 目錄下創(chuàng)建

  2024年02月20日

  瀏覽(28)
• 

  微前端qiankun架構(gòu) (基于vue2實(shí)現(xiàn))使用教程

  node -- 16+ @vue/cli -- 5+ 創(chuàng)建文件夾qiankun-test。 使用vue腳手架創(chuàng)建主應(yīng)用main和子應(yīng)用dev ? 安裝 qiankun: 使用qiankun： 在 utils 內(nèi)創(chuàng)建 微應(yīng)用文件夾 microApp,在該文件夾內(nèi)創(chuàng)建微應(yīng)用出口文件 index.js，路由文件 microAppRouter,配置函數(shù)文件 microAppSetting。 路由文件 microAppRouter 配置函數(shù)文件

  2023年04月19日

  瀏覽(26)
• 

  前端系列——vue2+高德地圖web端開(kāi)發(fā)（使用和引入）

  本人非專業(yè)前端開(kāi)發(fā)，其實(shí)是搞后端的，但是正好接了一個(gè)項(xiàng)目需要我負(fù)責(zé)全棧，所以寫了這個(gè)系列的文章，如果以后項(xiàng)目可以開(kāi)源我會(huì)放出來(lái)的 本次我們要實(shí)現(xiàn)的是vue2+高德地圖的網(wǎng)頁(yè)開(kāi)發(fā) 本文需要大家系統(tǒng)學(xué)過(guò)vue以及初步了解高德地圖的情況下理解起來(lái)會(huì)十分省力 高德

  2024年01月16日

  瀏覽(53)
• 

  使用vue-cli創(chuàng)建vue2項(xiàng)目以及項(xiàng)目配置

  1、安裝vue-cli cmd：npm install -g @vue/cli@4.5.19 驗(yàn)證是否安裝成功：vue -v? ?出現(xiàn)版本號(hào)說(shuō)明安裝成功 2、創(chuàng)建項(xiàng)目 vue create 項(xiàng)目名稱 根據(jù)自己的需求選擇特性，如下所示： 手動(dòng)選擇： 選擇自己需要的特性：例如： 選擇vue版本 選擇路由模式 （輸入y和n都可以，y代表history模式?jīng)]有

  2024年02月06日

  瀏覽(93)
• 

  在vite+vue3項(xiàng)目中配置使用css預(yù)處理器（less/sass）以及路徑別名

  vite已經(jīng)將這些預(yù)處理器的loader內(nèi)置了，我們不用再像在webpack項(xiàng)目中那樣，需要下載和配置一堆相關(guān)的loader，我們只需要下載less，sass依賴，就能直接在項(xiàng)目中使用啦 使用npm或者yarn來(lái)安裝以下依賴： Less預(yù)處理器： npm install -D less Sass預(yù)處理器： npm install -D sass 如圖，下載之后

  2024年02月11日

  瀏覽(42)

• vue2手機(jī)項(xiàng)目如何使用藍(lán)牙功能

  要在Vue2手機(jī)項(xiàng)目中使用藍(lán)牙功能，你需要先了解基本的藍(lán)牙知識(shí)和API。以下是一些基本的步驟： 確認(rèn)你的手機(jī)設(shè)備支持藍(lán)牙功能。 在Vue2項(xiàng)目中安裝藍(lán)牙插件或庫(kù)，例如vue-bluetooth或vue-bluetooth-manager。你可以通過(guò)npm安裝它們。 在Vue2項(xiàng)目中創(chuàng)建一個(gè)藍(lán)牙服務(wù)，并建立一個(gè)連接。

  2024年02月22日

  瀏覽(75)
• 

  vue2使用rtsp視頻流接入海康威視攝像頭(純前端)

  ?？低暪俜降腞TSP最新取流格式如下: rtsp://用戶名:密碼@IP:554/Streaming/Channels/101 用戶名和密碼 IP就是登陸攝像頭時(shí)候的IP(筆者這里IP是192.168.1.210) 所以筆者的rtsp流地址就是 rtsp://用戶名:密碼@192.168.1.210:554/Streaming/Channels/101 1.1關(guān)閉 螢石云的接入 1.2 調(diào)整視頻編碼為H.264 在此下載

  2024年04月26日

  瀏覽(24)