vue3中自定义指令的简单案例
官方文档中给了一个很简单的示例，官方文档地址：
https://v3.cn.vuejs.org/guide/custom-directive.html
2025年07月06日
官方文档中给了一个很简单的示例，官方文档地址：
https://v3.cn.vuejs.org/guide/custom-directive.html
2025年07月06日
钟震原创，更多知识尽在钟震讲网络营销，自己百度噢!
做过竞价的朋友都知道，数据是竞价中最核心的部分，但是往往我们在账户中的关键词url网址做了数据追踪（还是用客服软件做追踪的就不讲啦。因为你追踪的是搜索词），还是会丢失很多的数据。这是为什么呢？
在竞价的数据追踪中，我们通常定义为咨询页面的上一个页面就是来源页面。那么在用户通过点击我们的广告来到我们的网站的着陆页的时候，参数是存在的，但是在用户多次点击别的页面然后咨询的时候，我们做的追踪参数就丢失了。
2025年07月06日
JavaScript事件模型
在各种浏览器中存在三种事件模型: 原始事件模型 , DOM2事件模型 , IE事件模型。
其中原始的事件模型被所有浏览器所支持,而DOM2中所定义的事件模型目前被除了IE以外的所有主流浏览器支持.
原始事件模型：
在原始事件模型中（也有说DOM0级），事件发生后没有传播的概念，没有事件流。事件发生，处理，结束，就这么简单。监听函数只是元素的一个属性值，通过指定元素的属性值来绑定监听器。书写方式有两种：
2025年07月06日
实例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年07月06日
今天网站上线自己搜集总结了一些前端的优化1.精灵图
多个图片拼成一个图片，然后通过CSS来控制在什么地方具体显示这整张图片的什么位置（毕竟流量 都是钱啊）
2.css选择器优化
3. js改变样式直接操作类名
4. js直接操作dom节点
5.正则匹配选择器6.js获取元素优化
7.内存溢出
一般在递归运行时，会产生内存溢出，造成在运行递归时性能大幅度下降，在运行结束后内存
会被系统回收，所以在运行递归时需要用对象将值保存，在每次递归运算时检测，如果存在则直接返
2025年07月06日
记录平时发现并解决的相关问题。
当前编写的应用程序在启动时，需要加载配置文件，并在程序打开时加载配置文件中的url，加载失败时抛出加载失败的异常信息。
在bin目录下双击可执行问题，能够正常加载配置文件并打开对应的url。但是在将可执行文件的快捷方式固定在任务栏上，直接点击任务栏图标打开对应应用程序则提示加载配置文件异常。
2025年07月06日
1、CSS选择器 和 XPath 本质是独立于具体工具的查询语言（Query Language），定义了如何定位文档中元素的语法规则。
2025年07月06日
一些Javascript功能也可以用于TypeScript。
JSHint真是一种确保你写的JavaScript代码遵守编码规范和最佳实践的好办法。默认的设置是很松的，但是你可以通过新的选项对话框打开更多的规则。
错误窗口会随着输入的变化而变化，因此，不必右键点击.js文件来进行JSHint。
每个单独的javascript文件都可以通过使用JSHint文档中描述的官方JSHint注释格式重写全局的设置。
2025年07月06日
<!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>