WEB 相关文章

H5的pushState与replaceState

一、简介HTML5引入了 history.pushState() 和 history.replaceState() 方法，它们分别可以添加和修改历史记录条目。这

pushState replaceState JavaScript H5

JS/JavaScript修改浏览器URL参数且不刷新页面

简介使用 JavaScript 改变 URL 参数值并且页面不刷新的方法有两种模式：使用 History replaceState使用 History pus

JavaScript URLSearchParams pushState replaceState

JS/JavaScript获取元素到父元素距离

元素之间位置简介元素到父元素之间的距离，可以表示为两个元素之间的 offset 值。offset 是元素的位置和尺寸信息，是相对于上级元素的。offsetLef

offsetTop 相对父元素距离 offset

JavaScript/JS读取文本/JSON文件内容

JavaScript/JS读取文本/JSON文件内容let file = files[0];var reader = new FileReader();read

JavaScript读取文本 JavaScript读取JSON文件 JS读取文件 JavaScript

position: sticky滑动一定长度/一半后失效

问题概述position: sticky 滑动一定长度后失效，position: sticky滑动一半失效，position: sticky 滑动失效解决问题解

sticky滑动失效 sticky失效 sticky

H5 原生Form表单校验使用

默认情况下form表单会带有校验功能，例如下面代码：<form id="formId"> <input type="text" name = "name" re

form校验 form form提交校验 form校验结果

TUI.Editor Markdown 代码高亮插件使用

引入插件必要文件基于上一篇《TUI.Editor Markdown 编辑器基于 JavaScript 使用-XQLEE'Blog》改编<link rel="st

tui.editor tui@editor markdown

TUI.Editor Markdown 编辑器基于 JavaScript 使用

tui.editor编辑器部分引入必要文件<link rel="stylesheet" href="your/path/to/tui@editor/toastu

tui.editor tui@editor tui markdown

jQuery 动效 animate()

定义和用法animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创

jQuery animate jQuery animate

网页项目集成扫码枪设备实现一/二维码扫码识别

网页项目集成扫码枪设备实现一/二维码扫码识别,可以吧扫码枪当成是和键盘一样的输入设备理解,然后进行下面的学习路径

扫码枪网页接入扫码枪扫码

JS/JavaScript中阻止冒泡/多层级传递事件

冒泡事件定义比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡。当我们点击按钮后，因为按钮也属于.box元素，所以

js JavaScript 冒泡事件

CSS 3 Flex 布局教程：实战篇

上一篇文章介绍了Flex布局的语法，今天介绍常见布局的Flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅

flex flex布局弹性布局

如何写自己的jQuery插件？

尽管现在前端技术发展飞速发展，各种技术迭代很快，但jQuery还是在一些企业站或者简单网页尝尝用到，本文记录一下学写jQuery插件的内容，愿新手共勉，共同进步

jQuery jQuery插件 jQuery自定义插件

pnpm 安装

先安装nodejs然后全局安装pnpm工具npm install -g pnpm

npm pnpm pnpm安装

Ckeditor 5 Media组件无法插入B站视频解决

默认支持的媒体网站支持预览'dailymotion','spotify','youtube','vimeo'.不支持预览'instagram','twitter

ckeditor5 oembed mediaEmbed