最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

HTML处理利器PostHTML入门教程_html/css_WEB-ITnose

来源:动视网 责编:小采 时间:2020-11-27 16:35:27
文档

HTML处理利器PostHTML入门教程_html/css_WEB-ITnose

HTML处理利器PostHTML入门教程_html/css_WEB-ITnose:PostHTML是一个转换HTML/ XML的工具。 PostHTML本身是非常小的。它只包括一个HTML解析器,一个HTML节点树API和一个节点树stringifier。 var posthtml = require('posthtml');var html = 'Super TitleAwesome Text';
推荐度:
导读HTML处理利器PostHTML入门教程_html/css_WEB-ITnose:PostHTML是一个转换HTML/ XML的工具。 PostHTML本身是非常小的。它只包括一个HTML解析器,一个HTML节点树API和一个节点树stringifier。 var posthtml = require('posthtml');var html = 'Super TitleAwesome Text';


PostHTML 好比一个汽车翻新工厂,而 PostHTML 插件就是一个个流水线车间:

  • PostHTML 将 HTML 文档按照 DOM 模型分解为一个个 node(JavaScript 对象),加上这些 node 的父子关系,形成 PostHTMLTree;
  • PostHTML 插件获得用 JavaScript 表示的 PostHTMLTree 对象,修改、更新或者移除树上的节点,实现特定功能;
  • 最后 PostHTML 再把新的 PostHTMLTree 对象转换成 HTML 文档。
  • 可见,PostHTML 并不提供具体的功能,仅仅实现了 HTML 和 PostHTMLTree 互相转化,且提供通用的 API 和 插件模型,让插件操作 PostHTMLTree。这与 PostCSS 如出一辙。具备如下的有点:

  • JavaScript only:使用 JavaScript 实现,是每一个前端的梦想;
  • 模块化:你可以按照需求,将插件(功能)组合起来使用;
  • 轻量:按需添加,避免引入大量并不使用的特性;
  • 快速扩展:在需求无法满足的时候,PostHTML 提供了便利的方式来扩展功能;
  • 鲁棒性:按照 DOM 语法,将 HTML 转换为 AST,比起正则匹配来说有更高的准确性、更细的粒度以及更强的控制力;
    可编程:将 HTML 转换为用 JS 对象表示的 AST,可以很方面的使用 JS 来修改,易于编程。
  • 项目主页:http://www.open-open.com/lib/view/home/1448175913745

    文档

    HTML处理利器PostHTML入门教程_html/css_WEB-ITnose

    HTML处理利器PostHTML入门教程_html/css_WEB-ITnose:PostHTML是一个转换HTML/ XML的工具。 PostHTML本身是非常小的。它只包括一个HTML解析器,一个HTML节点树API和一个节点树stringifier。 var posthtml = require('posthtml');var html = 'Super TitleAwesome Text';
    推荐度:
    标签: 处理 入门 html
    • 热门焦点

    最新推荐

    猜你喜欢

    热门推荐

    专题
    Top