原生js实现live，原生js实现表头不动,内容滚动

liveserver插件是干嘛的

一款npm工具，全局npm i -g live-server后，项目目录使用live-server命令行命令便可直接在浏览器中预览（默认找index.html，其他请自行带上文件名空格后跟在后面），并且自动全局监听实时更新。命令行常用配置表 本地开发常常需要搭建临时的服务，第一时间我们会想到用http-server。

vscode 可安装静态web服务器 Live Server用于运行前端代码，方便调试。最新的 Live Server已支持php动态页面。安装方法是，点击左侧第五个图标，打开“扩展”页面，在文本框中输入Live Server，点击第一个搜索结果，在右侧页面中点击安装，等待安装完成。

因为项目要做自动更新，图个方便，开启了 “live server” 服务，由于此插件就像一个服务器，已开启就会检测项目的根目录，开启后，即使再关闭，其检测文件的进程依旧存在，这是就需要重启 vscode 了。

查看变量值等。使用Git：Git是一个版本控制系统，它可以帮助开发者管理代码变更。VSCode内置了Git支持，可以方便地进行代码提交、分支切换等操作。使用LiveServer：LiveServer是一个VSCode扩展，它可以在本地快速启动一个实时的Web服务器。通过安装这个扩展，可以在VSCode中实时预览Angular应用程序。

相关问答

Q1: jquery如何让页面刷新的时候默认执行一次点击事件?

1、新建一个html文件，命名为test.html，用于讲解怎么让jquery事件执行一次。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，使用p标签创建一行文字，文字内容为“这是一段测试的文字”，并设置其class为mypp。

2、但需要实现首次进入页面为默认是点击1 在jQuery中，可以使用trigger()方法完成模拟操作。 例如可以使用下面的代码来触发A链接的click事件。

3、方法有多种。主要是看需求。一般可以直接用setTimeout来实现。在点击的同时，增加一个样式到点击按钮，然后用setTimeout来删除这个判断性样式即可。

4、用jquery模拟按钮点击$(#id).click()；原生js参考 //document上绑定自定义事件oneating document.addEventListener(oneating， function (event) { alert(event.mingzi+，+event.message)；}， false)；//创建event的对象实例。

Q2: 事件绑定方法live和bind的区别及使用场合

bind()可以绑定多个事件，live()一次只能绑定一个事件。区别在于用live来绑定事件会给所有当前以及将来在页面上的元素绑定事件(使用委派的方式)。比如说，如果你给页面上所有的li用live绑定了click事件。那么当在以后增加一个li到这个页面时，对于这个新增加的li，其click事件依然可用。

bind（）方法为每个匹配元素的特定事件绑定事件处理函数。bind（）方法的底层逻辑是on（）方法。 .bind() 方法是用于往文档上附加行为的主要方式。所有JavaScript事件对象，比如focus， mouseover， 和 resize，都是可以作为type参数传递进来的。

bind是在页面加载完成之后只对DOM进行一次绑定 live会在每次事件冒泡过程中都会监听绑定的事件。通俗的讲：假设我们给一个是给后期（并不是页面初始化的时候的DOM结构）加载的节点绑定方法，如果使用bind则会无效，应该使用live。

target.click(function(){})；target.bind(click，function(){})；target.live(click，function(){})；live方法，只有在click事件发生的时候，才会去检测绑定事件的对象target是否存在，所以live方法可以实现后来新增子元素的事件的绑定。

- live()：这个方法类似于one()，但是它使用冒泡来检测事件是否发生在元素内部。如果事件发生在元素内部，那么这个处理程序将被调用。- bind()：这个方法允许您为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。它将事件和函数绑定到元素。

Q3: 什么是原生JS

1、记录这篇文章，在工作中一直借用一些js框架 ui框架，对js底层api有所遗忘，目的为了自己复习以下原生js操作方法，所有的js框架都是基于原生js方法和属性，尤其vue源码使用原生js开发，自底向上模式 Node 是一个接口，各种类型的 DOM API 对象会从这个接口继承。

2、学习 js就好比打lol 。 原生js 就是英雄的基本操作，各种装备的熟悉。那么jQuery就像一套战术，他是基于大家对于这些基本操作的总结出来的，怎么配合才能更爽，才更能发挥英雄的特长。有些人会说：我先不学原生js，我先用jquery，不也挺好？。 表面上看确实挺好。

3、JavaScript 对象是动态的属性“包”（指其自己的属性）。JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时，它不仅仅在该对象上搜寻，还会搜寻该对象的原型，以及该对象的原型的原型，依此层层向上搜索，直到找到一个名字匹配的属性或到达原型链的末尾。

Q4: 原生js方法怎么实现的

获取方法 document.getElementsByClassName document.getElementsByTagName 注意 document.getElementById：根据ID查找元素，大小写敏感，如果有多个结果，只返回第一个；document.getElementsByClassName：根据类名查找元素，多个类名用空格分隔，返回一个HTMLCollection。注意兼容性为IE9+（含）。

根据标签a获取所有标签 var aList = document.getElementsByTagName(a)；//获取所有的标签a循环获取的标签，修改target为_blank（新窗口）方式。

所以呢，我们要先写一个Message类，并且必须要实现一个show方法。/* message.js */ class Message { constructor() { } show({ type = info， text = }) { }}这里我直接用了es6的class关键词，其实他的内部还是原型链的形式。用class呢，可以让我们更直观的了解这个类。

你可以使用以下方法为一个按钮绑定两个鼠标事件： 首先，获取按钮元素。例如，通过 `getElementById` 或 `querySelector` 方法获取。 使用 `addEventListener` 方法为按钮添加第一个鼠标事件监听器。 在回调函数内部，再次使用 `addEventListener` 方法为按钮添加第二个鼠标事件监听器。

如果需要在页面刷新的时候默认执行一次点击事件，可以参考下面的方法实现：使用原生js实现使用原生js主要用到了window.onload方法：onload 事件会在页面或图像加载完成后立即发生。语法：onload=SomeJavaScriptCode参数SomeJavaScriptCode是必须的规定该事件发生时执行的 JavaScript。

关于原生js实现live和原生js实现表头不动,内容滚动的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。