返璞归真~原生html开发内网项目总结

---

返璞归真~原生html开发内网项目总结

「文章性质：一个小项目总结」

「观看时间：5min」

「内容：环境搭建，组件库使用总结」

前言

• 作的一个政府内网的项目，就是信息发布，公众号连接h5发布信息，参与时间为一周~
• 移动端：mui
• pc端：layui

环境搭建

起初，前台没有任何内容，没法链接外网，没法使用U盘copy资料，客户说只能用H5，不能用vue，我表示很无语...好歹资料能够经过另外一个途径copy（特别特别麻烦）,起初准备了几个方案

1. vue脚手架搭建环境，将全部用到的依赖提早安装，由于内网没法安装，要提早将须要的UI组件，可视化组件等提早安装copy

2. 纯html的方式，这个时候绝对不会纯手写的~赶忙找了几种UI矿建，对比下文档/UI样式，将定下来的UI组件以及第三方插件经过github下载下来以备copy

3. copy过去以后，考虑到客户限制不让使用vue，后台开发的小伙伴也不会，最终定下来使用纯html的方式

以上为选型，接下来搭建环境

其实也就没什么了，按照常规的pages/css/js/plug建立文件夹,查看UI组件API，将基础框架搭建出来就能够开始撸界面了

组件库使用

在开发界面的时候，有经验的程序员必定知道，尽可能用组件库内的组件来快速搭建页面，这个前提是要收悉api,而且通常都是在项目紧急的状况下，由于这些UI组件我以前也是没有用过的，因此我选择将官方文档全部有用的信息大体瞟一眼，详细看的是官方的快速上手和注意事项部分，关于组件的使用能够在用的时候去查找相关文档

于后台对接过程当中，全部的元素绑定和数据获取都是经过API文档解决的。彻底脱离了手写js操做，很方便，因此站在巨人的肩膀上没有错

总结

1. 这个项目从技术的选型到全部界面的开发历时1周，返璞归真~
2. 这种老的技术无论是在界面的开发，数据对接，代码可读性，复用性都不如现代vue/react组件化开发思想~
3. 无论是纯html开发仍是在基于现代框架的开发，UI组件库起到快速组装，风格统一的做用，工做到处能够站在巨人的肩膀上

本文使用 mdnice 排版