摘要：<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit
阅读全文
posted @ 2025-04-15 10:20
随笔分类 - Html 元素
摘要：<div class="css-krocx8 e10rboum0"><span class="css-1mzq4wf e10rboum1">了解更多</span><svg width="18" height="12" viewBox="0 0 18 12" align="Left" animatio
阅读全文
posted @ 2025-03-25 09:23
摘要：uniapp内容： <view class="loader-wrapper loaddata" v-if="isShowLoading"> <view class="loader loaddata"> <image style="width: 64px;height: 64px;" class="l
阅读全文
posted @ 2025-03-18 14:46
摘要：如题，vue3下打开弹窗时，没法修改v-model绑定的值 uni-popup-dialog的源码中 input的值是在组件触发created时赋值的 也就导致了input只会赋值一次 后面无法通过动态修改 你看下uni-popup-dialog源码就明白了 可以动态控制uni-popup-dial
阅读全文
posted @ 2025-03-07 08:22
摘要：uni.$emit(eventName,OBJECT) 触发全局的自定义事件。附加参数都会传给监听器回调。 uni.$on(eventName,callback) 监听全局的自定义事件。事件可以由 uni.$emit 触发，回调函数会接收所有传入事件触发函数的额外参数。 uni.$once(even
阅读全文
posted @ 2025-03-06 08:49
摘要：<style lang="scss" scoped> @-webkit-keyframes img-loaddata { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } } @k
阅读全文
posted @ 2025-03-03 09:21
摘要：浏览器在加载和显示网页时，会根据不同的情况，决定是否重新从服务器获取网页内容或使用缓存中的内容。缓存是指浏览器在本地存储的一些网页资源，如图片、CSS、JS等，以便于下次访问时快速加载，提高用户体验和网站性能。 对于大多数浏览器而言，都包含有三种刷新方式，以下我们以Chrome浏览器为例： F5刷新
阅读全文
posted @ 2025-01-14 14:59
摘要：概要 我们做一个纯前端自动提示用户刷新页面的功能，这个功能主要是防止用户的js代码还是旧版的导致某些功能没能及时更新。 整体架构流程 1、我们先在 public/version.json 创建这个json文件，用来存储版本号 { "version": "1.0" } 2、我们可以在 vite.con
阅读全文
posted @ 2025-01-14 09:24
摘要：<style> #spreadBtn { position: fixed; display: none; transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit
阅读全文
posted @ 2024-10-15 15:31
摘要：解决webview缓存问题 前言项目是通过web-view内嵌在小程序里的vue单页应用.然而前几天发现明明发布了代码，在小程序入口进去看到的还是旧页面，尝试了各种操作：手动退出小程序，再次进入；删除 发现-小程序，重新进入；关闭微信，杀掉进程，重新进入修改 Nginx 关于 Cache-Contr
阅读全文
posted @ 2024-08-18 16:11
摘要：如果不想去获取index你只想关闭,那么可以使用closeAll。如果不指向层类型的话，它会销毁掉当前页所有的layer层。当然，如果只想关闭某个类型的层，那么可以:layer.closeAll();//疯狂模式，关闭所有层layer.closeAll('dialog'); //关闭信息框layer
阅读全文
posted @ 2023-07-27 16:10
摘要：代码一 <!-- * @Descripttion: * @version: * @Author: yang_ft * @Date: 2020-09-29 13:59:26 * @github: famensaodiseng * @LastEditTime: 2020-10-10 17:13:17 -
阅读全文
posted @ 2023-07-11 08:53
摘要：一、简介 浏览器全屏有两种方式，一种是HTML5新增的requestFullscreen全屏，另一种是摁F11实现的全屏，本文将详解两种全屏的特点以及其实现。 二、requestFullscreen全屏 1、判断是否支持全屏 通过判断元素的requestFullscreen函数是否存在与docume
阅读全文
posted @ 2023-07-06 15:57
摘要：在现有大多数阅读性文章、博客等内容，不单有图文结合的形式让内容更加饱满更有关联链接来充实文章的真实、准确性。那么当这些连接进行跳转离开网站时，我们要如何确认即将前往网站的安全性呢？ 跳转效果演示——点击进入码云官网 本文就该问题，使用js代码全局监听a标签跳转前进行跳转拦截。提取跳转连接，统一跳转到
阅读全文
posted @ 2023-04-06 17:21
摘要：本文仅简单叙述一下，调用的方式。 请看代码：<input type="file" accept="image/*" capture="camera"> 下面是开发时遇到的问题和疑问： 如何调用前置摄像头？ 如何只能选择video视频？ 如何只能选择图片？ 如何允许进行选择一张图？ 如何允许进行多图选
阅读全文
posted @ 2022-12-11 18:37
摘要：项目开发中，偶尔会遇到网页中调用手机摄像头，通过相册选择或直接实时拍照的方式，完成图片上传的功能型需求。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-
阅读全文
posted @ 2022-12-11 18:31
摘要：<html class="garyBody" lang="zh-CN"> <head> <title>腾讯网</title> <meta charset="gb2312" /> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta
阅读全文
posted @ 2022-12-01 08:59
摘要：百度地图这个应用上，有个点击了某个地点后，会在底部弹出一个滑动面板，这个面板可以滑动，然后我就是使用了js代码，制作了一个功能一样的、h5页面上的滑动面板。 首先html定义一个div作为滑动面板。 这个div之所以能够滑动，其实就是改变了他的top属性和height属性，当top减少1px，hei
阅读全文
posted @ 2022-08-31 10:02
摘要：禁止浏览器自动填充如何禁止浏览器自动填充autocomplete 属性规定输入字段是否应该启用自动完成功能方法一：设置autocomplete=“new-password”没错，autocomplete是可以控制浏览器自动完成功能，但文档里说autocomplete=“off”可以禁止浏览器自动填充
阅读全文
posted @ 2022-08-19 09:23
摘要：//下载时加载的操作 load = function() { down_windows = layer.msg("数据正在下载中", { icon: 16, shade: 0.3, time: -1 }); } //下载完成后触发，用来关闭提示框 disload = function() { lay
阅读全文
posted @ 2022-05-24 18:26
