今次給大家安利的這兩種工具,flex當為頁面顯示布局中很強大的乙個屬性,屬於css範疇.
而vue則屬於一種js外掛程式,其作用在於將頁面顯示與js資料近乎完美的完全區分開,而又使兩者遙相控制(當然主要是js資料控制頁面顯示).
1.背景
談到頁面布局,我想很多人都曾經遇到過乙個難題,即:==如何使元素垂直居中?==(其中最典型的乙個例子如yct的登入頁面)
方案當然有很多,但就我自己使用的經驗而言,並沒有一種十分完美的方案.所謂完美,至少需要考慮以下幾種要素:
2.乙個比較完美的解決方案
示例:對於flex而言,解決方式就很簡單了,對於大多數型別的dom,兩步即可解決:
1.背景
從開始寫頁面開始,我們有很大一部分精力都放在了以處理dom為主的頁面顯示與資料之間的協調(後文統一稱為==資料顯示互動==),
這裡我們不妨先把曾經用過的方法逐一列舉出來,然後列舉其優缺點.
2.freemarker
應該是公司大多數人都最熟悉的一種方法(freemaker前台與後台都有涉及,但這裡我們只講前台),但缺點實在很多:
3.jquery操作dom
由於freemarker僅支援靜態的資料顯示互動,對於動態性較強的頁面,如yct的銷售開單主頁面/收付款主頁面,首先考慮到的方法,即是使用jquery來操作dom.
應該說,操作dom不使用jquery也可以做到,但jquery無疑會極大降低操作dom的難度.
既然是資料顯示互動,就必然涉及到兩個方面,其一是資料到顯示,其二是顯示到資料(譬如收集input的資料).前者沒什麼好說的,後者則就我所知,共有3種流派:
4.外掛程式
外掛程式按作者分有現成外掛程式和自定義外掛程式(yys-util),按用途分,又主要分為jquery,顯示改變(如bootstrap-switch,select2)和功能整合(如datatable,jquery-form),對於很多外掛程式而言,兩種用途並沒有太清晰的界限,如ztree既有顯示改變,又有功能整合的用途.
談資料顯示互動,自然以功能整合這個用途為主.外掛程式使用優點多多,我們在此姑且不提,只談談實際使用過程中的缺點.
5.我是如何遇到了vue
6 vue簡介
傳送門:
(此處大概介紹幾個自己寫的vue頁面)
7 相容性評估
此處的相容性分兩方面來講:
其一是瀏覽器的相容性.vue相容js e5以上標準,如ie8,所有主流瀏覽器都是支援的; 其二是與以往資料顯示互動寫法的相容性.
原文發布時間為：2023年03月31日社哥
MVC開發人員必備的五大工具
1.chirpy zippy 使用方法請參考這裡。2.t4mvc 我曾經寫過許多關於t4mvc的博文，但這裡仍然值得一提，它是asp.net mvc應用程式的乙個t4模板，簡化了建立控制器 行為和檢視的操作，使mvc 的可維護性更好。3.mvc contrib t4mvc是mvc contrib庫的...
落地敏捷典型問題 新產品開發的兩大教訓
我在2004年開始用敏捷開發的模式帶領團隊快速交付，一路走來有很多的經驗，也有很多的教訓。這裡分享兩個曾經的失敗教訓 1.沒有正確理解po角色 po要和客戶直接溝通，要能真正代表客戶意圖，否則產品很可能失敗 2.不要認為會給研發團隊很好重構的時間 產 品開發之初，為了盡快上線，產品的技術架構 效能 ...
Delphi開發者快速解決問題的兩大網路利器
delphi 開發者快速解決問題的兩大網路利器 想象你是魯賓遜，漂流到了這個小島上，要面對食人族的襲擊，還要解決自己的生存問題。知道嗎，在你解決這些問題之前，在過去或在世界的另外一端，已有許許多多的人遇到過相似的問題。你想在3分鐘內找到這些問題的答案嗎？這裡給你兩件利器 1 毛瑟槍 www.goog...