知识点总结 - 随笔分类(第4页) - 婧星

摘要：一般情况下<video loop="loop" style="width: 100%;height:300px;" controls="controls"> <source src="http://www.html5videoplayer.net/videos/madagascar3.mp4" ty 阅读全文

posted @ 2018-12-06 16:20 婧星阅读(13509) 评论(0) 推荐(1)

html5页面拨打电话实现的方法

摘要：拨打电话:<p>咨询电话  <a href="tel:17337956096">拨号： 17337956096</a></p> 发送短信：<a href="sms:17337956096">发送短信</a> 阅读全文

posted @ 2018-11-26 08:49 婧星阅读(3394) 评论(0) 推荐(0)

jquery移除事件，绑定事件，触发事件

摘要：$('.gcddfadf-btn-pay').unbind('click');//移除绑定事件 $('.gcddfadf-btn-pay').bind('click',function(){});//绑定事件$('.gcddfadf-btn-pay').trigger('click');//触发事件阅读全文

posted @ 2018-11-10 16:04 婧星阅读(3286) 评论(0) 推荐(0)

js计算本地时间

摘要：获取时间戳：方法一方法二： //时间戳function timediff($begin_time, $end_time) {var now = new Date().getTime()if ($begin_time < $end_time) {$starttime = $begin_time;$ 阅读全文

posted @ 2018-11-10 13:15 婧星阅读(302) 评论(0) 推荐(0)

去除input默认带的上下按钮与修改placeholder的默认颜色、背景、placeholder内容的大小

摘要：有时候需要用input元素中type属性值为number时，会出现默认的上下按钮，去掉input默认的上下按钮：兼容性写法如下 input[type='number']::-webkit-outer-spin-button, input[type='number']::-webkit-inner- 阅读全文

posted @ 2018-11-06 23:12 婧星阅读(535) 评论(0) 推荐(0)

meta中minimal-ui属性

摘要：<meta id="viewport" name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 minimal-ui" 阅读全文

posted @ 2018-10-31 20:57 婧星阅读(4887) 评论(0) 推荐(0)

px与rem的换算

摘要：在线转化工具： http://www.ofmonkey.com/front/rem rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。如果，浏览器默认的字号16px，来看一些px单位与rem之间的转换关系：为了计阅读全文

posted @ 2018-10-31 11:10 婧星阅读(15679) 评论(0) 推荐(0)

cookie的应用

摘要：cookie的基础：同一网站，其域名一样 cookie的特点：同一个网站共享一套cookie；数量大小有限制；有过期时间； js使用cookie： document.cookie cookie的封装 cookie的demo案例：阅读全文

posted @ 2018-10-28 16:23 婧星阅读(353) 评论(0) 推荐(0)

页面加载速度缓慢时，如何优化？

摘要：提高页面加载速度，优化方法： 1、使用免费 cdn 加载第三方资源 2、合并压缩js,css,减少请求次数以及减少流量的消耗 3、代码优化： HTML头部的JavaScript和写在HTML标签中的Style会阻塞页面的渲染，因此CSS放在页面头部并使用Link方式引入，JavaScript的引入放阅读全文

posted @ 2018-10-26 17:18 婧星阅读(10838) 评论(0) 推荐(0)

条件注释判断浏览器

摘要：条件注释判断浏览器，放在head头文件中，比如，用于IE9以及IE9以下版本常用条件注释判断浏览器  除IE外都可识别 <!--[if IE 6]> 仅IE6可识阅读全文

posted @ 2018-10-20 19:45 婧星阅读(232) 评论(0) 推荐(0)

复（单）选框与文字对齐问题

摘要：一般情况下，文字大小为14px;则在浏览器中对齐良好；若文字大小为12px;则出现文字与复选框或者单选框不对齐现象：不在同一条线上解决办法： 1）、在单选框或者复选框上设置：vertical-align: text-bottom;margin-bottom: 2px;*margin-bott 阅读全文

posted @ 2018-10-16 15:55 婧星阅读(378) 评论(0) 推荐(0)

sweetalert的使用

摘要：1.swal()方法中的参数： 2.引入css与js，通过cdn加速服务 <link href="https://cdnjs.cloudflare.com/ajax/libs/sweetalert/1.1.3/sweetalert.min.css" rel="stylesheet"> <script 阅读全文

posted @ 2018-10-15 16:52 婧星阅读(7649) 评论(0) 推荐(0)

h5本地缓存（localStorage，sessionStorage）

摘要：H5本地存储数据 localStorage，sessionStorage的区别: 相同点：缓存数据比cookie的范围大; localStorage:关闭浏览器数据不会消失，除非手动删除数据 sessionStroage：数据暂时缓存在客户端，关闭浏览器数据丢失下面是localStorage，s 阅读全文

posted @ 2018-10-12 10:00 婧星阅读(5269) 评论(0) 推荐(0)

css3实现背景色渐变linear-gradient()

摘要：用线性渐变创建图像。如果想创建以对角线方式渐变的图像，可以使用 to top left 这样的多关键字方式来实现。示例代码： linear-gradient(#fff, #333); linear-gradient(to bottom, #fff, #333); linear-gradient( 阅读全文

posted @ 2018-10-11 21:40 婧星阅读(29662) 评论(0) 推荐(1)

随笔分类 - 知识点总结

input标签实现小数点后两位保留小数

img标签与span一起使用不在同一条线上

页面中动态改变浏览器标题

css清浮动与动态计算元素宽度

js与es6中获取时间戳

JavaScript中实现小数点后保留2位

video设置视频的宽高