dom

关于网页渲染,前端们应该知道的一些事情

浏览器是如何渲染网页的?我们从浏览器渲染一个页面的行为说起:从服务器端获取的HTML文档中构建出DOM树(文档对象模型);样式被加载和分析,构建CSSOM(CSS对象模型);以DOM和CSSOM为基础,文档树被构建,一系列对象被渲染(Webkit称每一个为‘renderer’或’render 对象(render object)‘,Gecko中称为‘frame’).渲染树反应

遇见小程序,遇见几个坑

最近微信小程序当然很火,索性也弄了一个,自己喜欢跑步,就弄了一个约跑的小工具,自己用用,如果能让跑团的兄弟姐妹们得到实惠,那就更好啦。做的仓促,所以并没有放入多少功能,然而事实再次证明,没太仔细思考的事情,做起来是很浪费时间的。小程序预热其实已经很久了,但从认真看文档,开始着手做也就最近几天的功夫,所以并不能算熟悉;由于是自用的小工具,就没有去特意做设计,设计文档也就没仔细

【page-monitor 前端自动化 下篇】 实践应用

通过page-diff的初步调研和源码分析,确定page-diff在前端自动化测试和监控方面做一些事情。本篇主要介绍下,page-diff在具体的实践中的一些应用核心dom校验前端的快速发展,造成前端dom无论结构还是命名经常变化,每次都尽可能关注每个dom的变化,不可能也没有必要。但是核心dom是相对变化较小,但是比较重要,因此可以利用page-monitor 修改关注结

基于Fetch的HTTP透明代理

本文从属于笔者的Web前端中DOM系列文章.笔者在浏览器跨域方法与基于Fetch的Web请求最佳实践一文中介绍了浏览器跨域的基本知识与Fetch的基本使用,在这里要提醒两个前文未提到的点,一个是根据附带凭证信息的请求这里描述的,当你为了配置在CORS请求中附带Cookie等信息时,来自于服务器的响应中的Access-Control-Allow-Origin不可以再被设置为

《JavaScript 闯关记》之简介

简介JavaScript 是面向 Web 的编程语言,绝大多数现代网站都使用了 JavaScript,并且所有的现代 Web 浏览器(电脑,手机,平板)均包含了 JavaScript 解释器。 这使得 JavaScript 能够称得上史上使用最广泛的编程语言。 JavaScript 也是前端开发工程师必须掌握的三种技能之一:描述网页内容的 HTML、描述网页样式的 CSS、

DOM事件总结(一)

前言:撸完CSS-DOM紧接着来撸DOM事件,事件总结完成后我要开始总结动画,然后用纯JS实现一个轮播图,前路漫漫,还有各种框架等着我~~~本篇主要内容有:事件流 事件处理程序 跨浏览器事件处理程序--------------------:angry: 分割线---------------------1.事件流事件冒泡:事件开始时由最具体的元素(文档嵌套层次最深的节点)接

JavaScript_高程三

JavaScript 简介JavaScript实现核心 (ECMAScript)文档对象模型 (DOM)浏览器对象模型 (BOM)ECMAScriptECMA-262定义是基础Web浏览器是ECMAScript实现可能的宿主环境之一宿主环境不仅提供基本的ECMAScript实现,同时也会提供该语言的扩展,以便语言和环境之间对接交互。而这些扩展-如DOM,则利用ECMAScr

javascript框架学习计划

前言:终于要做这个计划了,前端框架千千万,绝不能一头扎进去盲目开始,本片文章总结一下目前前各种端框架,以及它们的用途主要解决什么问题,然后最后做出学习计划。希望入了前端坑的同学们可以有所帮助。1.库与框架什么是库,什么是框架?库:是针对特定问题的一个解答,具有专业针对性;不控制应用程序流程的流程;被动的被调用框架:控制反转;决定应用程序生命周期;一般会集成大量的库是不是框架

《DOM编程艺术》中初步实现的图片库的总结(一)

前言:在《DOM编程艺术》一书中,作者给出了一个实例:创建一个图片库,其实功能很简单,就是点击某个列表项时,下方出现相应的图片以及图片说明(图片说明事先以title的形式写在HTML中),虽然是一个简单的例子,当时作者在书中循序渐进,不断的改善图片库中间引入各种知识点,真的是一本好书,在此对这个实例进行一些总结。 -----------------开始----------

为什么选用 React 创建混合型移动应用?

【编者按】本文作者为 14islands 联合创始人、创新 Web 开发者 David Lindkvist,主要介绍有关混合型应用搭建的方方面面。文章系国内 ITOM 管理平台 OneAPM 编译呈现。最近,我们有幸与 Fjord 合作,从零开始为其用户打造了一款 HMTL5 混合型应用。混合型移动应用(Hybrid apps)可以借助多种 web 技术搭建应用,并将其打包