grid

最好似乎有個(gè)叫jqGrid的最強(qiáng)大筛璧。
行高不允許不平均逸绎,造成不平均的列應(yīng)該單獨(dú)放在彈出或右側(cè)的面板中。
過多不允許換行夭谤,直接在行內(nèi)省略棺牧。
過高也不允許。
layui有最后列的固定朗儒。

如何實(shí)現(xiàn)颊乘?目前有太多可選方案。別人的實(shí)現(xiàn)可能都丑陋醉锄。要以實(shí)現(xiàn)美觀乏悄。貼近原生table。

開發(fā)grid最好是使用類似react恳不,每次都使用初始邏輯檩小,未來的變化是沒有規(guī)律的,可能是行交換烟勋,可能是列交換规求,以行為單位或以列為單位的復(fù)用、面向?qū)ο舐训耄坪醵疾惶米柚住<行薷暮诵哪P停苯佑|發(fā)布局改變沮尿,vue也能做到丛塌,但computed關(guān)注局部節(jié)點(diǎn)怎樣變化,而react式重新生成,以核心影響全局姨伤。所有的復(fù)用都不太科學(xué)哨坪。
函數(shù)不需要重新生成,函數(shù)是惰性的乍楚,直到調(diào)用時(shí)才會(huì)去訪問核心模型改變效果当编。所以重繪是綁定函數(shù)。重繪的依據(jù)徒溪,與其說是XML忿偷,不如說是結(jié)構(gòu)體,每次重繪整個(gè)結(jié)構(gòu)體都得重新生成臊泌,完全沒復(fù)用的可能性鲤桥。結(jié)構(gòu)體或叫做類,因?yàn)橛邢鄳?yīng)的函數(shù)調(diào)用渠概,而函數(shù)是定義在類里面的茶凳,結(jié)果又回到react。最多復(fù)用是享元復(fù)用播揪。
重新生成有局部的有全局的贮喧,局部是內(nèi)部變化,全局的可能叫導(dǎo)航變化猪狈。緩存節(jié)點(diǎn)為組件(類似于函數(shù))箱沦。而組件系統(tǒng)復(fù)雜到不區(qū)分局部導(dǎo)航與局部?jī)?nèi)部變化——切換頁面總是要銷毀與生成的,什么多窗口復(fù)用與手動(dòng)復(fù)用雇庙?
react是對(duì)人最友好的方案谓形。
局部改變是自身的重新render,不是父組件通知render疆前。集中在一起的叫組件寒跳,分散在各處的強(qiáng)耦合呢?分散在各種峡继,但相互影響而同步冯袍,是通過閉包同時(shí)render自身的數(shù)據(jù)中心。
過早優(yōu)化是萬惡之源碾牌,先用類似react式的局部實(shí)現(xiàn)功能,最后再來細(xì)分組件與優(yōu)化(必須改變的)儡循,這種優(yōu)化細(xì)分就是模塊化舶吗,分化后就受到了限制,失去了全能性择膝。是否有復(fù)用性誓琼?
針對(duì)具體需求的優(yōu)化。
總之使用react,但優(yōu)化性地腹侣,不再關(guān)注控制器等了叔收。
父組件不用自身都render了,只是要調(diào)用子組件的某個(gè)public方法傲隶。如果將組件內(nèi)所有public方法都掛載到render上饺律。
如果要復(fù)用資源,將模板初始化與賦值分開跺株。初始化一次复濒,賦值多次∑故。——這又回到了什么地段巧颈?不是以核心和核心的渲染來區(qū)分?IMGUI式的袖扛。改變模型中心砸泛,然后根據(jù)模型來刷新。像CSS一樣蛆封,至于生成了多少中間結(jié)構(gòu)體晾嘶,并不關(guān)心。確實(shí)又必須生成結(jié)構(gòu)體娶吞,渲染層根據(jù)結(jié)構(gòu)體來繪圖垒迂。繪圖根據(jù)最終結(jié)構(gòu)體,人不是操作最終結(jié)構(gòu)體妒蛇。人操作DOM机断,或許掃描DOM這個(gè)結(jié)構(gòu)何體來刷新。

列為基本單位或行為基本單位绣夺,也許應(yīng)該拆分成不同模式的幾個(gè)控件吏奸。

vue的寫法果然不符合傳統(tǒng)的思維模式。react用jsx陶耍,字符串模版也許比實(shí)體有優(yōu)化性奋蔚,但綁定事件回調(diào),局部閉包烈钞,還是得實(shí)體化泊碑,不如jsdom,或者說毯欣,jsdom是jsx到j(luò)s的中間層馒过。
逐步優(yōu)化,最開始grid全局一個(gè)render酗钞,grid的初始化參數(shù)腹忽,任何一個(gè)改變都會(huì)觸發(fā)render重新生成来累。比如增加減少列,任何參數(shù)改變窘奏,改變?nèi)魏螀?shù)嘹锁,就是其public的方法。模型外部注入着裹,初始化與動(dòng)態(tài)改變一致领猾。關(guān)注使用,而不像react或vue改變模型求冷。全局render增加減少行是不合算的瘤运,但又符合更底層imgui依自定義模型繪圖。逐步優(yōu)化匠题,renderRow與renderColumn拯坟。renderColum更高階,row會(huì)完全重新生成韭山,而renderRow包含insert/update/delete郁季,以行為單位重新生成。以行為單位而不是格钱磅,因?yàn)楦窨赡苁莚ender受多個(gè)鍵影響梦裂。在vue中事實(shí)上自動(dòng)實(shí)現(xiàn)了這種優(yōu)化。
那么打破傳統(tǒng)表格盖淡,表格只是列的集合年柠,調(diào)整列的順序更容易了,調(diào)整行卻要通過模型中心通知褪迟,像多個(gè)影子一樣冗恨。
像函數(shù)積累,react越復(fù)雜會(huì)越慢味赃。組件內(nèi)部也會(huì)調(diào)用render掀抹,即是模型。

