我的 web 前端开发技术选择
简单介绍一下,我的 web 前端开发技术选择。我更偏向于使用 及其插件、CSS3、HTML5。
先来一个表格,以下是我常用的 web 前端开发技术:
我常用的 web 前端开发技术 技术分类web 前端技术备注
CSS 网页布局
Zurb
移动优先的网格系统, 同一页面适用于 PC 电脑, 平板, 手机
组件
提高 的浏览器兼容性,方便处理 DOM 操作、事件响应、动画、Ajax HTTP 交互。
组件
常用 HTML 组件美化,tab、日期选择、对话框、进度条、录入自动完成、菜单、标签(tab)、提示()等,提供多套外观皮肤可切换。
组件
美化的网页版数据表格,包括横向滚动条、纵向滚动条、翻页等功能,可与后端程序进行数据交互。
CSS 下拉菜单
CSS3 Menu
纯 CSS3 下拉菜单,未使用 , 美观,浏览器兼容性强。仅适用于 PC电脑。
CSS 下拉菜单
CSS Menu
响应式菜单,可用于PC电脑、平板电脑、移动手机。
不使用 mvvm 之类的前端组件,是因为我觉得没有必要。
mvvm 常见的宣传,对我来说没什么吸引力,反而增加了技术的复杂度。
一、 操作 DOM 慢。我不觉得慢。
二、 操作 DOM 复杂。我用了 之后,不觉得复杂。
三、mwwm 代码更简洁。我觉得 极其插件()的代码更简洁、功能更多。
四、mwwm 可以实现代码逻辑分层。我觉得用 (或 C# 的 ) 更容易实现代码的前后端分层。
五、可测试性。我觉得如果只使用 、不使用 mvvm 的代码,也能进行单元测试。
谷歌() 公司开发了一款浏览器,名叫 , 宣称"世界上最快的浏览器"; 谷歌() 另一个团队说,因为浏览器慢、所以我们开发了一个叫 的 MVVM 组件/框架。
这是怎么回事?谷歌()公司你们内部两个团队打一架吧,然后再对外统一口径: 浏览器到底是快还是慢。
或者,把 的技术,融入到 浏览器内部,那样不是更好吗?
用标准 的原因,在于5年前、10年前使用标准 / 自己写的代码,现在还能用。而几年前的 MVVM 代码(/React/Vue等),现在是否还能用,很难说。mvvm 组件的升级,往往会不兼容旧版本。这是一个大问题。
当然了, 版本升级时,也有一些不兼容旧版本代码。但与 MVVM 组件/框架的向前兼容性(兼容旧版本)相比, 的新旧版本兼容性要好很多。
CSS3 Menu 截图:
,日期选择截图,有中文、英文多种语言,可配置多种日期格式:
,数据表格,有中文、英文多种语言,支持 xml/json 作为前后端数据传输:
CSS Menu 截图,同一个web页面的菜单,分别在电脑版、移动手机版的展现示例:
a. CSS 菜单官网的原版下拉菜单,PC 电脑截图:
------------------------------------------------------------------------
b. 上海折桂软件有限公司的网站,折桂打印平台软件系统,PC 电脑截图::
------------------------------------------------------------------------
c. CSS 菜单下拉菜单, 手机截图,未点开之前的状态:
------------------------------------------------------------------------
d. CSS 菜单官网的原版下拉菜单, 手机截图,点开之后的状态:
------------------------------------------------------------------------
e. 上海折桂软件有限公司的网站,折桂打印平台软件系统, 手机截图,点开之后的状态:
------------------------------------------------------------------------