待办事项 具有HTML，CSS，Viniila Javascipt的简单Todo App 特色 添加任务 删除任务 标记完成的任务 筛选任务

视频播放器 只是一个使用视频播放器测试我的 vanilla javascript 技能的项目，切换不同的属性和 dom 事件 播放/暂停 在 script.js 中有一个用事件编写的函数来切换它，并在“单击”时操纵播放/暂停图标。 还有一个事件“结束”来通知视频何时结束，以便在它结束时切换播放/暂停功能。 进度条 当您按下进度条中的任意位置时，您会注意到进度条会跳到按下的位置。 这是一个在进度条上工作的“点击”事件和一个在进度范围内工作的“时间更新”事件。 声音图标 点击事件也被用来操纵静音/取消静音图标，还有一个叫做 video.volume 的视频属性来操纵视频的音量。 使用javascript动态设置图标的图标变化。 播放率 正在触发更改事件以将视频的速度从 0.5、0.75、1、1.5 或 2 更改。请注意，playbackRate 的视频默认值为 1。 全屏 在全屏按钮上使用单击

Volt是一个免费且开源的Bootstrap 5 Admin Dashboard，具有100多个组件，11个示例页面和3个自定义插件。 Volt不需要jQuery作为依赖项，这意味着每个库和脚本都不包含jQuery。 Bootstrap 5和Vanilla JavaScript Volt使用最新版本的Bootstrap 5构建，并且由于，因此Volt仅使用Vanilla JS构建。 100多个组件 因为它是使用最新版本的Bootstrap 5创建的，所以每个组件和元素都基于最新的Bootstrap 5 Sass变量和HTML标记。 在查看组件的文档。 11示例页面 我们创建了不少于11个高级示例页面，例如概述页面，交易，用户设置，登录和注册等等。 完整文件 每个组件，插件和使用入门均已在我们的进行了详尽。 工作流程 该产品使用以下广泛使用的技术制造： 最受欢迎CSS框架引导程序 高效的

#Death Noto####根据系列#“写在这张纸条上的人会死。除非作者在写他/她的名字时脑海中有这个人的脸，否则这条纸条不会生效。因此，同名的人不会受到影响。如果在写下这个人的名字后 40 秒内写下死因，就会发生。如果没有指明死因，这个人只会死于心脏病.” - 死亡笔记维基 公网IP -45.55.130.175 ＃＃＃＃特征 用户可以记录与该用户关联的姓名 user1 write name " how they peace " 用户数据存储到本地txt文件 用户可以阅读其关联的名称和描述。 user1 read 用户可以通过连接到本地主机地址上的端口 8124 来访问他的数据。 telnet localhost 8124 ＃＃＃要求＃＃＃ 互联网 bash 访问

香草汽车 当您在表单字段中输入字符时，会自动在另一个字段中填充假名的库。 特征 不依赖jQuery 支持从脚本标签读取和导入ES模块 安装方式 npm npm i vanilla-autokana # or yarn add vanilla-autokana 如何不使用npm 从此存储库下载dist/autokana.js并使用脚本标签加载它。 如何使用 在AutoKana.bind()方法的第一个参数中AutoKana.bind() furigana输入源的输入元素的id，并在第二个参数中指定furigana输出目标的输入元素的id。 如果找不到输入元素，则它将无法正常工作，因此建议在DOMContentLoaded事件中执行它。 由于库本身不依赖DOM生命周期事件，因此建议添加defer属性以加载库。 <input name="name" id="name"> <input n

表单验证器 这是一个非常轻量的javascript表单验证类。 具有json规则可自定义的js表单验证器 这个插件使js表单验证非常容易，并且可以使用json完全自定义。 请查看sample / example.html以获得完整的演示。 配置 要使用JSON Form Validator，您需要在页面上包括脚本，定义验证规则并调用它，最后告诉验证器何时运行验证。 < script type =' text/javascript ' src =' jsonValidator.js ' > </ script > < script > var options = { } ; var rules = { } ; var inputs = document . querySelectorAll ( 'input, select' ) if ( ValidateForm . validate

香草-Javascript实验 使用javascript，html和css创建的媒体播放器。 本地跑步 npm install npm start

轻量级香草JavaScript库可处理路口观察者 初始化中 import { ScrollObserver } from './src/scroll.observer.js' ; const scrollObserver = new ScrollObserver ( ) ; 在浏览器中，可以使用dist目录中的UMD文件： < script src =" dist/scroll.observer.umd.js " > </ script > const scrollObserver = new ScrollObserver ( ) ; 参数 基本参数 您可以指定的基本参数与相交观察器使用的参数相同（请参阅 ）： 范围 类型 默认 描述 根 CSS选择器 “视口” 根相交观测器参数 rootMargin 细绳 “ 0px” 使用的根距 临界点 大批 0 触发回调函数的阈值数组

待办事项 Todo列表应用程序使用引导程序和HTML进行了漂亮的设计，HTML和CSS用于某些设计部件，大多数工作是使用LocalStorege完成的。 设置 进入终端或Powershell（Windows），然后执行以下操作。 $ git clone https://github.com/zaidajani/todo-app.git $ cd todo-app $ # Cloing and getting into it $ # Make sure that you have visual studio code installed $ code . VS代码工作 转到插件并安装实时服务器。 然后，右键单击index.html，然后单击“ open with live-server 。 然后它将在您的浏览器中打开，您可以使用它。 享受您功能强大的应用程序

语音翻译器Chrome扩展程序 该浏览器扩展程序显示了来自浏览器选项卡声音的语音翻译结果。 该服务器位于 依存关系 Chrome 在运行命令之前杀死所有chrome实例： 视窗： CMD> "C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir="[temp directory here]" Linux / Mac： chromium-browser --disable-web-security --user-data-dir="[temp directory here]" Chrome扩展程序入门： 视频 YouTube： ： 贡献者 一直感谢您的贡献 :thumbs_up: