tag vue.js

標籤
貢獻371
402
05:55 PM · Oct 25 ,2025
tuzixiansen_63d4d65909d62 頭像 opentiny 頭像 u_17148819 頭像 u_9849794 頭像 8848_62c77d4bb2532 頭像 u_15967048 頭像 tanking 頭像 refanbanzhang 頭像 kangkaidafangdezi 頭像 kestrel_task 頭像 u_13738137 頭像 u_16307147 頭像

@vue.js / 博客 RSS 訂閱

muyouhuiyao 頭像

MUYOUHUIYAO - Transporter -- Weex 踩坑日記 (三)

Tab頁切換 完成固定footer佈局後，我想要在footer中添加幾個按鈕，來控制中間部分顯示的頁面，類似微信。因此我需要實現一個tab切換的功能，我這裏用到了Weex提供的slider組件。 template div class="wrapper" slider class="tab-container" auto-play="false" v-bind:index="sel" v

weex , vue.js , 前端

收藏 評論

original_intention 頭像

zhangjinpei - vue雙向數據綁定原理圖(簡易)

雙向數據綁定的概念，相信大家都耳熟能詳，簡單來説，數據變化更新視圖，視圖變化更新數據。為了實現這一效果，在 Vue 中，採用了 數據劫持結合發佈訂閲者模式 的方式來實現。 通過 Object.defineProperty() 實現數據劫持，監聽數據的變化。 通過 發佈者Dep() 訂閲者Watcher 實現發佈訂閲者模式，達到視圖與數據之間相互更新的解耦。 關於如何實現一個簡單的數據雙向綁定，網上

vue.js , 雙向綁定 , mvvm

收藏 評論

csep27 頭像

CSep27 - 【筆記】Vue-1-響應式原理