參數(shù)與方法的一致性心俗,即props傲武。如ligerGrid,參數(shù)只有數(shù)組與固定鍵的Object城榛,vue的實(shí)現(xiàn)也是這樣揪利。
IE8不能使用vue,要么把鍵變成函數(shù)吠谢,甚至Object變成函數(shù)土童,要么實(shí)現(xiàn)自己的電路鏈語言。這時(shí)的jsObject樹工坊,又像DOM樹献汗。數(shù)組是可變的。

電路鏈?zhǔn)秸Z言仍然跟vue相似王污,computed是計(jì)算的中心罢吃,可能并不關(guān)心計(jì)算了幾次,模型則是入口昭齐,像vue可以操作任何一層尿招。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市阱驾,隨后出現(xiàn)的幾起案子就谜,更是在濱河造成了極大的恐慌,老刑警劉巖里覆,帶你破解...
    沈念sama閱讀 211,743評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件丧荐,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡喧枷,警方通過查閱死者的電腦和手機(jī)虹统,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,296評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來隧甚,“玉大人车荔,你說我怎么就攤上這事∑莅猓” “怎么了忧便?”我有些...
    開封第一講書人閱讀 157,285評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長帽借。 經(jīng)常有香客問我珠增,道長,這世上最難降的妖魔是什么宜雀? 我笑而不...
    開封第一講書人閱讀 56,485評(píng)論 1 283
  • 正文 為了忘掉前任切平,我火速辦了婚禮,結(jié)果婚禮上辐董,老公的妹妹穿的比我還像新娘悴品。我一直安慰自己,他們只是感情好简烘,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,581評(píng)論 6 386
  • 文/花漫 我一把揭開白布苔严。 她就那樣靜靜地躺著,像睡著了一般孤澎。 火紅的嫁衣襯著肌膚如雪届氢。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,821評(píng)論 1 290
  • 那天覆旭,我揣著相機(jī)與錄音退子,去河邊找鬼岖妄。 笑死,一個(gè)胖子當(dāng)著我的面吹牛寂祥,可吹牛的內(nèi)容都是我干的荐虐。 我是一名探鬼主播,決...
    沈念sama閱讀 38,960評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼丸凭,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼福扬!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起惜犀,我...
    開封第一講書人閱讀 37,719評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤铛碑,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后虽界,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體汽烦,經(jīng)...
    沈念sama閱讀 44,186評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,516評(píng)論 2 327
  • 正文 我和宋清朗相戀三年浓恳,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了刹缝。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,650評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡颈将,死狀恐怖梢夯,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情晴圾,我是刑警寧澤颂砸,帶...
    沈念sama閱讀 34,329評(píng)論 4 330
  • 正文 年R本政府宣布,位于F島的核電站死姚,受9級(jí)特大地震影響人乓,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜都毒,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,936評(píng)論 3 313
  • 文/蒙蒙 一色罚、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧账劲,春花似錦戳护、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,757評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至榛瓮,卻和暖如春铺董,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背禀晓。 一陣腳步聲響...
    開封第一講書人閱讀 31,991評(píng)論 1 266
  • 我被黑心中介騙來泰國打工精续, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留坝锰,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,370評(píng)論 2 360
  • 正文 我出身青樓驻右,卻偏偏與公主長得像什黑,于是被迫代替她去往敵國和親崎淳。 傳聞我的和親對(duì)象是個(gè)殘疾皇子堪夭,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,527評(píng)論 2 349

推薦閱讀更多精彩內(nèi)容

  • 原教程內(nèi)容詳見精益 React 學(xué)習(xí)指南,這只是我在學(xué)習(xí)過程中的一些閱讀筆記拣凹,個(gè)人覺得該教程講解深入淺出森爽,比目前大...
    leonaxiong閱讀 2,813評(píng)論 1 18
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,777評(píng)論 25 707
  • react 基本概念解析 react 的組件聲明周期 react 高階組件,context, redux 等高級(jí)...
    南航閱讀 1,057評(píng)論 0 1
  • “秋陰不散霜飛晚嚣镜,留得枯荷聽雨聲”爬迟。 最近這一段時(shí)間的蘇州,就是李商隱筆下這兩句光景菊匿,時(shí)常陰雨付呕,偶...
    洛水洛神花閱讀 819評(píng)論 9 12
  • 我成長過程都伴隨著一個(gè)經(jīng)歷 掙扎著認(rèn)清世界的真相。 活在未來 想想未來是怎樣的跌捆,從現(xiàn)在開始就朝那個(gè)方向努力徽职。 挑最...
    漂亮的藍(lán)一閱讀 131評(píng)論 0 0