HTML
文章平均质量分 58
骆小胖
这个作者很懒,什么都没留下…
展开
-
vue使用v-if v-show页面闪烁,div闪现的解决
在页面层次结构,数据较多的时候,用v-if或者v-show就会出现div闪现,或者部分闪烁的结果。可以在根元素添加v-cloak来解决,并且设置它的样式即可。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 在引入的css文件中写入这个*/...原创 2021-06-28 17:26:20 · 2309 阅读 · 0 评论 -
H5中添加video视频
1,下面是一个播放视频的最简单样例(controls属性告诉浏览器要有基本播放控件)<video src="hangge.mp4" controls></video>2,通过width和height设置视频窗口大小<video src="hangge.mp4" controls width="400" height="300"></video>3,预加载媒体文件设置preload不同的属性值,可以告诉浏览器应该怎样加载一个媒..原创 2021-05-08 17:32:33 · 2704 阅读 · 0 评论 -
jQuery Easing 使用方法及其图解
从jQuery API 文档中可以知道,jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数:properties:一组包含作为动画属性和终值的样式属性和及其值的集合 duration(可选):动画执行时间,其值可以是三种预定速度之一的字符串("slow", "normal", or "f...原创 2019-04-11 11:05:27 · 463 阅读 · 0 评论 -
flexible.js 移动端自适应方案
一,flexible.js 的使用方式:github地址:https://github.com/amfe/lib-flexible官方文档地址:https://github.com/amfe/article/issues/17本文中有部分内容引至上面这个文档。(一),引用方式1,引用cdn地址<script src="http://g.tbcdn.cn/mtb/lib-...原创 2019-04-11 11:10:41 · 5752 阅读 · 0 评论 -
移动端页面a input去除点击效果 及 pc端切换
1 手机端页面a button input去除点击效果以及闪屏问题 添加:a,button,input { -webkit-tap-highlight-color: rgba(255, 0, 0, 0);}2 使用border创建小三角形span { height: 0px; width: 0px; border-t...原创 2019-04-09 14:11:01 · 540 阅读 · 0 评论 -
移动端html5网页a标签实现打电话、发短信
采用url链接的方式,实现在safari ios,android 浏览器,webos 浏览器,塞班浏览器,ie,operamini等主流浏览器,进行拨打电话功能。1.最常用WEB页面JS实现一键拨号的电话拨打功能:<a href="tel:13764567708">移动WEB页面JS一键拨打号码咨询功能</a>在拨号界面,显示号码,并提示拨打。支持大部分的浏览...原创 2019-04-09 14:18:29 · 923 阅读 · 0 评论 -
html前端使用高德地图入门教程,并在地图上标记位置
准备工作 注册Key 首先,注册开发者账号,成为高德开放平台开发者 登陆之后,在进入「应用管理」 页面「创建新应用」 为应用添加 Key,「服务平台」一项请选择「 Web 端 ( JSAPI ) 」 记住这个Key,等会要用,以后可能也会用,一定要记住。 页面上的准备新建一个DIV,作为地图的容器(这一步和使用其他插件一样,必...原创 2019-04-09 17:29:17 · 22689 阅读 · 5 评论 -
js清除浏览器缓存的几种方法
关于浏览器缓存浏览器缓存,有时候我们需要他,因为他可以提高网站性能和浏览器速度,提高网站性能。但是有时候我们又不得不清除缓存,因为缓存可能误事,出现一些错误的数据。像股票类网站实时更新等,这样的网站是不要缓存的,像有的网站很少更新,有缓存还是比较好的。今天主要介绍清除缓存的几种方法。清理网站缓存的几种方法meta方法//不缓存<META HTTP-EQUIV="pragma" ...原创 2019-04-22 14:03:59 · 11748 阅读 · 1 评论 -
web端 网页端分享功能的实现
思路web端 网页端分享功能的实现。我们看微信的分享开发者文档,可以知道使用微信JS-SDK可以实现网页在微信里的分享。微信JS-SDK说明文档也就是说 在微信浏览器中打开的网页 才能调用 该分享功能。但是我们是PC端打开的web,网页。怎么实现分享呢。因为微信现在已经屏蔽了来自外部的分享链接。所以我们的思路是 点击分享 按钮后 弹出一个 网页 或者 我们要分享的网页的 二...原创 2019-04-24 11:29:19 · 13414 阅读 · 0 评论 -
vue-cli的使用步骤
vue-cli 是 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目GitHub地址是:https://github.com/vuejs/vue-cli一、安装vue-cli:全局安装 vue-cli:npm install -g vue-cli但是这种安装方式比较慢,推荐使用国内镜像来安装,所以我们先设置 cnpm:npm install -...转载 2019-08-05 16:29:01 · 887 阅读 · 0 评论 -
仿响应式html:JavaScript判断设备处于PC端还是移动端
我们想要的效果是pc文件和mobile文件统一入口,适配不同的设备。先看看项目的目录:在index.html里面配置js控制选择那一个文件夹下的文件就可以了。我们要利用:Navigator 对象,Navigator 对象包含有关浏览器的信息。index.html很简单,直接上码吧:<!DOCTYPE html><html> <...原创 2019-03-27 10:48:44 · 617 阅读 · 0 评论 -
浅谈锚点跳转优先级
(1)name值 a 标签 name 属性值为 top(可变)<!-- 定义一个名称为top的锚点链接 --><a name="top"></a><!--主体代码--><!--返回页面顶部top锚点的链接--><a href="#top">返回顶部<原创 2019-03-02 15:08:06 · 596 阅读 · 0 评论 -
浅谈HTML空标签
原创 2019-01-16 14:07:46 · 245 阅读 · 0 评论 -
前端页面积累------网页加图标
;link>标签中href为图标相对位置,最好放在网站的根目录下添加icon,href后面加图片路径,相当于<img src="">标签中的src属性原创 2017-06-21 14:21:40 · 253 阅读 · 0 评论 -
前端积累------返回上级
原创 2017-06-25 15:37:59 · 128 阅读 · 0 评论 -
前端页面积累------form表单
原创 2017-06-26 17:11:17 · 167 阅读 · 0 评论 -
跳页面时控制元素显示隐藏
面后判断当前页面网址与导航栏里a标签的网址是否一致,以此来控制显示隐藏。 当前页面网址:window.location.pathnametmpl遍历导航栏网址:content.href可以用split分割符编辑后做判断原创 2017-08-08 17:48:19 · 158 阅读 · 0 评论 -
input相关
原创 2017-08-17 11:14:20 · 68 阅读 · 0 评论 -
点击文字label同时选中checkbox radio
选中$("#ID").attr("checked","checked");//不选中$("#ID").removeAttr("checked");//js中: var boxes = document.getElementsByName("test"); boxes[i].checked = true;这里提供一种便利的方法:<p&原创 2017-10-25 16:42:21 · 1459 阅读 · 0 评论 -
HTML5新标签
<datalist>HTML5 <output>HTML5 <progress><video>和<audio><dl><dt>和<dd>原创 2018-01-03 21:42:00 · 81 阅读 · 0 评论 -
浅谈HTML空标签
原创 2018-10-09 10:46:52 · 1668 阅读 · 0 评论 -
浅谈空标签对伪元素的支持
OM元素,伪元素都是在容器内进行渲染的。input无法容纳其他元素,因此它不支持伪元素。 规范:Authors specify the style and location ofgenerated content with the :before and :after pseudo-elements. As theirnames indicate, the :before and :after pseudo-elements specify thelocation of cont原创 2019-01-16 11:53:00 · 232 阅读 · 0 评论 -
页面积累
原创 2017-06-20 18:37:40 · 123 阅读 · 0 评论