響應式 是一種面向數據流和變化傳播的編程範式。這意味着可以在編程語言中很方便地表達靜態或動態的數據流，而相關的計算模型會自動將變化的值通過數據流進行傳播。 Vue 2+ 版本基於Object.defineProperty實現數據雙向綁定，即數據變化時，視圖也變化。 Object.defineProperty用法： let obj = {} Object.defineProperty(ob

vue.js , 雙向綁定

收藏 評論

huolang_5a14e07d2f2ff 頭像

火狼 - JS開發必須知道的41個技巧【持續更新】

前言 JS是前端的核心，但有些使用技巧你還不一定知道； 本文梳理了JS的41個技巧，幫助大家提高JS的使用技巧； 文章有點長，可以clone下源碼，直接擼，源碼地址請戳全部源碼，原創不易，歡迎star； 序列文章： Vue 開發必須知道的 36 個技巧 React 開發必須知道的 34 個技巧 Array 1.數組交集 普通數組 const arr1 = [1, 2

vue.js , ecmascript-6 , 技巧 , es5 , Javascript

收藏 評論

hezhongfeng 頭像

hezhongfeng - Vue完美記住滾動條和實現下拉加載

滾動條 常見於移動端 App 在滾動點擊進入的時候 問題描述 當我們在開發 web app 的時候，經常會遇到一個問題，就是當從一個可滾動的列表頁進入到下一個詳情頁面，然後返回列表頁面的時候，很難去還原滾動條的狀態，無法記住進來時候的位置。 以前我嘗試過很多方法： 有 vue-router 自帶的 scrollBehavior，需要記住 scrollTop，然後還原，但是管理這個 scroll

vue.js , vue-router , webapp , 移動端web , 即時通訊

收藏 評論

yolindeng 頭像

YoLinDeng - 使用Proxy實現簡易的vue雙向數據綁定

在實現vue雙向數據綁定之前，先了解Proxy相關的概念和用法 proxy概念 Proxy 對象用於定義基本操作的自定義行為（如屬性查找、賦值、枚舉、函數調用等）。 一些術語 handle 包含捕捉器（trap）的佔位符對象，可譯為處理器對象 traps 提供屬性訪問的方法。這類似於操作系統中捕獲器的概念。 target 被 Proxy 代理虛擬化的對象。 語法 const p

vue.js , 雙向綁定 , 代理

收藏 評論

nanian_5cd6881d3cc98 頭像

那年 - vue項目，同一個站點兩個域名，解決跨域登陸問題（vue+ifram+postmessage）

項目需求： 一個項目兩個域名其中a.com域名，嵌套了b.com域名 當進入b頁面的時候就要切換到b.com域名，同時需要保持在a域名下的登陸狀態 解決：使用ifram + postMessage 主頁面 a域名 a域名下要協商ifram 標籤 iframe id="child" ref="iframBox" src="http://127.0.0.1:8082/#/mediatio

vue.js , iframe跨域 , postmessage , 跨域

收藏 評論

familyaboveall 頭像

familyAboveAll - vue移動端項目骨架屏的實現

Vue應用加載過程 我們先來看看vue的入口文件index.html裏面的內容， !DOCTYPE html html lang="en" head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=de

vue.js , 前端優化

收藏 評論

mihuartuanr 頭像

米花兒團兒 - 使用Flexible & swiper進行移動Web開發

移動端適配方案flexible.js 出發點 事故的開始總是有原因的，那思考一下，為什麼使用Flexible? [ ] 為了rem佈局？ 為什麼要rem佈局 —— 高度還原 [ ] 移動端適配? 為什麼移動端適配要用Flexible —— 同等佔比 [ ] 什麼是移動端適配？ 最初點是設計圖的高度還原！！！ 以750*1334設計稿(iPhone6)為準，期望每一個設計元件在iPho

vue.js , mobile , 移動端web , swiper.js , h5頁面

收藏 評論

nanian_5cd6881d3cc98 頭像

那年 - vue 使用computed報錯 .. was assigned to but it has no setter.

問題： a-radio @change="chooseOther" v-model="tempReadio"其他/a-radio computed: { tempReadio() { if (this.reasonValue == 7) { return true; } else { return false; }

vue.js , 雙向綁定 , computed , 前端 , Javascript

收藏 評論

ishy 頭像

ishy - vue使用wangeditor4.0版本，並實現編輯器內容雙向綁定

下載安裝 npm i wangeditor --save 封裝組件Editor 新建Vue組件Editor 初始化編輯器組件 template lang="html" div id="editor" /div /template script import E from 'wangeditor' export default { name:

vue.js , 編輯器 , 雙向綁定 , wangeditor , 前端

收藏 評論

ethanprocess 頭像

EthanProcess - 我是如何在 Vue 項目中做代碼分割的

通常為了開發效率，我們會使用 vue-cli 創建項目，這樣創建的項目默認情況下編譯是會對代碼進行分割的。但是如果是自行配置的 webpack 環境的話，還是很有必要熟悉代碼分割的相關知識的。 為什麼要做代碼分割 在配置 webpack 的過程中，很多時候我們的 webpack 入口只寫了一個 entry: '${sourceDir}/index.js’，默認情況下只會生成一個 bundle 文件

vue.js , 前端優化 , webpack , 前端

收藏 評論

user_cwhpnk0j 頭像

xizugogo - Vue響應式原理概述

1 MVVM模式 Model-View-ViewModel源自MVC模式，核心是ViewModel，ViewModel作為一個“中轉站”，對接Model層獲得並轉換數據使得數據易管理、便於View層使用，又對接View層進行雙向的數據綁定。MVVM框架利用ViewModel這一層幫助開發者們做好了之前jQuery時代低效的查找、操作DOM的工作。View最終展現的不僅是Model的數據，也是經過V

vue.js , mvvm , 原理 , 前端

收藏 評論

yangxiansheng_5a1b9b93a3a44 頭像

羊先生 - Vue適配PC+大屏，手機+ipad適配

PC+大屏適配 可適配 1400px以上的屏幕 查看演示 項目地址 設置設計稿-轉換rem 我們的設計稿是3840px寬度，所以widthOfDesignLayout設置3840 module.exports = { plugins: { autoprefixer: {}, "@njleonzhang/postcss-px-to-rem": {

vue.js , 移動端web , 前端 , html5

收藏 評論

trueyann 頭像

trueYann - 使用vuex4.0完成兩個組件數據的雙向綁定（實現modules模塊化）

問題場景：在優化項目的交互體驗時，想實現在左側表單輸入數據，右側篩選條件組件同步顯示輸入的功能，第一時間想到使用vuex 由於vuex升級到了4.0，語法發生了較大的變化，首先查詢官方文檔 vuex官方文檔 看到項目結構引起了我的注意，考慮到後期管理項目能更加便利，使用modules勢在必行 在store目錄下新建modules文件夾，之後的module文件都放在這個文件夾

vue.js , vuex , 模塊化開發 , 前端

收藏 評論

huaiyug 頭像

huaiyuG - Vuepress實現圖片漸進式加載

又名給vuepress寫一個插件😊 最終的效果如下 思路 最近在看pwa時，在MDN上看見一段有趣的關於實現漸進式圖片加載的snippet，大意如下： img src="thumbnail.png" data-src="origin.png"/img var imgToLoad=document.qureySelectorAll('img[data-src]') imgToLoad.forEac

vue.js , pwa , vuepress

收藏 評論

wangzc996 頭像

霧島聽風 - 如何在angular中使用vue

將Vue組件包裝為本Web組件。 由於Angular支持使用自定義Web組件，因此能夠使用Vue組件（包裝為Web組件）。 對於Angular，如果自定義Web組件是由Vue生成的，那麼它就沒有區別（對於所有Angular都知道，它們可以是本機HTML元素） 我們使用vue-custom-element來來進行包裝 demo地址：這裏使用element-ui作為組件導入angular使用

vue.js , angular4 , 前端

收藏 評論

kangdongdong 頭像

Leadshop開源商城 - Leadshop【V1.1.5已發佈】新增：店鋪裝修：增加公告組件、標題組件、選項卡組件、商品組件，可單獨設置背景色等諸多功能！

Leadshop免費開源商城V1.1.5，歡迎下載 下載地址： https://gitee.com/leadshop/leadshop/releases 新增：店鋪裝修--增加公告組件 新增：店鋪裝修--標題組件、選項卡組件、商品組件，可單獨設置背景色 新增：手機店鋪首頁--提示用户收藏小程序 新增：安裝的環境檢測 新增：公眾號商城個人中心可換手機號綁定 優化：手機端

vue.js , php , uni-app , yii2 , element-ui

收藏 評論

louishuang 頭像

一縷青絲斷情愁 - Vue移動端車牌選擇器實現摘要

最近在做一個小程序，內部有車輛管理系統，需要用户錄入車牌信息，在網上沒找到特別符合自己需求的Vue組件，於是自己梳理了一下相關的要點，並製作了一個基於VueJS的可在小程序內運行的車牌選擇器 效果圖 原型圖 相關功能點梳理 點擊選擇車牌，展示車牌選擇軟鍵盤 車牌第一位為省份簡稱 只能選擇省份簡稱 選擇完省份後，軟鍵盤的數據需要切換到數字跟字母

weex , vue.js , 小程序 , uniapp

收藏 評論

invalidnull 頭像

註銷 - 將您的基於 Accelerator 的 SAP 電商雲 Storefront 遷移到 Spartacus Storefront

原文：Migrate Your Accelerator-based Storefront to Project Spartacus 如果您已閲讀過“遷移到 Spartacus javascript storefront 項目的五個原因”和“SAP Commerce Cloud Project Spartacus 入門”這兩篇文章，您可能想要遷移到基於無狀態高性能架構的 storefront, 並且

vue.js , sap , spa , 前端 , Javascript

收藏 評論

invalidnull 頭像

註銷 - 使用瀏覽器的 Local Storage 真的安全嗎？

LocalStorage 是一個 HTML5 網絡存儲對象，用於將數據存儲在客户端——即本地，在用户的計算機上。 本地存儲的數據沒有到期日期，並且會一直存在，直到被刪除。 （相比之下，會話存儲是另一個 HTML5 網絡存儲 API，它會在瀏覽器關閉時刪除存儲的數據。） 本地存儲是純 JavaScript。 同樣，雖然它仍然在用户的設備上生成純文本文檔，但本地存儲也允許存儲多達 5MB 的數據（與

react , vue.js , localstorage , 前端 , Javascript

收藏 評論

pinmingxueqianduandelaji 頭像

bug之所措 - package.json的認識

前言 感覺這塊也是一個知識點，雖然我現在還不能系統的用xmind總結每個知識點的串聯關係，但是隻能看一個記一個了 package.json是什麼 我個人理解，package.json是描述包，管理包的一個信息json文件，給npm用的，比如你可以寫一個包，發到npm，那這個json就是記錄這個包的信息，或者對用vue腳手架開發的項目而言，它就是管理包的文件，npm install會讀這個文件的de

gulp , vue.js , 工程化 , npm , 前端

收藏 評論

woxiaomaoshihuaihuai 頭像

phoenixhg - mac環境下，weex代碼跑Android Studio和xcode

Android Studio 安裝jdk 去到官網下載1.8版本的jdk 配置jdk環境變量 打開終端 cd ~/回到首頁 open .zshrc打開環境變量配置文件，若沒有該文件，則使用touch .zshrc創建文件 向.zshrc寫入jdk配置代碼 JAVA_HOME=/Library/Java/JavaVirtualMachines/jdk1.8.0_301.jdk

weex , vue.js , macos , xcode , android-studio

收藏 評論

_607c00baa52ff 頭像

懟懟 - 【vue】MVVM、雙向綁定

MV*模式 MVC MVP MVVM 1 MVC 一個應用分為三部分 模型 (Model)：數據保存 應用程序的數據、控制與修改這些數據的業務規則 Model改變時：通知View，為View提供查詢Model相關狀態的能力，為Controller提供訪問封裝在Model內部的應用程序功能的能力。 視圖 (View)：用户界面

vue.js , 雙向綁定 , 代理 , mvvm , 響應式

收藏 評論