• 关于本课
  • 1.1. 课程说明
  • 1.2. 教学方式
  • 1.3. 考核方式
  • 1.4. 学习目标
  • 1.5. 学习材料
  • 1.6. 更多资源
  • 示例项目
  • 2.1. 什么是博客
  • 2.2. 内容类型
  • 2.3. 页面类型
  • 2.4. 页面模板
  • 2.5. 角色类型
  • 2.6. 功能
  • 2.7. 前台
  • 2.8. 后台
  • 2.9. 布局
  • 2.10. 扩展功能
  • 2.11. 设计风格
  • 个人项目
  • 3.1. 课程项目立项说明
  • 3.2. 准备阶段
  • 3.3. 检查点一
  • 3.4. 检查点二
  • 3.5. 检查点三
  • 3.6. 检查点四
  • 3.7. 项目评分标准
  • 第1周:什么是web前端?
  • 4.1. Web基础知识
    • 4.1.1. 从磁盘文件到Web网站
    • 4.1.2. 什么是B/S架构?
    • 4.1.3. 什么是URL?
    • 4.1.4. 什么是WEB?
    • 4.1.5. 形形色色的浏览器
  • 4.2. Web网站的架设(xampp)
    • 4.2.1. hello world
    • 4.2.2. 多站点配置
    • 4.2.3. wordpress安装与体验
    • 4.2.4. xampp安装与常见故障
  • 4.3. Web网站的架设(phpstudy)
    • 4.3.1. hello world
    • 4.3.2. 多站点配置
    • 4.3.3. wordpress安装与体验
    • 4.3.4. phpstudy安装与常见故障
  • 4.4. WEB前端开发工具
    • 4.4.1. 浏览器
    • 4.4.2. 编辑器
    • 4.4.3. 原型工具
    • 4.4.4. Git
    • 4.4.5. Github
    • 4.4.6. Github Pages
    • 4.4.7. Web前端工作流程
    • 4.4.8. 前端开发环境基础技能
  • 4.5. 任务篇
    • 4.5.1. 作业与讨论
    • 4.5.2. 项目实训
  • 第2周:HTML文档(上)
  • 5.1. 什么是HTML?
  • 5.2. HTML语法
  • 5.3. HTML文档结构
  • 5.4. 语义标记
  • 5.5. 形形色色的语义标记
  • 5.6. 搜索引擎
  • 第2周:HTML文档(下)
  • 6.1. 格式与转义
  • 6.2. 元标记
  • 6.3. HTML版本
  • 6.4. Markdown
  • 6.5. 任务篇
    • 6.5.1. 作业与讨论
    • 6.5.2. 项目实训
  • 第3周:HTML站点
  • 7.1. 链接
  • 7.2. 文本与二进制文件
  • 7.3. 多媒体
  • 7.4. 框架
  • 7.5. 任务篇
    • 7.5.1. 作业与讨论
    • 7.5.2. 项目实训
  • 第4周:HTML表单
  • 8.1. 表单
  • 8.2. 控件
  • 8.3. 任务篇
    • 8.3.1. 作业与讨论
    • 8.3.2. 项目实训
  • 第5周 CSS基础
  • 9.1. 什么是CSS?
  • 9.2. normalize.css
  • 9.3. 什么是排印?
  • 9.4. 字体
  • 9.5. 屏幕
  • 9.6. 度量
  • 9.7. 颜色
  • 9.8. 用户界面
  • 9.9. 任务篇
    • 9.9.1. 作业与讨论
    • 9.9.2. 项目实训
  • 第6周 CSS定位
  • 10.1. 定型
  • 10.2. 定位
  • 10.3. 伪元素与伪类
  • 10.4. 任务篇
    • 10.4.1. 作业与讨论
    • 10.4.2. 项目实训
  • 第7周 CSS布局
  • 11.1. 表格布局
  • 11.2. 浮动布局
  • 11.3. 栅格布局
  • 11.4. 现代布局:弹性盒子
  • 11.5. 现代布局:栅格盒子
  • 11.6. 任务篇
    • 11.6.1. 作业与讨论
    • 11.6.2. 项目实训
  • 第8周 前景与背景
  • 12.1. 前景与背景
  • 12.2. 背景图
  • 12.3. CSS精灵图
  • 12.4. 图标字体
  • 12.5. 任务篇
    • 12.5.1. 作业与讨论
    • 12.5.2. 项目实训
  • 第9周 可访问性
  • 13.1. 响应式设计
  • 13.2. 视口 viewport
  • 13.3. 媒体查询与布局
  • 13.4. 图片及其它
  • 13.5. 可访问性
  • 13.6. 任务篇
    • 13.6.1. 作业与讨论
    • 13.6.2. 项目实训
  • 第10周 Javascript基础
  • 14.1. 什么是Javascript?
  • 14.2. Javascript基本功能
  • 14.3. Javascript基本语法
  • 14.4. Javascript的版本
  • 14.5. 工具篇
    • 14.5.1. Jquery
    • 14.5.2. Jquery plugin
    • 14.5.3. CDN
  • 14.6. 任务篇
    • 14.6.1. 作业与讨论
    • 14.6.2. 项目实训
  • 第11周 文档对象模型
  • 15.1. DOM
  • 15.2. 事件驱动
  • 15.3. DOM事件
  • 15.4. Jquery DOM
  • 15.5. 任务篇
    • 15.5.1. 作业与讨论
    • 15.5.2. 项目实训
  • 第12周 浏览器对象模型
  • 16.1. BOM
  • 16.2. 阻塞、执行与渲染
  • 16.3. 定时器
  • 16.4. 任务篇
    • 16.4.1. 作业与讨论
    • 16.4.2. 项目实训
  • 第13周 客户端状态与存储
  • 17.1. cookies
  • 17.2. 客户端存储
  • 17.3. 客户端 API
  • 17.4. 任务篇
    • 17.4.1. 作业与讨论
    • 17.4.2. 项目实训
  • 第14周 浏览器应用
  • 18.1. json
  • 18.2. Ajax
  • 18.3. 前端文件包含
  • 18.4. 前端模板
  • 18.5. 前端路由与单页应用
  • 18.6. json server
  • 18.7. rest client
  • 18.8. bookmarklet
  • 18.9. 任务篇
    • 18.9.1. 作业与讨论
    • 18.9.2. 项目实训
  • 第15周 前端工程化上
  • 19.1. 作用域与IIFE
  • 19.2. 模块化与AMD
  • 19.3. node.js
  • 19.4. node环境构建
  • 19.5. 客户端包管理bower
  • 19.6. 服务端包管理npm
  • 第15周 前端工程化下
  • 20.1. scss
  • 20.2. 自动化构建gulp
  • 20.3. webpack
  • 20.4. esm
  • 20.5. 任务篇
    • 20.5.1. 作业与讨论
    • 20.5.2. 项目实训
  • 高级话题
  • 21.1. css-module
  • 21.2. post-css
  • 21.3. post-html
  • 21.4. 前端架构
  • 21.5. 前沿发展
  • Published with GitBook

post-html

  • post-html
    • 关于html的预处理技术
    • post系统
    • unifiedjs系列

post-html

关于html的预处理技术

类似于Postcss,关注于语义结构的转换

  • 综述 https://evilmartians.com/chronicles/five-years-of-postcss-state-of-the-union
  • 对比 https://www.npmtrends.com/posthtml-parser-vs-rehype-parse

post系统

  • https://github.com/posthtml/posthtml
  • posthtml-retext
  • https://postcss.org/
  • https://github.com/markdown-it/markdown-it

unifiedjs系列

  • https://unifiedjs.com/
  • https://github.com/syntax-tree/unist
  • remark
  • rehype
  • retext

results matching ""

    No results matching ""