@vue.js
Contributes142
Followers0
Contributes
@vue.js
Stories ListJavaScript中undefined的特點
1、undefined既是JavaScript中的原始數據類型之一,也是一個原始值數據 對於有編程經驗的朋友來説,undefined是JavaScript的原始數據類型之一這一點毋庸置疑,沒有什麼可以贅述的,因為ECMAScript規範中就將undefined定義為原始數據類型之一。 undefined也是一個原始值數據,我的理解是,當一個聲明瞭但是未初始化的變量會默
Nickname 米女巫
線上線下暢玩無阻,找到你的專屬搭子,實現“全域陪玩系統”!
陪玩行業風頭正勁,想要從中脱穎而出,打造爆款陪玩平台,除了優質的陪玩資源和良好的用户體驗,更需要一套功能強大、穩定可靠的陪玩小程序源碼作為支撐。 以下將從源碼角度,分享一些打造爆款陪玩平台的秘訣: 一、核心功能模塊:雙重用户體系:陪玩者(服務提供者)與需求者(服務購買者)同城定位服務:基於 LBS 的附近陪玩者推薦服務分類展示:線上陪玩(遊戲、聊天、才藝展示)與線下陪玩(觀影、運動、
Nickname 多客Duoke
輕量高效!一款輕量級的自託管服務器監控工具!
大家好,我是 Java陳序員。 在企業開發中,涉及眾多的服務器資源,一款好用的服務器監控工具能讓運維效率事半功倍。 今天,為大家推薦一款輕量級的自託管服務器監控工具,具備資源佔用低、部署簡單和功能實用的特點! 關注微信公眾號:【Java陳序員】,獲取開源項目分享、AI副業分享、超200本經典計算機電子書籍等。 項目介紹 Komari 是一款輕量級的自託管服務器監控工具,旨在提供簡單、高效的服
Nickname Java陳序員
🥳 Uni ECharts 2.1 發佈:正式支持鴻蒙,零成本遷移、全平台兼容、跨端開發零負擔!
Uni ECharts 是適用於 uni-app 的 Apache ECharts 組件,無需繁瑣的步驟即可輕鬆在 uni-app 平台上使用 echarts。 官網 文檔:https://uni-echarts.xiaohe.ink Github:https://github.com/xiaohe0601/uni-echarts 🏝️ 背景 🎵 “本來應該從從容容遊刃有餘,現在是匆匆忙忙連
Nickname xiaohe0601
婚戀相親交友/同城交友/源碼小程序搭建及方案
在快節奏的現代生活中,社交圈狹窄、脱單困難成為普遍痛點。蓬勃發展的婚戀市場,尤其是線上相親平台,正成為尋找愛情的重要渠道。婚戀相親交友小程序憑藉 VIP會員功能、女神守護功能、邀請賺錢功能 等特色,為用户帶來全新交友體驗。 一.UNIAPP+PHP打造婚戀行業新基建 1.UNIAPP前端優勢: 跨平台開發: 一套代碼即可覆蓋iOS、Android、Web、微信小程序等多端
Nickname 多客Duoke
axios雙Token無痛刷新,解決隊列請求、歷史請求問題
雙token無痛刷新機制主要是由一個accessToken和一個refreshToken實現的,請求接口的時候使用accessToken,一旦accessToken過期,立刻用refreshToken請求刷新token接口,拿到accessToken、refreshToken存起來,然後使用accessToken請求接口。 這其中有幾個點需要注意: 當前過期的token如何處理? 過期
Nickname 兔子先森
css滾動條不佔位-鼠標移入顯示,移出隱藏
鼠標移入顯示滾動條,移出隱藏 css滾動條一般是會佔位的 .container { overflow: hidden auto; ::-webkit-scrollbar { width: 0px; /* 控制滾動條整體寬度 */ } :hover { ::-webkit-scrollbar { width: 6px; /* 控制滾動條
Nickname 兔子先森
uniapp微信小程序圖片上傳-預覽-刪除
貼幾個可在線訪問的圖片數據,圖片數據最好包含id、url、loading、success的狀態 分別對應: id === key url === url loading === 上傳中 success === 上傳成功的狀態 const imgList = ref([ { id:1, url: 'https://fastly.jsdelivr.net/npm/@van
Nickname 兔子先森
【源碼&庫】在調用 createApp 時,Vue 為我們做了那些工作?
在使用Vue3時,我們需要使用createApp來創建一個應用實例,然後使用mount方法將應用掛載到某個DOM節點上。 那麼在調用createApp時,Vue再背後做了些什麼事情呢?今天就來扒一扒Vue3的源碼,看看調用createApp發生了些什麼。 大家好,這裏是田八的【源碼庫】系列,Vue3的源碼閲讀計劃,Vue3的源碼閲讀計劃不出意外每週一更,歡迎大家關注。 首發在掘金,如果想一起
Nickname 田八
【源碼&庫】Vue3 中的 nextTick 魔法背後的原理
在使用Vue的時候,最讓人着迷的莫過於nextTick了,它可以讓我們在下一次DOM更新循環結束之後執行延遲迴調。 所以我們想要拿到更新的後的DOM就上nextTick,想要在DOM更新之後再執行某些操作還上nextTick,不知道頁面什麼時候掛載完成依然上nextTick。 雖然我不懂Vue的內部實現,但是我知道有問題上nextTick就對了,你天天上nextTick,那麼nextTick為什麼
Nickname 田八
Vue與VueComponent的關係
結論:VueComponent.prototype.__proto__ === Vue.prototype Vue與VueComponent的關係如圖所示: (圖一) 前提知識: 每個函數function都有一個prototype屬性,即顯式原型(屬性),它默認指向Object空對象, 每個實例對象都有一個__proto__屬性,即稱隱式原型(屬性)。 關係圖分析:
Nickname Hard heart
前端項目如何規範文件命名
前端項目如何規範文件命名 ls-lint 是一個非常快的文件和目錄名稱 linter,可方便約束項目目錄和文件的命名。 特點: 快速 依賴少 適用所有文件 配置簡單 安裝依賴 npm install @ls-lint/ls-lint -D 在 husky 加入 git hook: "husky": { "hooks": { "pre-commit": "ls-lint
Nickname JackZhouMine
從紅屏到斷點,VSCode+Chrome打開調試vue.js項目的黃金配置公式,後端轉前端必看!
夙夜小哥這幾天有個項目前端人手不夠,要我支援幾天。我本人之前是寫後端的,在支援的過程中發現前端對JavaScript或者typescript的方法提示以及代碼導航功能都比較弱,可能是由於js本身屬於弱類型語言,所以這波並不屬於VSCode的鍋。 但是我又發現好像VSCode不進行配置的話,沒法直接使用調試功能,好傢伙,這下讓我一頓上網衝浪百度+谷歌,翻來翻去感覺網友都沒有寫在點子上,最後還是
Nickname 月半大熊貓
記錄動態修改element中el-calendar日曆組件日期的高度
首先看下需求頁面的整體佈局。 頁面分為上下佈局,上邊模塊包含左側日曆和右側導入部分,下邊模塊是數據狀態部分。日曆和導入組件固定高度420px;日曆寬度500px;數據狀態寬度100%,高度自適應。 項目是由vue2+elementui開發,這裏主要説的是日曆的高度如何動態設置? 由於業務需求,日曆只展示當前月份數據,使用css將上個月份和下個月份數據進行隱藏,所以日曆有時是5行數據展示,有
Nickname 留白
一文搞定前端多種主題配置及全局引入scss文件
前言 本文中所採取的方案主要是css預處理(less/scss)方案,適用於項目中有多套主題需要進行配置,有着很強的擴展性和易用性,如果你的項目臨時需要加上主題切換,可以採用;如果你的項目需要很多套主題配置,也非常適用! 一、變量配置的代碼部分 1、主題變量的配置 theme.scss(在項目中存放在style文件夾下面,這個文件夾主要用於系統一些公共樣式的存放和管理) // 主題配置 $the
Nickname 1227
GraphQL 封裝多個請求使得network只有一條請求記錄
1,js方法封裝 //util.js //一些發起請求的依賴 import gql from 'graphql-tag' import initapolloclient from '@/assets/js/apolloclient.js' import $store from '@/store/index' // 根據openid獲取人員姓名 // openid的取值matchke
Nickname charlotteeeeeee
vue動態組件綁定動態屬性和方法的小tips
當使用多 tab 內容頁時,動態組件是一件非常好用的利器。但是循環動態組件會有個問題,那就是不同組件綁定不同的屬性值和方法,全部寫在組件內固然是一種方法,就是不方便管理和查看,所以以下是單獨聲明的技巧小 tips。 切換的tabs常量 const TABS = [ { label: 'tab1', compo: 'RankingList', props: [
Nickname phoenixhg
從零開始搭建 Vue3 組件庫開發環境
搭建開發環境 Vite初始化 新建一個空的文件夾,比如叫 Vue3UI ,然後使用命令行在此文件夾下使用npm初始化: npm init 回車後,我們再安裝vite(我們這裏選擇使用Vite進行打包,使用別的也類似): npm install --save-dev vite 根目錄創建 index.html 文件,裏面內容如下: !DOCTYPE html html lang="zh-cn"
Nickname zxl20070701
使用瀏覽器的 Local Storage 真的安全嗎?
LocalStorage 是一個 HTML5 網絡存儲對象,用於將數據存儲在客户端——即本地,在用户的計算機上。 本地存儲的數據沒有到期日期,並且會一直存在,直到被刪除。 (相比之下,會話存儲是另一個 HTML5 網絡存儲 API,它會在瀏覽器關閉時刪除存儲的數據。) 本地存儲是純 JavaScript。 同樣,雖然它仍然在用户的設備上生成純文本文檔,但本地存儲也允許存儲多達 5MB 的數據(與
Nickname 註銷
Vue 高德地圖 API Loca 如何使用 連接線圖層、脈衝連線圖層
Vue 高德地圖 API Loca 如何使用 連接線圖層、脈衝連線圖層 閲讀此文你需要已經瞭解並掌握的: 已經會使用常規地圖的生成方式 已經瞭解如何載入 Loca 插件 如果不瞭解,可以查看我之前的文章: 高德地圖 Vue 中 加載 數據可視化 Loca 的方式 如何使用高德地圖 API 做一個路線規劃應用,展示自定義路線 高德地圖 API Loca 3D動畫的説
Nickname KyleBing