字節(jié)跳動(dòng)前端面試題 vueelementUItree樹形控件獲取父節(jié)點(diǎn)ID的實(shí)例?
vueelementUItree樹形控件獲取父節(jié)點(diǎn)ID的實(shí)例?你首先需要在窗體里添加一個(gè)右鍵菜單對(duì)象contextMenuStrip1,編輯好右鍵菜單,然后你把該菜單和你的樹狀菜單關(guān)聯(lián)上,在treev
vueelementUItree樹形控件獲取父節(jié)點(diǎn)ID的實(shí)例?
你首先需要在窗體里添加一個(gè)右鍵菜單對(duì)象contextMenuStrip1,編輯好右鍵菜單,然后你把該菜單和你的樹狀菜單關(guān)聯(lián)上,在treeviewlist的屬性contextMenuStrip里選上你的右鍵菜單對(duì)象contextMenuStrip1,在往下參考下面代碼: 在右鍵菜單對(duì)象里的編輯菜單點(diǎn)擊事件中 private void tSM_Edit_Click(object sender, EventArgs e) { tv_HoleList。 LabelEdit = true tv_HoleList。SelectedNode。BeginEdit() } 編輯完成后,記得在相關(guān)數(shù)據(jù)庫保存一下。 否則下次加載又會(huì)變回去了。
vuejs使用遞歸組件實(shí)現(xiàn)樹形目錄的方法?
Vue.js 遞歸組件實(shí)現(xiàn)樹形菜單 main.js 作為入口: import Vue from "vue"import main from "./components/main.vue" new Vue({ el: "#app", render: h => h(main)}) 它引入了一個(gè)組件 main.vue: subMenuData1, subMenuData2 存放子菜單數(shù)據(jù),可以從服務(wù)器獲取,以實(shí)現(xiàn)動(dòng)態(tài)加載。 該文件引入了樹形組件 treeMenu.vue:
如何清理VUE內(nèi)存?
分享一下我是怎么解決這個(gè)問題的,原因大概在兩方面:
一、把three.js中的對(duì)象定義到了data里
首先非數(shù)據(jù)的東西不要掛在到data上,比如three.js中的renderer, camera,scene這些對(duì)象,可以在created或者mounted鉤子里設(shè)置到this上或者存儲(chǔ)在其它變量里,如果是定義在data上的話,Vue會(huì)遍歷整個(gè)對(duì)象樹設(shè)置對(duì)應(yīng)的getter/setter,造成不必要的性能開銷。
二、組件銷毀時(shí)沒有做清理工作
如果是把renderer,mesh這些對(duì)象存儲(chǔ)在當(dāng)前vm實(shí)例上的話,需要手動(dòng)清理(這里假設(shè)Vue不對(duì)自定義屬性做清理,未驗(yàn)證過)。特別是你開啟了熱更新,每改動(dòng)一次js代碼實(shí)例就被銷毀和重新創(chuàng)建,如果不斷掉引用,它們就會(huì)一直保存在內(nèi)存中,可想而知占用有多大。
最后,記得每一次動(dòng)畫里的requestAnimationFrame都要把id保存下來,在組件銷毀時(shí)cancelAnimationFrame掉。
Vue組件tree實(shí)現(xiàn)樹形菜單?
$("#tt").tree({url:...,onClick:function(node){alert(node.text)//node.text為節(jié)點(diǎn)名你可以去看看API}})
Vue如何創(chuàng)建自定義指令?
指令是個(gè)比較常用的功能,vue 內(nèi)置了 v-for、v-if 之類常用的指令外,有些業(yè)務(wù)場(chǎng)景我們可能需要自定義指令。
如果你太明白自定義指令,如下我列舉兩個(gè)例子,希望對(duì)你有幫助:
根據(jù) value 動(dòng)態(tài)切換 class
實(shí)際使用:
圖片動(dòng)態(tài)刷新
自動(dòng)更新圖片 src 后面的時(shí)間戳,是圖片自動(dòng)加載。
實(shí)際使用:
我是【前端雨爸】,可以關(guān)注我,查看前端技術(shù)相關(guān)文章。
近期我在頭條更新 vue 相關(guān)技術(shù)文章,歡迎前來閱讀:
vue搭配什么做前端開發(fā)比較好?
Vue 是一套用于構(gòu)建用戶界面的漸進(jìn)式框架。與其它大型框架不同的是,Vue 被設(shè)計(jì)為可以自底向上逐層應(yīng)用。Vue 的核心庫只關(guān)注視圖層,不僅易于上手,還便于與第三方庫或既有項(xiàng)目整合。另一方面,當(dāng)與現(xiàn)代化的工具鏈以及各種支持類庫結(jié)合使用時(shí),Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用提供驅(qū)動(dòng)。
1、如果你是在做pc端的應(yīng)用,最好的選擇是ElementUI。
npm i element-ui -S
最簡(jiǎn)單的UI寫法:http://element-cn.eleme.io/#/zh-CN/component/installation
2、APP mobile應(yīng)用的話,最好選擇AUI或ionIc
文檔:http://www.auicss.com/doc/v/2/doc_id/1
AUI 2.0是一套全新的AUI框架,在1.X基礎(chǔ)上進(jìn)行了重新架構(gòu)。在2.0中,全局使用rem控制尺寸,完美適應(yīng)不同分辨率移動(dòng)設(shè)備;新加入的主題樣式表方便開發(fā)者自定義基礎(chǔ)顏色樣式,完成APP主題的定制。完美兼容IOS 5.1 到Android 4.2 。因此我認(rèn)為他是一款不錯(cuò)的UI插件。