已存在元素是指DOM中存在的，伪元素则是虚拟的一种，样式也是给这个虚拟的元素使用的。
大家好，我是 ConardLi，相信各位在 Web 开发的工作中已经离不开框架了，不知道有多少同学还用原生 JS 写代码呢？你有认真思考过框架究竟为我们解决了什么样的问题吗？脱离了这些框架，我们可以解决这些问题吗？我们来看看今天的文章：
Fiber 是 React 16 中新的协调引擎或重新实现核心算法。它的主要目标是支持虚拟DOM的增量渲染。React Fiber 的目标是提高其在动画、布局、手势、暂停、中止或重用等方面的适用性，并为不同类型的更新分配优先级，以及新的并发原语。
本文介绍了Zepto源码分析之ie模块，从源码分析的角度介绍了Zepto中ie模块的实现原理和注意事项。主要包括获取元素样式、计算元素尺寸、浏览器渲染机制、事件处理等方面，并通过实例进行解释。
在自己的项目中嵌入过广告的朋友们可能都用过百度联盟, 只需要嵌入如下一段js代码片段, 就可以在自己的项目中嵌入广告, 来获得收益. <script type=“text javascript”>
React的生命周期从广义上分为挂载、渲染、卸载三个阶段，在React的整个生命周期中提供很多钩子函数在生命周期的不同时刻调用。
： 解析渲染该过程主要分为以下步骤：a.解析HTML b. 构建DOM树 c.DOM树与CSS样式进行附着构造呈现树 d.布局 e.绘制
身为前端，打交道最多的就是浏览器和node了，也是我们必须熟悉的。接下来我们讲一下浏览器工作原理和工作过程。从url到页面的过程，......，我们直接来到收到服务器返回内容部分开始。
用JS操作DOM，是比较慢的。为什么呢？首先，补充一下浏览器相关的知识。下图为浏览器结构：
本文介绍了如何定位和分析Web性能问题中的重绘（Repaint）问题，通过介绍和实例分析，提供了在Timeline中查看和定位重绘问题的方法，以及通过Paint Profiler分析绘制细节，从而优化页面性能。
杨博 ThoughtWorks 本文转载自InfoQ：http://www.infoq.com/cn/articles/more-than-react-part03 本系列的上一篇文章《React.Component损害了复用性？》探讨了如何在前端开发中编写可复用的界面元素。本篇文章将从性能和算法的角度比较 Binding.scala 和其他框架的渲染机制。 Binding.scala 实现了一套精确数据绑定机制，通过在模板中使用 bind 和 for/yield 来渲染页面。你可能用过一些其他 Web
XSS已有近二十年的历史了，但它仍然是Web上最常见的漏洞之一。因此，已经发展了许多机制来减轻漏洞的影响。我经常会误以为这些机制可以作为针对XSS的保护。今天，我们将了解为什么情况并非如此。我们将在代码重用攻击领域探索一种相对较新的技术。Web的代码重用攻击于2017年首次描述，可用于绕过大多数现代浏览器保护，包括：HTML sanitizers，WAF和CSP。
component : 内置组件，根据is属性来显示对应的组件;is属性的属性值保持和组件名字一致；然后可以显示对应的组件
当浏览器获得了资源以后要进行的第一步工作就是 HTML 解析，，它由几个步骤组成:编码、预解析、标记和构建树。
该方法当props发生变化时执行，初始化render时不执行，在这个回调函数里面，你可以根据属性的变化，通过调用this.setState()来更新你的组件状态，旧的属性还是可以通过this.props来获取,这里调用更新状态是安全的，并不会触发额外的render调用。
最近开源了一个 Vue 组件，还不够完善，欢迎大家来一起完善它，也希望大家能给个 star 支持一下，谢谢各位了。
找了一些在 Vue 方面经常出现的面试题，留给自己查看消化，也分享给有需要的小伙伴。
要了解 JSX，首先先了解什么三个主要问题，什么事 VDOM，差异更新和 JSX 建模：
接上前面两期的内容，《前端基础知识整理汇总（上）》、《前端基础知识整理汇总（中）》，如果你还没有看前面内容的话，建议你可以点开连接看看，也可以收藏着有空的时候，慢慢看。
工欲善其事，必先利其器。最近在写代码的时候越发觉得不是代码有多难，而是当代码出了问题该如何调试，如何追溯本源，这才是最难的。
随着单页应用程序的出现，网站突然被期望做更多，甚至与“原生”应用程序进行竞争。在尝试更快地开发Web应用程序时，开发人员意识到特定领域是瓶颈，使Web应用程序不像其本地应用程序那样快速和强大。
然后现在也是找了一些在 Vue 方面经常出现的面试题，留给自己查看消化，也分享给有需要的小伙伴。
组件使你可以将 UI 划分为一个一个独立，可复用的小部件，并可以对每个部件进行单独的设计。
我大约在三年前开始在工作中使用 React。巧合的是，当时正好是 React Hooks 出来的时候。我当时的项目代码库有很多类组件，总让我觉得很笨重。
代码组织： 目录结构： . ├── components //组成应用的各个组件 │ ├── Routers.android.js //每个组件若实现不一样，分为android的实现和ios的实现。 │ ├── Routers.ios.js │ ├── common //公共组件 │ ├── issues //议题页面 │ ├── navigation //导航组件，android用侧边栏，ios准备用tab │ └── project
创建DOM树——创建StyleRules——创建Render树——布局Layout——绘制Painting
作者：Nwose Lotanna 翻译：疯狂的技术宅 来源：logrocket 在本文中，我们来学习可用于 Vue JS 工作流程中的所有hooks。 Vue Vue JS 是一个非常先进的 Ja
引言 对 Vue 组件数据（props 或状态）的更改不会立即反映在 DOM 中。 相反，Vue 异步更新 DOM。 你可以使用 Vue.nextTick() 或 vm.$nextTick() 函数捕获 Vue 更新 DOM 的时刻。 让我们详细了解这些函数的工作原理。 nextTick() 当 Vue 组件数据发生变化时，DOM 会异步更新。 Vue 会收集来自所有组件的多个虚拟 DOM 更新，然后创建一个批处理来更新DOM。 在单个批次中更新 DOM 比进行多个小的更新更高效。 例如，让我们考虑一个切换元素显示的组件：
vue.js——开发版本：包含完整的警告和调试模式 vue.min.js——生产版本：删除了警告，进行了压缩
本文适用于所有使用 Vue 的开发人， 包括初学者。在阅读本文之前，你应该具备一些前提条件：
webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle
浏览器的内核是指支持浏览器运行的最核心的程序，分为两个部分的，一是渲染引擎，另一个是JS引擎。渲染引擎在不同的浏览器中也不是都相同的。目前市面上常见的浏览器内核可以分为这四种：Trident（IE）、Gecko（火狐）、Blink（Chrome、Opera）、Webkit（Safari）。这里面大家最耳熟能详的可能就是 Webkit 内核了，Webkit 内核是当下浏览器世界真正的霸主。本文我们就以 Webkit 为例，对现代浏览器的渲染过程进行一个深度的剖析。
渲染项目列表时，key 属性允许 Vue 跟踪每个 Vnode。key 值必须是唯一的。
现在百度，阿里，腾讯，字节跳动等大厂的面试真题、面经随处可见。甚至还有多家教育机构专门针对这一部分设计了课程，但是中小厂的面经倒是很稀缺。
keep-alive 是 Vue 内置的一个组件，可以实现组件缓存，当组件切换时不会对当前组件进行卸载。
Proxy 允许我们创建一个对象的虚拟代理（替代对象），并为我们提供了在访问或修改原始对象时，可以进行拦截的处理方法（handler），如 set()、get() 和 deleteProperty() 等等，这样我们就可以避免很常见的这两种限制(vue 中)：
定义： 当通过JS或css改变了元素的宽度、高度等，修改了元素的几何位置属性，那么浏览器会触发重新布局，解析之后的一系列子阶段，这个过程就叫重排。无疑， 重排需要更新完整的渲染流水线，所以开销也是最大的。
在 JSX 语法中，可以在大括号内放置任何有效的 JavaScript 表达式。例如：2 + 2，user.firstName
前注：Pale Moon 是 Firefox 的一个旧版衍生，采用 Goanna 内核，并使用 XUL 进行界面布局。 标 DiD（Defense-in-Depth）的要点，是预防针式的漏洞修复，避免以后可能出现的问题，参考原文。
Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。
Chrome 即将在 83 版本新增一个可信类型（Trusted types），其号称这一特性可以全面消除 DOM XSS，为此我连夜分析了一波，下面我就带大家来具体看一下这个特性：
“世间万物都由分子构成。用气将万物的分子打散，分解眼前事物，再将分子重组，在短暂的瞬间，可以凝成时空停顿，甚至逆转时空。”
HTML 作用：构建文档结构、形成dom树、承载内容 具体：显示文字、表格、图片、播放声音，编写时定义前述元素的属性 参考网址：http://www.runoob.com/html js 作用：实现逻辑功能 具体：弹窗，能够监听事件进行响应（输入事件、元素改变事件）、更改DOM树，能够改CSS 参考网址：http://www.runoob.com/js CSS 作用：以各种方式装扮展现内容 具体：能够选择各个、各类元素，针对选择的元素更改样式
为了金三银四的跳槽季做准备，并且我是 vue 技术栈的，所以整理了若干个 vue 的面试题。
移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。
在上一篇文章中，我们介绍了浏览器的渲染流程，这篇文章中，我们将重点聚焦在渲染阻塞上，来详细看一下渲染阻塞以及一些常见的解决方法。
本系列文章主要将总结React从15.x升级到v16.x所需要注意的内容，本文则主要总结为什么要升级到v16.x，v16.x的一些新特性，主要内容包括：
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
