HTML - 随笔分类 - 完美前端

各类app 常用 URL Schemes 收集

摘要：浏览器唤醒app https://blog.51cto.com/deng/5787563 常用 URL Schemes 收集这里收藏了很多 https://gist.github.com/zhuziyi1989/3f96a73c45a87778b560e44cb551ebd2https://git 阅读全文

posted @ 2024-05-12 16:50 完美前端阅读(1700) 评论(0) 推荐(0)

vue2 拖拽组件

摘要：完整的代码, 可以复制引用 Vue 右上角拖拽的客服图标组件 <template>  <a :href="$store.state.user.info.kefulink" class="server" ref="drawable" :style="{right: rig 阅读全文

posted @ 2022-06-04 19:57 完美前端阅读(1642) 评论(0) 推荐(0)

vue 国家地区组件，带国家图标，带搜索

摘要：完整的代码, 可以复制引用 <template>  <view>  <view class="popup-bg" @click="getCountrieCode"></view>  <vi 阅读全文

posted @ 2022-05-22 18:55 完美前端阅读(747) 评论(0) 推荐(0)

html 分享链接到facebook telegram twitter whatsapp

摘要：在网页中分享一个网页到facebook。在线测试-分享网页到facebook 设置meta <meta property="twitter:url" content="https://yooul.com/share/share.php?post_uuid=9463af08-660d-11ea-99 阅读全文

posted @ 2022-05-11 21:35 完美前端阅读(2783) 评论(0) 推荐(0)

html播放youtube

摘要：嵌入YouTube视频 iframe代码 <iframe width="100%" style="min-height: 260px;position: absolute;top: 0;bottom: 0;margin: auto 0;" src="https://www.youtube.com/e 阅读全文

posted @ 2022-05-07 02:59 完美前端阅读(228) 评论(0) 推荐(0)

html 和 vue 使用播放器 TcPlayer

摘要：#### TcPlayer视频播放器引入TcPlayer库 <script src="./js/TcPlayer-2.4.5.js" charset="utf-8"></script> HTML结构 <section v-if="videoShow" style="position: fixed; 阅读全文

posted @ 2022-05-07 02:56 完美前端阅读(2183) 评论(0) 推荐(0)

HTML 缩写 <abbr> 和 <acronym> 移入显示

摘要：<acronym title="World Wide Web">WWW</acronym><abbr title="World Health Organization">WHO</abbr> <div title="123232323">WHO2</div> 阅读全文

posted @ 2022-04-16 01:18 完美前端阅读(33) 评论(0) 推荐(0)

html中使用引入vue公共组件

摘要：问题描述在一个使用传统 `.html` 文件搭建的vue项目中，Vue 只被用作数据渲染工具。每个页面都有相同的 header 和 footer，导致有大量重复代码。现在的目标是将 header 和 footer 提取出来，使代码更加整洁。解决办法 1. 将公共部分（如 header 和 fo 阅读全文

posted @ 2022-04-03 19:27 完美前端阅读(1506) 评论(0) 推荐(0)

html中使用vue 和 vue模块

摘要：#### 在Vue中使用http-vue-loader加载组件要使用vue组件的话，需要引入http-vue-loader.js 要在服务器的环境下打开开发时本地服务器或 idea打开 HTML结构 <!DOCTYPE html> <html lang="en"> <head> <meta c 阅读全文

posted @ 2022-03-10 20:25 完美前端阅读(1404) 评论(0) 推荐(0)

css html 移动端适配 font-size: 13.33vw rem + vw

摘要：#### 使用 `vw` 实现响应式布局方法一：使用CSS计算功能这种方法是通过CSS中的`calc()`函数来计算`font-size`的值。 /* 根据750宽度的设计稿计算font-size，即1rem = 100px; */ html { font-size: calc(100vw / 阅读全文

posted @ 2021-10-27 21:26 完美前端阅读(1121) 评论(0) 推荐(0)

html css input自定义

摘要：完整的代码, 可以复制引用<!DOCTYPE html><html><head>  <meta charset="utf-8">  <meta http-equiv="X-UA-Compa 阅读全文

posted @ 2021-10-27 15:59 完美前端阅读(334) 评论(0) 推荐(0)

css htm5 canvas时钟

摘要：完整的代码, 可以复制引用 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="ht 阅读全文

posted @ 2021-10-26 23:03 完美前端阅读(57) 评论(0) 推荐(0)

html img图片设置默认图片

摘要：#### 图片懒加载样式设置 CSS样式 img { position: relative; z-index: 2; } .lazyload-default{ z-index: 1; } HTML结构 <img class="lazy lazyload lazyload-default" src=" 阅读全文

posted @ 2021-08-29 17:49 完美前端阅读(1054) 评论(0) 推荐(0)

html meta标签

摘要：#### HTML元信息和链接字符集设置 <meta charset="UTF-8"> 此标签指定文档使用的字符编码为UTF-8。兼容性设置 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> 此标签指示IE浏览器使用其阅读全文

posted @ 2021-05-27 15:10 完美前端阅读(74) 评论(0) 推荐(0)

Content-type 所有类型的参数

摘要：{ '.323': 'text/h323', // H.323 网络电话 '.3gp': 'video/3gpp', // 3GPP 视频文件 '.aab': 'application/x-authoware-bin', // Authoware 二进制文件 '.aam': 'application 阅读全文

posted @ 2020-05-01 07:52 完美前端阅读(3190) 评论(0) 推荐(0)

完美前端

随笔分类 - HTML