DOM
14篇文章 · 0订阅
  • 现代浏览器观察者 Observer API 指南
    前段时间在研究前端异常监控/埋点平台的实现。 在思考方案时，想到了浏览器自带的观察者以及页面生命周期API 。 Intersection Observer，交叉观察者。 Mutation Observer，变动观察者。 Resize Observer，视图观察者。 | 用途 |…
    Vue.js JavaScript
    现代浏览器观察者 Observer API 指南
  • React实现浏览器打印指定内容
    近期着手项目任务的打印功能，在此作个记录，本文介绍基于React的一种调用浏览器打印页面指定内容的方法。 整体思路： 通过构建一个隐藏的元素（该元素包裹需打印的内容），当打印行为触发时，将页面其他的一些不需要打印的元素隐藏，然后将需打印的元素追加到body中，打印完成后，再恢复…
    React.js
  • [译] 可用但最不常见的 HTML5 标签
    <!DOCTYPE html> HMLT5 于 2014 年 10 月由万维网联盟（W3C）发布，旨在通过改进 HTML 语言来支持最新的多媒体设备，在保证计算机与设备（如 Web 浏览器，解析器等）可解析的前提下增强对人类的可读性。 我可以确定你们都已经在使用 HTML5 做…
    前端 稀土 掘金翻译计划
  • html5拖放--15行js代码实现两个div内容互换
    本文首发于我的个人博客:http://cherryblog.site/ ，欢迎大家前去参观 本文项目地址，sortable插件地址：https://github.com/sunshine940326/sortable demo地址：https://github.com/suns…
    JavaScript 前端 GitHub
    html5拖放--15行js代码实现两个div内容互换
  • 一个简洁、有趣的无限下拉方案
    长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了，本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说，看下图，也许你可以发现什么？ 说明了要素，也许你可以尝试着开始思考，看你是否能猜到具体的实现方案。 一直以来，检测元素的可视状态或者两个元素的相对可视状态都不是件容易事…
    JavaScript
    一个简洁、有趣的无限下拉方案
  • [译] 究竟什么是DOM？
    本文为翻译，如有异议请提出更正建议，欢迎阅读。 浏览器如何从一个源HTML文档到在视图中显示一个样式化的交互式页面被称为“关键呈现路径”。虽然这个过程可以分解为几个步骤，但正如我在理解关键呈现路径的文章中所述，这些步骤大致可以分为两个阶段。第一个阶段涉及浏览器解析文档以确定最终…
    DOM
  • 前端要凉？微软开源Sketch2Code，草图秒变代码
    用户界面设计过程涉及大量创造性的迭代工作。这个过程通常从在白板或白纸上画草图开始，设计师和工程师分享他们的想法，尽力表达出潜在的客户场景或工作流程。当他们在某个设计上达成一致之后，通过照片的形式将草图拍下来，然后手动将草图翻译成 HTML 代码。翻译过程需要耗费很多时间和精力，…
    Microsoft 前端 开源
  • 通过HTTP的HEADER完成各种骚操作
    作为一名专业的切图工程师，我从来不care网页的header，最多关心Status Code是不是200。但是HEADER真的很重要啊，客户端从服务器端获取内容，首先就是通过HEADER进行各种沟通！HEADER可以帮助我们完成许多骚操作，提高网站的性能，用户的体验。好了让我们…
    Node.js JavaScript HTTP