#头条创作挑战赛# HTMLDocument对象是Microsoft Excel VBA中表示HTML文档的一种对象。它可以用于读取、修改和操作HTML文档中的标签、元素和属性。可以通过创建HTMLDocument对象来加载和解析HTML文件，并使用提供的方法和属性访问文档中的各个部分。可以将HTMLDocument对象与其他Excel对象（如Workbooks、Worksheets或Range）一起使用，以便在VBA中自动化对HTML文档的处理和操作。
2025年08月03日
#头条创作挑战赛# HTMLDocument对象是Microsoft Excel VBA中表示HTML文档的一种对象。它可以用于读取、修改和操作HTML文档中的标签、元素和属性。可以通过创建HTMLDocument对象来加载和解析HTML文件，并使用提供的方法和属性访问文档中的各个部分。可以将HTMLDocument对象与其他Excel对象（如Workbooks、Worksheets或Range）一起使用，以便在VBA中自动化对HTML文档的处理和操作。
2025年08月03日
实例1：
<!DOCTYPE html>
<html>
<head>
<title>新建网页</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
</head>
<body>
<h2>获得元素节点</h2>
<p><input type="text" id="username" value="tom"></p>
<p><input type="text" id="useremail" value="tom@163.com"></p>
</body>
</html>
<script type="text/javascript">
//② document.getElementsByTagName(tag标签名称)
// 该方法会返回一个对象集合(无论对应的节点有几个)
var hh = document.getElementsByTagName('h2');
console.log(hh);//对象集合 HTMLCollection[h2]
//两种方式 可以从对象集合中 获得具体的一个元素节点对象
console.log(hh[0]); //<h2>
console.log(hh.item(0)); //<h2>
var ipt = document.getElementsByTagName('input');
console.log(ipt);//HTMLCollection[input#username 属性(attribute)值 = "tom", input#useremail 属性(attribute)值 = "tom@163.com"]
console.log(ipt.item(1));
</script>2025年08月03日
今天网站上线自己搜集总结了一些前端的优化1.精灵图
多个图片拼成一个图片，然后通过CSS来控制在什么地方具体显示这整张图片的什么位置（毕竟流量 都是钱啊）
2.css选择器优化
3. js改变样式直接操作类名
4. js直接操作dom节点
5.正则匹配选择器6.js获取元素优化
7.内存溢出
一般在递归运行时，会产生内存溢出，造成在运行递归时性能大幅度下降，在运行结束后内存
会被系统回收，所以在运行递归时需要用对象将值保存，在每次递归运算时检测，如果存在则直接返
2025年08月03日
记录平时发现并解决的相关问题。
当前编写的应用程序在启动时，需要加载配置文件，并在程序打开时加载配置文件中的url，加载失败时抛出加载失败的异常信息。
在bin目录下双击可执行问题，能够正常加载配置文件并打开对应的url。但是在将可执行文件的快捷方式固定在任务栏上，直接点击任务栏图标打开对应应用程序则提示加载配置文件异常。
2025年08月03日
一些Javascript功能也可以用于TypeScript。
JSHint真是一种确保你写的JavaScript代码遵守编码规范和最佳实践的好办法。默认的设置是很松的，但是你可以通过新的选项对话框打开更多的规则。
错误窗口会随着输入的变化而变化，因此，不必右键点击.js文件来进行JSHint。
每个单独的javascript文件都可以通过使用JSHint文档中描述的官方JSHint注释格式重写全局的设置。
2025年08月03日
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 引入 video.js 的 CSS 文件 -->
<link href="https://vjs.zencdn.net/7.17.0/video-js.css" rel="stylesheet" />
<title>Video.js Example</title>
</head>
<body>
<!-- 创建视频容器 -->
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264"
data-setup="{}">
<!-- 视频源 -->
<source src="https://vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
<!-- 引入 video.js 的 JavaScript 文件 -->
<script src="https://vjs.zencdn.net/7.17.0/video.min.js"></script>
<script>
// 初始化播放器
var player = videojs('my-video');
// 如果不想一个一个初始化，可以这样：
(function(){
var videos = document.getElementsByTagName('video');
for(i=0; i<videos.length; i++) {
var video = videos[i];
if(video.className.indexOf('video-js') > -1) {
videojs(video.id).ready(function(){
});
}
}
})();
//多个初始化 end
</script>
</body>
</html>