自我探索历程
输出内容的一个好处是可以倒逼自己学习新内容,在上周连续输出了一些关于WPSJS的概要性知识同时,笔者也在自我充电中,增加一些网页开发的知识。
首先说明下,当前笔者的现状:javascript语言入门水平,没有系统学习过前端工程师嘴里常说的三大网页开发框架(Vue、React、Angular)。
在自我的学习过程中,笔者也是不断地去尝试和自我分辨哪些知识应该值得去学习,不同人站在不同角度分享出来的东西完全不同。而网页开发知识真的太深太广,选择比努力更重要。
在笔者开发EasyShu图表插件过程中,仅需要了解图表库的知识,整个网页只需一个节点来绘制图表内容,所以前面说到的三大框架,肯定对此类需求无用武之地。
对于OFFICE网页插件的开发,笔者也一直在思考,究竟哪些值得学习,一些前端开发口中说怎么过时不值得学习,有更好的替代的东西(如jquery过时论),或者提到我们更高效率地开发应该是基于框架来开发,这些结论是否适合当下的自己。
诚然,OFFICE开发我们有天然的优势,是基于OFFICE软件有UI呈现的基础上开发,我们不必像一些专业网页开发工程师那样,过多地关注网页页面的布局、渲染等事情,数据直接可以在OFFICE的界面上呈现,结合OFFICE提供的各种操作面板,与OFFICE原生内容融合为一体。
例如,电子表格的插件开发,我们数据的输入界面和最终数据输出,都可以用工作表单元格区域来交互和呈现,比起将数据渲染在网页上,更简单、用户交互体验更好(可以用到电子表格的各种字体、样式、边框、函数公式、条件格式、图表等原生功能进行程序美化或用户自行再加工美化)。
所以,最终其实我们用到的网页知识,仅仅用于和用户作界面交互时才用到。而界面交互,就如我们传统的窗体开发那样,仅需存放一些表单控件即可。这些需求,远远不用考虑过重的网页框架来支持(有框架可能会更美观和开发更快速一些,但学习成本不低)。
基于笔者现有的短浅的网页知识见识,在这里提出一个可行的轻量化学习成本的方案,供大家参考,和附上一些学习资源。
使用JQuery Bootstrap实现轻量化的网页开发
笔者在前面文章里也简短提及过JQuery,它用于操作网页对象内容非常方便。非常方便对网页节点数据CSS样式数据进行增删改查,学习成本不高,产出非常乐观。
笔者在开发EasyShu图表插件过程中,也大量使用到,例如对图表的长宽、背景颜色等样式处理和对图表多指标切换时网页上的指标选择清单进行运行时生成。这些都用到了JQuery来操作。它更接近于我们的日常处理数据的思维,非常易学易懂。
上述也陈述到我们最大的需求是生成网页UI控件,将其绑定一些事件与用户交互,而原生的网页控件是比较丑陋的,和VBA里的窗体水平相当,日常看习惯了那些前端人员做的各种好看界面,给自己一点动力去提升,也是有必要的。
笔者现在了解到的信息,Bootstrap是一个用于美化控件UI和布局的轮子,没有前面三大框架那么重,可能是个不错的选择。当然JQuery也有其自己的UI控件库和很多的扩展,不妨也可以用它。反正学习成本应该都不算太高,即学即用那种。
对Bootstrap的学习,也是这两天的事情,还没真正使用过,在B站搜索到一个不错的视频教程,在此也有大家一起学习一起进步,也欢迎大家多多补充更好的学习资源。
【表严肃】Up主,对前端开发用到的工具、语言、框架都有一些简短通俗的入门教程,可快速学习和了解一个大概。
地址::https://space.bilibili.com/44076852/channel/detail?cid=17877
VSCode-网页开发工具IDE最佳选择
VBA开发时,用到的是VBE开发工具,VSTO开发时用到的是VisualStudio,而到了网页开发时,就要用VSCode(当然自己喜欢也可以用其他同类型的如ATom之类的)。
当前VSCode在前端开发群体里也是非常火爆,建议大家下载安装来体验一下,智能提示、自动格式化、代码段输入等,非常爽。
除了VSCode自身的能力外,VSCode有一个非常庞大的插件生态体系,也可以多多了解下,对自己的开发效率带来十分显著的提升。
一些VSCode插件,可自行B站搜索下,有视频操作感受更直观,以下为笔者搜索到的几个链接,可供参考。
https://www.bilibili.com/video/BV1CJ411X7DL
https://www.bilibili.com/video/BV1bN411976C
https://www.bilibili.com/video/BV1kt4y1y7JF