Closed TechQuery closed 4 years ago
用最新版 BootStrap、DOM API、JavaScript 标准快速重构@stonelf (黄希彤老师)开发的填教授公益网站的 Web 前端代码,刚学完 freeCodeCamp HTML、CSS、JS 基础课程的菜鸟也能快速上手~
2020 年高考是一场非常不容易的高考,毕业生和社会各界都历经艰辛,希望我们的拼搏都能有更加美好的明天。
说起填志愿,回想起我高考时正值汶川大地震。那时我们获取可靠、有效、全面的志愿参考信息,基本只能通过学校发的一本大部头参考书,里面汇集了全国招生的院校、专业和往年录取数据。但这样一本像过去每个城市的电话黄页一样的书,反复查阅它的“低效”痛苦就不用多说了。
进入大学 IT 技术社团之后,就一直想用自己学到的编程技术,来为学弟学妹解决我当年那般的痛苦。但彼时,我国政府部门信息公开政策的保守和技术的落后,让我们很难获得好用的数据,商业平台又有巨大的封闭壁垒,遂作罢……
直到前一阵子,FCC一位城市社区组织者在群里分享了黄老师的公益项目,看到他把多年收集的公开数据用统计学方法进一步处理,免费为广大考生做参考,内心十分激动!于是想尽自己现在的专长所能,帮黄老师优化一下前端界面,让广大的考生和家长用起来更方便。
同时黄老师也欣然接受了我一直以来的开源直播方式,于是便有了 FCC 中文社区 B 站直播间长期栏目《水歌酱的开源日常》的本期特别节目,也欢迎大家关注 FCC B 站账号以接收日常节目的开播提醒~
为了满足黄老师提出的“除 CSS 样式外,简单业务不依赖任何库”要求,本次代码直播将使用下列易学易用的原生 API 来开发:
tabindex
hidden
iframe
name
template
:empty
document.forms
ParentNode
ChildNode
Element.prototype.classList
HTMLFormElement.prototype.elements
fetch()
URL()
Array.prototype.map()
Array.from()
with
async
以上知识点在 FCC 成都社区之前的技术博文有介绍:
感谢!
https://www.bilibili.com/video/BV1NK411n7B7
内容简介
用最新版 BootStrap、DOM API、JavaScript 标准快速重构@stonelf (黄希彤老师)开发的填教授公益网站的 Web 前端代码,刚学完 freeCodeCamp HTML、CSS、JS 基础课程的菜鸟也能快速上手~
基本信息
节目缘起
2020 年高考是一场非常不容易的高考,毕业生和社会各界都历经艰辛,希望我们的拼搏都能有更加美好的明天。
说起填志愿,回想起我高考时正值汶川大地震。那时我们获取可靠、有效、全面的志愿参考信息,基本只能通过学校发的一本大部头参考书,里面汇集了全国招生的院校、专业和往年录取数据。但这样一本像过去每个城市的电话黄页一样的书,反复查阅它的“低效”痛苦就不用多说了。
进入大学 IT 技术社团之后,就一直想用自己学到的编程技术,来为学弟学妹解决我当年那般的痛苦。但彼时,我国政府部门信息公开政策的保守和技术的落后,让我们很难获得好用的数据,商业平台又有巨大的封闭壁垒,遂作罢……
直到前一阵子,FCC一位城市社区组织者在群里分享了黄老师的公益项目,看到他把多年收集的公开数据用统计学方法进一步处理,免费为广大考生做参考,内心十分激动!于是想尽自己现在的专长所能,帮黄老师优化一下前端界面,让广大的考生和家长用起来更方便。
同时黄老师也欣然接受了我一直以来的开源直播方式,于是便有了 FCC 中文社区 B 站直播间长期栏目《水歌酱的开源日常》的本期特别节目,也欢迎大家关注 FCC B 站账号以接收日常节目的开播提醒~
知识点提纲
为了满足黄老师提出的“除 CSS 样式外,简单业务不依赖任何库”要求,本次代码直播将使用下列易学易用的原生 API 来开发:
HTML 标签、属性
tabindex
全局属性hidden
全局属性iframe
标签的name
属性template
标签CSS
:empty
伪类选择符DOM API
document.forms
ParentNode
接口ChildNode
接口Element.prototype.classList
HTMLFormElement.prototype.elements
BOM API
fetch()
URL()
ECMAScript API、语法
Array.prototype.map()
Array.from()
with
语句的利弊async
函数第三方开源库、云服务
参考文档
以上知识点在 FCC 成都社区之前的技术博文有介绍: