前端框架 VUE 開發問題總結

2021-10-04 20:35:52 字數 678 閱讀 6467

頁面屬性渲染問題

在 vue 的開發中, 我們最常用的是 vue 的雙向繫結的屬性,我們將屬性定義在data ()中,同時在頁面中使用},vue 在載入時會將預設值渲染到}中進行顯示,當在 js 中通過this.屬性名 = ***進行修改值時,}會被實時同步修改顯示,如果在開發中遇到修改值,頁面未同步改變問題時,需要排查當前 this 的指向問題,看當前的 this 是否指定的是全域性的,這裡推薦是用箭頭函式:方法名 = (傳入引數值) =>的方式進行修改,在此箭頭函式中 this 永遠指向的是全域性的。如果還是遇到無法同步渲染的問題,就需要排查定義的屬性,修改的屬性,頁面顯示的屬性是否大小寫一致,是否完全相同等。

集合修改其中一項的值,頁面未同步渲染問題

我們在 vue 的開發中往往需要修改集合中某一項的值,如:下拉框的選中屬性,當我們將集合中的其中一項進行修改後,js 通過 log 輸出的值發生改變,頁面顯示卻無變化時,我們可以使用 this.$ set() 方法進行渲染集合,此方法的語法如下:this.$ set(this.需要修改的集合,集合中需要修改項的下標,修改項的值)通過此方法,集合中的引數發生變化時,頁面也會進行同步渲染。

前端開發問題彙總

1.彈出鍵盤導致絕對定位的元素向上偏移 頁面載入完成後固定父元素的高度 2.background size無效 background size放在background之上了 3.dom.style.width 200 同乙個瀏覽器 有時候生效 有時候無效 content ie edge 4.npm包...

產品開發問題總結

公司和軟體系統開發分成兩部分,一部分叫產品,另一部分叫開發 他們之間的矛盾是這樣的,開發總是認為產品,文件或者產品的定義不清楚而,產品認為開發總是找事,或者說肯定是一次性不說不清楚的,所以文件有問題是理所當然的。大家都沒有錯。所有人讓開發也參加產品的討論會。希望這樣可以解決問題,這樣能解決問題嗎?首...

thrift開發問題總結

作為目前最流行的rpc框架,thrift不僅提供了通訊協議,同時提供了網路框架,解脫了程式設計師的生產力。thrift也是阿帕奇hadoop系列的rpc實現工具。本文主要聚焦在實現的thrift系統中,遇到的各種問題。但是thrift在隱藏一些底層細節的同時,也給應用層帶來了一些不確定性,這些不確定...