博客 RSS 訂閱

yixiaoxuan_5aa7726674d5c 頭像

南喬 - Vue 中父傳子組件傳值，開發項目中總會遇到這樣或那樣的坑，作為前端小白，每天都在填坑中度過。。。

第一種情況： 簡單傳值，子組件只負責顯示； 父組件向子組件傳遞一個hello word; 子組件接收並顯示出來； 父組件Father.vue template div id="app" Child :msg = "message"/ /div /template script import Child from './Child' export default {

vue.js , 雙向綁定

收藏 評論

jingzhaoxia 頭像

Pink - iview中 form+table 渲染的問題？？？？

描述 需求 在表格裏面渲染form表單，數字保留2位小數，不足的自動補齊。 選用 選用的是 iview 的組件 Form 、Input、Table。 Form表單的數據可以雙向綁定，這樣在對輸入的數據做補零操作後，更新Form表單的model綁定的數據，即可更新。 沒有使用 InputNumber 是因為它的交互用户體驗不是很友好，而選用了常用的Input。 但問題不是出在這裏，請繼續往下看

vue.js , form , 雙向綁定 , table , iview

收藏 評論

yelloxing 頭像

心葉 - vue&react源碼思考之:雙向綁定

作者：心葉 時間：2019-07-18 10:34 本文章構思的實現方法在github上有對應的項目已經實現，項目依舊在不斷改進中:watcher.js 核心方法説明 Object.defineProperty(obj,key,{ get(){ // todo1 }, set(newValue){ // todo2 } });

react , vue.js , 雙向綁定

收藏 評論

liuoomei 頭像

liuoomei - vue數據已經改變但是頁面並沒有及時相應的問題

vue數據已經改變但是頁面並沒有及時相應的問題 $set() $nextTick() $forceUpdate() 其他： 數組： [...arr] 對象： Object.assign()

vue.js , 雙向綁定

收藏 評論

biubiu_5deda9568bbf1 頭像

巴斯光年 - js實現數據單向綁定

如果你在學習一種前端框架，如vue、angular等，那麼你一定不會對數據的單向綁定陌生。 何為數據的單向綁定？ 傳統開發模式下，如使用jQuery開發，我們想將一個變量顯示到html中，首先要定義一個變量name，然後通過jq代碼操作dom將變量放到HTML中，如果name發生修改，還要再次通過jq代碼操作dom將新的變量值放到HTML中。這就是傳統的MVC框架，其中的Model和View是我們

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

收藏 評論

biubiu_5deda9568bbf1 頭像

巴斯光年 - js實現數據雙向綁定

接上一篇文章《js實現數據單向綁定》 上篇文章中用原生js實現了數據的單向綁定。本篇文章繼續介紹如何用js實現數據的雙向綁定。綁定的方式模仿vue中的v-model指令。 創建標籤 div id="div1" input type="text" v-model="name" br 姓名：{{name}} /div 創建一個輸入框，使用v-model屬性綁定變量name，注意這裏只是模

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

收藏 評論

zhanglei_5b040a0fa2e41 頭像

張磊 - javascript用defineProperty實現簡單的雙向綁定

defineProperty Object提供的方法，用於給對象添加自定義屬性具體用法如下： const obj = { _value: 1 }; Object.defineProperty(obj, 'value', { get: function() { console.log('get方法執行'); return this._value; }

雙向綁定 , defineproperty , object , Javascript

收藏 評論

populus 頭像

populus - composition events於v-model中的使用

前言：我們都知道vue中v-model指令可以實現雙向數據綁定，但他本質是一個語法糖，比如組件上的v-model默認會利用名為value的 prop 和名為input的事件。在自定義實現的過程中，發現在使用輸入法時，輸入拼音選擇候選詞同樣會觸發原生input標籤的input事件，從而更新value。但element-ui的input組件便不會如此，其實就是用到了composition events

vue.js , 雙向綁定 , input標籤 , element-ui

收藏 評論

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 , 雙向綁定

收藏 評論

yolindeng 頭像

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

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

vue.js , 雙向綁定 , 代理

收藏 評論

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 , 前端

收藏 評論

websx 頭像

赫特莫勒 - 用原生寫一個簡易雙向綁定的例子

var obj = {}; Object.defineProperty(obj,'hello',{ get:function(){ //我們在這裏攔截到了數據 console.log("get方法被調用"); }, set:function(newValue){ //改變數據的值，攔截下來額 console.log("set方法被調用"); do

雙向綁定 , vue3

收藏 評論

apicloud 頭像

YonBuilder - YonBuilder移動開發平台 AVM框架 封裝虛擬數字鍵盤組件

AVM（Application-View-Model）前端組件化開發模式基於標準Web Components組件化思想，提供包含虛擬DOM和Runtime的編程框架avm.js以及多端統一編譯工具，完全兼容Web Components標準，同時兼容Vue和React語法糖編寫代碼，編譯工具將Vue和React相關語法糖編譯轉換為avm.js代碼。 基於標準 Web Components 組件化思想

雙向綁定 , 移動開發模式 , 組件化 , Android , avm.js

收藏 評論

binghe001 頭像

冰河 - 《深入理解高併發編程：JDK核心技術》-冰河新書上市

大家好，我是冰河~~ 廢話説多了沒用，併發編程技術一直是初級程序員進階高級工程師的前提條件，也是成為大廠程序員的必備技能，更是突破自身技術瓶頸的必經之路。 2022年6月我出版了“冰河技術叢書”之“深入理解高併發編程”系列的第1部作品——《深入理解高併發編程：核心原理與案例實戰》，書中全面細緻地介紹了高併發編程的基礎知識、核心原理、實戰案例和系統架構等內容，幫助讀者從根本上理解併發編程出現各種詭異

高併發 , 協程 , 多線程 , 異步編程 , 併發編程

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - Tars-Cpp 協程實現分析

作者：vivo 互聯網服務器團隊- Ye Feng 本文介紹了協程的概念，並討論了 Tars Cpp 協程的實現原理和源碼分析。 一、前言 Tars 是 Linux 基金會的開源項目（https://github.com/TarsCloud），它是基於名字服務使用 Tars 協議的高性能 RPC 開發框架，配套一體化的運營管理平台，並通過伸縮調度，實現運維半托管服務。Tars 集可擴展協議編解碼、

協程 , tars

收藏 評論

kedixa 頭像

kedixa - Coke（一）：優秀的C++ Workflow支持協程啦

Coke（一）：你好，世界 C++ Workflow是一款高性能的異步編程範式，自Github開源以來，已經收貨了一萬多枚Star，得到了越來越多的認可。 Coke項目是一個高性能的協程庫，基於C++ 20提供的協程組件開發，提供一組簡潔的異步接口，而其後台則是由C++ Workflow強力驅動。使用Coke可以輕鬆地創建協程任務，並通過C++ Workflow的調度器高效地調度和執行，Coke希

協程 , c++

收藏 評論

hantianfeng 頭像

韓天峯 - Swoole 5.1 增加更多數據庫協程客户端支持

在 5.1 版本中增加了多種數據庫協程客户端的支持，並且全部以 PDO 接口的方式提供，舊的業務代碼無需做任何更改即可一鍵切換為協程模式，異步非阻塞地併發執行。 包括： pdo_pgsql pdo_odbc pdo_sqlite pdo_oci (Oracle 數據庫) 開啓方法 增加了 4 個編譯參數和 Runtime Hook 選項，開啓這些協程客户端。 編譯選項 --with

swoole , 協程

收藏 評論

kedixa 頭像

kedixa - Coke（二）：便捷地發起Http請求

Coke項目Github主頁。 在這個時間點開發本項目，有以下幾點考慮 常用的編譯器對C++ 20的支持已經逐步完善，本項目依賴於GCC = 11或Clang = 15 常用的操作系統發行版支持了新編譯器，例如CentOS Stream 8、Ubuntu 22.04、Fedora 38等 C++ Workflow使用回調函數的方式組織異步任務，一部分習慣寫同步代碼的用户可能會對此感到困擾，

c++20 , 協程 , c++

收藏 評論

kedixa 頭像

kedixa - Coke（三）：使用HttpClient的更多功能

Coke項目Github主頁。 上一篇文章通過幾個示例介紹瞭如何使用Coke便捷地發起Http請求，本文延續上一個話題，將coke::HttpClient的功能詳細地介紹一下。 在C++ Workflow中，Http任務通常通過工廠函數創建，並且可以指定重試次數等參數。而在Coke中可以通過coke::HttpClient來創建Http任務。首先介紹一下與任務相關的參數 struct HttpCl

c++20 , 協程 , c++

收藏 評論

headofhouchang 頭像

後廠村村長 - go 通道-channel、協程-routine、sync

go 通道-channel、協程-routine、sync golang 裏不需要學習如何創建維護進程池/線程池，也不需要分析什麼情況使用多線程，什麼情況使用多進程，因為你沒得選。 當然，也不需要選。 go原生的 goroutine(協程)已足夠優秀，能自動幫你處理好所有事情，而你要做的只是執行它，so easy... goroutine 也是go天生支持高併發的底氣。 g

channel , sync , 協程 , go

收藏 評論

hunter_58d48c41761b8 頭像

Hunter - Python筆記四之協程

本文首發於公眾號：Hunter後端 原文鏈接：Python筆記四之協程 協程是一種運行在單線程下的併發編程模型，它的特點是能夠在一個線程內實現多個任務的併發操作，通過在執行任務時主動讓出執行權，讓其他任務繼續執行，從而實現併發。 以下所有的代碼都是在 Python 3.8 版本中運行。 本篇筆記目錄如下： asyncio async await 併發運行協程

協程 , 後端 , Python

收藏 評論

vistart 頭像

vistart - Golang 中保存通道的 map 在設為 nil 後不會回收元素，即通道依然有效

Golang 中，如果用一個 map 保存實例化的通道，並用在協程間發送和接收。當該 map 被賦值為 nil 時，管理的通道依然有效。 示例代碼如下： package main import ( "fmt" "time" ) func main() { // 創建一個map用於保存通道 channelMap := make(map[string]chan in

channel , 垃圾回收 , 協程 , map , go

收藏 評論