大家好，很高兴又见面了，我是"高级前端分享"，由我带着大家一起关注前端前沿、深入前端底层技术，大家一起进步，也欢迎大家关注、点赞、收藏、转发!

今天给大家带来的主题是Web Component，话不多说，直接进入正题。

1.前言

前言

有些知识点，比如说Web Components, 自己平时根本用不到，如果不刻意学习和了解，自己的知识体系就会产生盲区，可是每个人的知识盲区那么多，扫的过来嘛。对于这一点，我们要抱有积极的心态，少除一个就少一个。可是要扫除的技术盲区那么多，为什么要优先选择扫除它？这一点看个人偏好，没有标准答案。但有一个大方向是确定的，如果想在技术的道路上走得更远，就得不断清除阻碍自己前行的障碍拓宽自己的技术视野。废话不多说了，现在我们进入今天的主题。

当今前端编程中，利用语义化的 HTML

1、为什么安装node.js

vue的包管理工具是npm，npm 是Node.js的包管理工具（package manager），npm的应用基于node.js；

2、node.js的作用

原文来源于：程序员成长指北；作者：嘉琪coder

如有侵权，联系删除

前言

------------------7-20更------------------

最近在看《高性能JavaScript》一书，里面当中，有讲很多提高js性能的书，正在看的过程中，记下做法以及原因，供以后学习参考：

1、将经常使用的对象成员、数组项、和域外变量存入局部变量

原因：数据存储位置对大地代码整体性能会产生重要的影响，直接变量和局部变量的访问速度快于数组和对象成员。因为局部变量位于作用域链的第一个对象中，全局变量位于作用域链的最后一环。变量在作用域链的位置越深，访问的时间就越长。

一.什么是DOM

我们知道，无论是现在的开发框架（底层还是操作DOM）还是传统的开发都离不开DOM的操作，所以了解和学习DOM是必须的，也是成为一个全面的前端开发的必备知识和内容，那接下来我们就来看下什么是DOM，DOM的全称文档对象模型，DOM的本质就是让我们通过JS来对页面的元素进行操作的一套浏览器提供的API，它的实现方式是将页面所有的内容表示为可以修改的对象，下面就是我们比较常见的几个元素在DOM中的对应关系：

1. 功能分析

实现如图所示的轮播图，要实现的功能主要有：

鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮。

七.节点操作

• 创建 节点
• 插入 节点

随着互联网技术飞速发展，网页录屏技术已趋于成熟。例如可将录屏技术运用到在线考试中，实现远程监考、屏幕共享以及录屏等；而在我们开发人员研发过程中，对于部分偶发事件，异常监控系统仅仅只能告知程序出错，而不能清晰的告知错误的复现路径，而录屏技术或许能帮我们定位并复现问题。那么本文将从有感录屏和无感录屏两方面给读者分享一下录屏这项技术，希望可以帮助你对网页录屏有一个初步认识。