貢獻者142
粉絲0
Vue.js 是一個用於構建用户界面的漸進式 JavaScript 框架，因其輕量、靈活和易上手的特性備受歡迎。Vue.js 不僅適合小型項目的快速開發，也可用於構建複雜的單頁面應用（SPA）。本文將介紹 Vue.js 的核心特性、項目結構、常用功能及其在現代前端開發中的應用場景。 一、Vue.js 簡介 Vue.js（簡稱 Vue）由尤雨溪於 2014 年推出，是一個專注於視圖層的 JavaSc
昵稱 chongdongdedaxiongmao_kxfei
教你玩轉JavaScript元編程 大家好，我是倔強青銅三。我是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 JavaScript元編程：深度解析Proxy、Reflect和對象屬性控制 JavaScript元編程超越了典型編程的範疇，為開發人員提供了一套創建高度靈活、高效和響應式代碼庫的工具。讓我們深入探討Pr
昵稱 倔強青銅三
div class="box" div class="box1"/div div class="box2" div style="height: 500px;border: 1px solid gold;" /div /div /div 在css中，div的寬度默認獨佔一行，而高度需要手動設置。 上面的佈局，box 高度 300 box1的高度未
昵稱 兔子先森
下面是一段scss示例： .btn-text { border: 1px solid #cfd5de; transition: all 0.3s; @media (hover: hover) { :hover { color: #006eff; border-color: #006eff; } } :active { col
昵稱 兔子先森
效果： 在css中，對文字可以使用：flex-wrap: wrap; 來實現文字溢出換行。 但如果文字是英文、網址，該屬性則無效。 我們需要對英文、網址進行斷字，然後使其換行，下面是mdn的解釋： .company_detail_webaddress{ max-width: 55%; margin-right: 10rpx;
昵稱 兔子先森
effect 是可以發生嵌套的 vue.js的下渲染函數其實就是在一個effect中執行的 當組件發生嵌套時，例如Foo組件渲染了Bar組件 // Bar組件 const Bar = { render() { } } // Foo組件嵌套渲染了Bar組件 const Foo = { render() { return Bar / } } 此時就發
昵稱 兔子先森
Vue3 Admin Better 與 Vue Admin Better：技術演進與核心差異解析 一、Vue3 Admin Better：企業級後台框架的技術革新 核心架構與技術特性 Vue3 Admin Better 是基於 Vue 3 生態構建的企業級後台管理系統框架，其核心優勢體現在以下方面： • 雙版本兼容性 支持 Vue 2.x（Element UI）與 Vue 3.x（Eleme
昵稱 360Web
vue3項目，主要通過wavesurfer.js實現前端錄音+實時波形渲染 template div class="audio-container" @click="onStop" div class="flex-between audio-box" v-if="!transform" div你可以開始説話/div div class="audio" id="w
昵稱 兔子先森
該組件是一個透明佔位的頭部nav-bar組件，組件的大小位於最頂部一直到膠囊底部的位置，如下： 內部提供一個插槽，這個插槽的高度跟膠囊的高度一致，你可以自定義一些按鈕，跟膠囊對齊 template view :style="{ height: navBar.totalHeight + 'px', back
昵稱 兔子先森
Vite VS Webpack，誰才是最強構建工具 前言 大家好，我是倔強青銅三。是一名熱情的軟件工程師，我熱衷於分享和傳播IT技術，致力於通過我的知識和技能推動技術交流與創新，歡迎關注我，微信公眾號：倔強青銅三。 Vite vs Webpack：哪個更適合您的項目？ 隨着Web應用的不斷髮展，對更快、更高效的開發工具的需求也在日益增長。多年來，Webpack一直是複雜應用的首選打包工具，以其強
昵稱 倔強青銅三
Vue工程化配置指南：vue.config.js深度解析 一、初始化配置文件 在Vue CLI工程根路徑下創建配置文件： 項目層級示意： your-project/ ├── src/ ├── public/ ├── package.json └── vue.config.js # 新增配置文件 基本模板結構： module.exports = { // 工程化配置區域 } 二、核心配置參數解
昵稱 月半大熊貓
痛點： 開發過程中改一行代碼卻要等webpack構建半天實在太捉急。 項目背景 我們的項目是@vue/cli4生成的，基於webpack和vue2開發，未使用ts。用到了很多jquery、lodash、echarts等第三方依賴。 參考： @vue/cli4已經默認配置過一些優化方法了，比如為babel-loader增加cache-loder。請教了deepseek和google之後，根據項目的實
昵稱 雨花石
大家好，我是 Java陳序員。 前段時間西貝羅永浩事件鬧得沸沸揚揚，西貝的做法可謂是激起廣大網友的不滿。 想不到的是，這場爭論的最後贏家居然是老鄉雞。與西貝相反的是，老鄉雞預製菜完全公開透明，不遮遮掩掩，而且價格十分親民。 與此相對應的，最近在 Github 有個項目 —— CookLikeHOC（像老鄉雞那樣做飯），十分爆火，短短的時間內，斬獲幾千 Star！ 關注微信公眾號：【Java陳序
昵稱 Java陳序員
昵稱 白澤
一、説明 這個我是為了放在博客的標題部分作為背景圖，上下滾動的時候比較好看。 原理就是通過幾張透明的png進行疊加，然後在上下滾動時，外層png移動的快，內層png移動得慢來實現視差效果。 先放一張示意圖： 這裏實際的距離X和Y在觀察者看來是一樣的，原因是距離觀察者的距離Z不一樣導致的。 再放一張視差標題背景的3d示意圖： 二、Vue代碼 這裏為了代碼高亮分三部分展示 html部分
昵稱 baby7
本指南以 API 代理 IP 提取為核心，結合參數化設計、JSON-first 接口規範、嚴格的版本管理與狀態碼標準，幫助您構建高成功率、低運維成本、可平滑擴展的數據採集流水線。基於 8000萬+ 住宅代理 IP 資源池、覆蓋 全球 200+ 國家與主要城市、承諾 99.9% 服務可用性，Smartproxy 助力團隊快速上線並在 SLO 驅動下穩定擴容 1。 我們踐行安全、透明、合規的工程方法論
昵稱 飄逸的斑馬
Raise Admin (鋭智後台管理系統)：重新定義 PHP 後台開發效率與安全 嘿，各位 PHP 和 Vue 社區的開發者朋友們！ 你是否曾深陷於一遍又一遍搭建後台管理的重複勞動中？ 是否為確保系統的權限和數據安全而絞盡腦汁？ 是否夢想着能有一款工具，讓你專注於核心業務邏輯，而不是繁瑣的底層架構？ 今天，我們向你隆重介紹 Raise Admin (鋭智後台管理系統) —— 一款基於
昵稱 後山人
前言 最近在深入學習 Vue.js設計與實現 ，深感“理解設計理念”比“記憶API用法”更為重要。 我決定通過文章來記錄和輸出學習內容，這不僅是為了檢驗自己的理解程度，更是為了梳理Vue.js背後的核心思想和實現機制。希望這種“知其所以然”的探索，能為你帶來啓發。 1.1命令式和聲明式 首先什麼是聲明式和命令式,看接下來我們要做的事 獲取 id 為 app 的 div 標籤 它的文本內容為
昵稱 臨在
觸底加載的方式 長列表需要觸底加載，觸底顯示loading，加載後loading小時 若長列表為空，則顯示空狀態 加載到底，沒有更多分頁，則顯示“沒有更多了” 這裏我基於vant封裝了一個組件，可直接使用 script setup lang='ts' const props = defineProps({ text: { type: String,
昵稱 兔子先森
新《網絡安全法》通過強化數據傳輸安全與主體責任，使 SSL 證書從 “可選工具” 變為企業的 “合規剛需”，直接影響企業的合法運營、數據安全與用户信任。 一、新《網絡安全法》的核心要求：SSL 證書的法律依據 新《網絡安全法》圍繞 “數據安全” 和 “個人信息保護” 增設了多項強制性條款，而 SSL 證書的核心功能（加密傳輸、身份驗證）正是滿足這些條款的關鍵技術手段，具體對應以下核心要求：
昵稱 追風的苦咖啡
主要參數： ● loading 是否加載中 ● hasMore 是否有更多，根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表的函數，比如getList，該函數是一個async的Promise函數 ● threshold
昵稱 兔子先森
代碼可直接複製使用，主要用於頁面容器內的滾動觸底加載 主要參數： ● element 滾動容器dom ● loading 是否加載中 ● hasMore 是否有更多，根據分頁總數跟total判斷 ● pageInfo 分頁參數信息{ pageNo: number, pageSize: number, total: number } ● loadMore 加載列表
昵稱 兔子先森
/** * 根據傳入的時間字符串按照格式轉換並返回 * @param { string } dateString 傳入的時間字符串 * @param { string } format 需要轉換的格式 * @param { object } options 配置項 * @returns { string } 轉換後的時間 */ function formatDate(dateStrin
昵稱 兔子先森
大膽猜想：Labelme的AI多邊形(AI-Polygon)功能是怎麼實現的？ 百度一下，有關AI-Polygon的詞條大多是使用教程，卻很少有人挖掘其背後的原理。在開發自己的標註軟件過程中，我設想出一個接近原版的開發邏輯： 1，加一個按鈕（名稱為AI多邊形），點擊開啓AI-Polygon功能，同時關閉其他所有鼠標操作會觸發的功能 2，跳出選項框，供用户選擇模型，用户選擇後選項框關閉，並記錄
昵稱 蓋亞
