做一个酷网站(2)

成品
成品源码

---

接上篇博客 相信你根据 Demo 的源代码 已经可以制作一个简单的动态网站了

• 核心思想
  • 同时动态修改 style 标签 和 页面上 某个元素的内容
  • 产生一种网站在动态展示的效果
• 知识点
  • ES6 箭头函数使用
  • setInterval(fn, n)
  • substring(n, m)
  • document.querySelector()
  • dom 元素 innerHTML 修改

本篇 博客 教你 如何将网站做的更加炫酷

如图 在 source 目录下 是引用的第三方资源

• prism.js prism.css 是使语法高亮
  • prism 官网链接
• marked.min.js 将 markdown 语法 转为 html 内容
  • marked.min.js 官网链接