前端htmlcss
文章平均质量分 60
小墨蛇
大道至简 一个一个来
展开
-
HTML、CSS和JavaScript编写的吹泡泡的网页代码和注释:
/body;;;box-shadow;animation;;height;opacity;50%width;height;opacity;100%width;height;opacity;原创 2023-10-17 21:30:38 · 325 阅读 · 0 评论 -
点击图片1.全屏阅览2.下载3.关闭 纯纯html css js
在上面的代码中,我们首先定义了一个全屏预览的样式,并在点击图片时调用openFullscreen函数。同时,我们还创建了关闭按钮和下载按钮,分别用于关闭全屏预览和下载图片。请注意,这只是一个简单的示例,实际的图片全屏预览功能可能需要更多的优化和处理,例如支持多张图片预览、滑动切换等。点击下载按钮时,调用downloadImage函数,创建一个隐藏的链接,并设置链接的下载属性,然后模拟点击链接实现图片下载。点击关闭按钮时,调用closeFullscreen函数,移除全屏预览容器,并启用滚动。原创 2023-07-29 21:41:25 · 757 阅读 · 0 评论 -
把上传的文件(图片)在本地查看
3.把文件给文件读取对象 生成url。2.创建一个文件读取对象。4.把url赋值给图片等。原创 2023-07-19 22:34:00 · 103 阅读 · 0 评论 -
02golang学习笔记-标识符
标识符的构造: 数字+字母+_但是不能按照数字开头 可以使字母或是_ 开头01aa0212sss都是问题的标识符正确的dasda_asd_123s_12_sas。原创 2023-07-13 14:49:15 · 405 阅读 · 0 评论 -
图片压缩 --可以压缩证件照的那种呦
然后,创建一个新的图片元素,并将读取到的文件内容作为其源。待图片加载完成后,创建一个新的canvas元素,并通过绘制原始图片到canvas上来实现压缩。最后,使用canvas.toBlob()方法将压缩后的图像转换为Blob对象,并利用创建的下载链接进行图片下载。这段代码创建了一个简单的网页,包含一个用于选择图片文件的输入框和一个用于触发压缩的按钮。// 设置canvas宽高,并将原始图片绘制到canvas上。// 获取用户选择的图片文件。// 创建一个新的图片元素。// 设置压缩后的图片宽高。原创 2023-06-20 21:37:19 · 392 阅读 · 0 评论 -
看了绝不后悔的文章--(最后附源码 cv即可看到效果)--给哔站的视频生成一个进度条 显示你看的视频时间和你剩余需要观看时间
某次看b站的时候看了好长时间的视频感觉要放弃 也不知道后面还有多少时长的视频等去看就想知道自己看了多少 还剩下多少于是我想搞一个玩意出来看了绝不后悔的文章--(最后附源码 cv即可看到效果)--给哔站的视频生成一个进度条 显示你看的视频时间和你剩余需要观看时间原创 2023-06-03 23:11:08 · 247 阅读 · 0 评论 -
前端适配方案 flexible,js
在./js/lib-flexible-2.0/index.min.js。如果设计稿 是1920 那么分成24分 每份就是80px。这个80后面的cssrem 插件会用得到。在项目中 的index.html。2.0 设置 分辨数据。会自动提示 rem转换。原创 2023-05-30 14:29:03 · 189 阅读 · 0 评论 -
前端小项目基础版本----时刻监听audio音频的声音高低 可视化显示+源码
/ 将 AnalyserNode 对象连接到 AudioContext 的 destination 上。前端小项目基础----时刻监听audio音频的声音高低 可视化显示。// 将 audio 元素连接到 AnalyserNode 上。根据 音频的某时刻高低 调整生成不同的柱状。// 设置 AnalyserNode 的参数。// 创建 AudioContext 对象。// 创建 AnalyserNode 对象。// 获取 audio 元素。// 循环获取声音数据并处理。// 开始获取声音数据。原创 2023-05-29 23:39:51 · 587 阅读 · 2 评论 -
前端小项目 名字生成器 +源码
直接复制粘贴完成效果原创 2023-05-24 22:45:40 · 453 阅读 · 0 评论 -
js 节点插入时候 新节点永远放在第一个位置
方法将新节点插入到父节点的第一个位置,即。,然后创建一个新的子节点。这段代码首先获取父节点。原创 2023-05-24 22:39:16 · 1397 阅读 · 0 评论 -
js中模板字符串的用法`${变量}`
JS模板字符串是一种特殊的字符串,它允许在字符串中嵌入表达式,并且可以跨越多行。模板字符串使用反引号(`)来定义。原创 2023-05-24 22:30:35 · 1921 阅读 · 1 评论 -
js获得元素的:after节点
JS无法直接获取元素的:after伪元素节点,因为它不是DOM节点。但是可以使用getComputedStyle方法获取元素的样式,进而获取:after伪元素的内容。原创 2023-05-24 22:25:55 · 1352 阅读 · 0 评论 -
一图抵千文:实现一个好看的文字遮罩的404页面
一图抵千文:实现一个好看的文字遮罩的404页面遮罩的实现关键background-clip:textcolor:transparent原创 2023-04-20 23:21:09 · 89 阅读 · 0 评论