![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
iChangebaobao
菜鸟的前端进击之路
展开
-
[HTML]微信H5自动播放音乐,视频解决方案
微信的视频和音乐的自动播放问题一直都很让人很头疼,结合自身项目,最终写了一个在安卓苹果测试都好用的方法。项目需求:H5中插播两段视频,要求能自动播放需要有背景音乐,能自动播放能控制音乐和视频的声音静音在微信中需要用到WeixinJSBridge这个接口,具体的可以百度了解一下,这个是微信游览器自带的接口API。<audio preload="preload" controls...原创 2020-02-20 20:36:32 · 2728 阅读 · 1 评论 -
[HTML]]网页favicon的使用
1.favicon含义所谓favicon,即Favorites Icon的缩写,顾名思义,便是其可以让浏览器的收藏夹中除显示相应的标题外,还以图标的方式区别不同的网站。2.favicon查看方法在网站的根目录下输入 网址/favicon.ico 即可查看该网站的favicon图标,3.favicon icon制作网上有很多在线工具来制作,推荐比特虫这个工具4.favicon使用方法&...原创 2020-02-11 20:34:25 · 3777 阅读 · 0 评论 -
[HTML]调用手机拍照,input type="file" capture设置
//第一个是只能拍照上传,不能从本地上传图片<input type="file" accept="image/*" capture="camera">//第二个是只能拍视频上传,不能从本地上传视频<input type="file" accept="video/*" capture="camcorder">//第三个是拍照和拍视频 都可以 但是不能从本地上传图...原创 2020-02-05 19:51:11 · 2388 阅读 · 0 评论 -
[HTML] HTML5中 meta 标签常见用法
1. 指定稳定内容类型和编码类型<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>2. 告诉ie浏览器以最高级模式渲染网页<meta http-equiv="x-ua-compatible" content="IE=edge">3. 移动端显示优化<meta name="...原创 2020-01-14 16:01:29 · 250 阅读 · 0 评论 -
[Vue]移动端安卓 ios显示软键盘搜索按钮,回车触发搜索事件
参考:Vue移动端安卓 ios ,input搜索, 软键盘回车触发搜索事件原始写法<input type="text" class="iconfont searchInput" v-model="keywords" placeholder="搜本店"><button class="SearchBtn" @click="search">搜索<...原创 2019-11-08 09:18:53 · 1380 阅读 · 0 评论 -
[CSS]Flex布局制作搜索框Demo
HTML<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...原创 2019-11-07 16:17:35 · 759 阅读 · 0 评论 -
[Vue]遍历JSON数据渲染多个下拉框selected,并赋初始值
JSON数据specInfo:[ { spec_id:1 spec_name:'长度', spec_V:[ { spec_value_id:10 spec_value:'120cm' }, { spec_value_id:11 spec_value:'100cm' } ] }, { spec_i...原创 2019-08-30 17:00:26 · 1951 阅读 · 0 评论 -
审核页面
HTML <div class="layui-form-item"> <label class="layui-form-label">审核状态</label> <!-- 如果是待审核状态 显示下拉框 --> <div class="layui-input-block"> <templ...原创 2019-08-15 15:12:13 · 1950 阅读 · 0 评论 -
Html模板
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2019-08-09 18:17:15 · 148 阅读 · 0 评论 -
[Vue]@keyup.enter不起作用
@keyup.enter=“submit” 和 @click=“submit” 不能绑在同一个地方,否则回车不起作用错误:<div class="layui-form-item" style="text-align: center"> <button style="width:100%" class="layui-btn" @click="submit" @ke...原创 2019-08-19 10:44:01 · 8605 阅读 · 0 评论 -
使用 HTML5 data 属性
一个 data 属性,本质就是:一个用于保存数据的自定义属性。它们总是以 data- 作为前缀,后面跟随着描述性的(只允许小写字母和连接字符-hyphens)。一个元素可以有任意数量的 data 属性。<li data-id="1234" data-email="123456789@qq.com" data-age="22">Calvin</li>使用 data...原创 2019-05-06 09:27:59 · 454 阅读 · 0 评论