小常识
文章平均质量分 54
一天一天积累
这个作者很懒,什么都没留下…
展开
-
ios下点击不起作用
给这个元素增加一个属性cursor: pointer;原创 2020-05-19 17:36:10 · 161 阅读 · 0 评论 -
h5判断用户是否安装某个app,来调起app活下载app
h5在浏览器中无法判断出用户是否安装某个app,只是如果用户安装了这个APP调起app的时候,会使页面失去焦点在微信里无法调起app,所以在微信里添加一个提示让用户在浏览器里打开。$(".goBuy").click(function(){//判断微信打开给出提示弹窗,浏览器打开的话,已安装app打开app,没有安装跳转到下载地址checkOutApp();...原创 2020-03-12 18:03:45 · 5239 阅读 · 0 评论 -
计算距离当前时间相隔的天数,小时数,分数,秒数
使用时间戳计算距离当前时间相隔的天数,小时数,分数,秒数$end_day = (strtotime($value['end_time'])-time())/(60*60*24);计算距离当前时间的天数(strtotime($item['end_time'])-time())/3600)计算距离当前时间的小时数php$one = strtotime(原创 2016-07-29 14:56:00 · 3649 阅读 · 0 评论 -
终端判断
php判断微信打开$user_agent = $_SERVER['HTTP_USER_AGENT'];if (strpos($user_agent, 'MicroMessenger')!==false) { //如果不是微信打开,可以指定跳转的提示页面 $this->redirect('http://m.juzilicai.com/coupon/reward.html?_wxt原创 2016-08-22 11:19:52 · 403 阅读 · 0 评论 -
微信分享接口内容限制 分享图片自己能看见别人看不见
今日碰见奇葩问题,调用微信公众平台的分享接口,自己分享的只有自己能看见图片别人看不见,经过测试,发现红包和领取者两个词不能同时出现,红包中间加空格,标点符号都不行转载http://blog.csdn.net/hyz792901324/article/details/52168876转载 2017-01-13 16:28:59 · 2383 阅读 · 0 评论 -
预加载时的进度条
这个是真实的数据加载显示的进度条不是单纯的当一个gif的loading图片使用的是微信提供的资源预加载方法http://ad.weixin.qq.com/learn/2-3-3--%E9%80%9A%E7%94%A8%E5%BA%93结合实例首先引入原创 2016-07-28 16:49:18 · 2702 阅读 · 2 评论 -
视频播放控制
html部分:<video src="../video/video6.mp4" width="1920" height="1080" autoplay loop preload poster="" id="video"></video>js部分:var myvideo = document.getElementById("video"原创 2018-03-14 11:15:46 · 431 阅读 · 0 评论 -
快速将pc和移动端网站合并成响应式网站
一、使用媒体查询加载不同css文件<link rel="stylesheet" type="text/css" href="m/css/style.css" media="screen and (max-width:800px)"><!--小于800px时加载移动端样式--><link rel="stylesheet" type="原创 2018-06-12 11:22:09 · 3284 阅读 · 0 评论 -
下划线跟着走的导航效果
效果图:css部分:<style type="text/css"> .navCon{ min-width: 1200px; height: 43px; margin: 0 auto; position: relative; } .n...原创 2018-11-22 11:48:08 · 1382 阅读 · 0 评论 -
360浏览器如何设置默认极速模式
360浏览器有双核模式,当是极速模式时,使用的内核是webkit,当是兼容模式时,取决于用户安装的ie浏览器的版本。即当安装的是ie版本是ie8的时候,这个时候360浏览器使用的是ie8内核。使用meta标签 <meta name="renderer" content="webkit" /> 注意要加 />并且 />前要有个空格如果不行,加上h5规范<!DO...原创 2018-11-26 17:42:53 · 8511 阅读 · 0 评论 -
css 混合模式
css的混合模式类似ps里的正片叠底功能,混合模式可以是图片和背景色混合,也可以是图片和图片混合,设置方式有两种background-blend-mode 和mix-blend-mode;混合模式Multiply,screen,overlay,darken,lighten,color-dodge,color-burn,hard-light,soft-light,differ...原创 2019-03-12 16:08:55 · 1563 阅读 · 0 评论 -
监听url变化
js部分:<script>var lasturl=window.location.href;function isHashChanged(){ var cururl=window.location.href; if(lasturl ==cururl ){ return false; }return true;}function hashCh...原创 2019-04-26 17:21:39 · 2980 阅读 · 0 评论 -
ios系统input光标错位
如图:当浮层是固定定位fixed的时候,ios系统上,input输入框的光标会有错位现象,如上图目前找到的解决方法是将fixed改为absolute定位。原创 2019-06-18 17:08:52 · 2693 阅读 · 0 评论 -
事件流----事件冒泡 事件捕获
DOM事件流:同时支持两种事件模型:捕获型事件和冒泡型事件.1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body ->原创 2016-05-05 16:18:37 · 541 阅读 · 0 评论 -
移动端网页重构指南 – CSS篇
前言本文主要介绍移动重构CSS相关部分,包括编码、字体、touch相关、硬件加速、兼容问题等。基础篇编码1@charset "UTF-8";字体设置123body{ font-family:"Helvetica Neue",Helvetica,S转载 2016-04-20 15:03:59 · 774 阅读 · 0 评论 -
手机号码,移动端显示问题
页面中并没有加特别的样式,但是手机号的那一行样式会乱掉。找了好久没找到原因,chrome模拟出来的也没有问题,但是放到真正的手机上,却不行。 微信昵称:陈嵘 花粉等级:花木精灵 手机号:15821962788 可用花蜜:837 花蜜过期时间:2015.10.01最后才发现,手机会自动给手机号码加上标签原创 2015-08-30 18:27:41 · 1970 阅读 · 0 评论 -
页面中引入地图
http://api.map.baidu.com/lbsapi/creatmap/可以在页面中引入地图,效果原创 2014-10-24 16:20:22 · 566 阅读 · 0 评论 -
IE6下png图片透明问题
以前用到png图片的时候,总是担心,IE6下会出现的灰色背景,所以一直用gif格式的图片来替换png格式的图片,代码如下:.pngImg { background:url(image.png); _background:url(image.gif); } 在其他浏览器下调用的是图片image.png,IE6识别_,调用image.gif图片,这样做有些缺点,就是gif图原创 2014-10-29 10:28:53 · 478 阅读 · 0 评论 -
brackets 快捷键 有大用
转自ctrl+b 当选中一个文本时,会出现相同的文本,被高亮显示 按ctrl+b 相同的文本就全部获得了焦点 这样就可以同时更改这些相同的文本ctrl+e 打开或关闭快速编辑alt+u 注释ctrl+/ 注释ctrl+\ 注释ctrl+d 复制一行ctrl+shift+d 删除一行alt+u 注释ctrl+/ 注释ctrl+\ 注释ctrl+q转载 2014-11-17 14:42:10 · 12941 阅读 · 1 评论 -
手机网页制作的认识(有关meta标签)
近日以来一直在看JQuery Mobile 一个手机开发框架,说实话真的很头疼的~~~~ 因为里面有很多的属性、方法和事件~~~下面是手机网页的一些认识: 一、 网页手机wap2.0网页的head里加入下面这条元标签,在iPhone的浏览器中页面将以原始大小显示,并不允许缩放。 name="viewport" content="width=device-w转载 2014-12-15 14:38:51 · 638 阅读 · 0 评论 -
网页中常用的效果
一、网页中常常需要显示天气:http://i.tianqi.com/index.php?c=code&id=40&icon=1&num=3">>在http://www.tianqi.com/plugin/上可以私人订制不同的显示样式和显示的日期天气。自己感觉很好用。效果如下图:二、搜索输入框,开始的时候有默认的文字,想要鼠标点击之后,提示文字消失,鼠标离开焦点时,提示文字出现:原创 2015-02-11 15:23:48 · 972 阅读 · 0 评论 -
山顶角
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml"> Border body { background-color: #CCC; }原创 2015-02-26 13:09:49 · 1259 阅读 · 0 评论 -
IE6 position:fixed 固定定位问题
IE6下 position:fixed失效,解决方法如下:除了IE6的浏览器.top { width: 97px; height: 278px; background: #e0c157; position: fixed; z-index: 30000; /* 控制左右位置*/ right: 50px;原创 2015-02-25 15:09:56 · 808 阅读 · 0 评论 -
<!DOCTYPE>标签的定义与用法
的定义: 声明位于文档中的最前面的位置,处于标签之前。此标签可告知浏览器文档使用哪种HTML或XHTML规范。该标签可声明三种DTD类型,分别表示严格版本、过渡版本以及基于框架的HTML版本。(假如文档中的标记不遵循doctype声明所指定的DTD,这个文档除了不能通过代码校验之外,还有可能无法在浏览器中正确显示。)的用法:解析:在上面的声明中,原创 2015-03-06 16:21:29 · 2024 阅读 · 1 评论 -
安装sass失败,解决方法
转载http://www.w3cplus.com/sassguide/install.htmlruby安装因为sass依赖于ruby环境,所以装sass之前先确认装了ruby。先导官网下载个ruby在安装的时候,请勾选Add Ruby executables to your PATH这个选项,添加环境变量,不然以后使用编译软件的时候会提示找不到ruby环境转载 2015-04-14 15:29:43 · 3624 阅读 · 0 评论 -
IE下的cursor的url不兼容
鼠标的光标可以显示成图片(ico格式或者cur等),光标在线制作网址为:http://app.baidu.com/widget?appid=134026。html: css:#bottle{ background:url("../images/flower.jpg"); height:330px;原创 2015-04-30 17:20:53 · 3419 阅读 · 0 评论 -
<a>标签的取消跳转和恢复
一、取消的跳转,可以绑定click事件,在click里return false;(此时就算a有一个href跳转地址也没用了)$("#previewbtn").click(function(){return false});二、恢复的跳转,可以取消绑定的click,这时就可以跳转到指定链接了。 $("#previewbtn").unbind('click');原创 2015-05-11 14:10:25 · 3446 阅读 · 0 评论 -
h5页面被QQ浏览器重新排版
第一次碰到这个问题,网上的回答是http://bbs.csdn.net/topics/391005417解决方法是http://zhidao.baidu.com/link?url=yLmeIH7uXmZH5nMJ4hDHAbJdWfT1FXfDi0CxvPBs_YiJ9ryiC-8nin8Mywutyu-2DLrcDavCbvLZevyouxnZIV63CzSk1JLDAaweLRMovsS原创 2015-06-01 10:39:43 · 2319 阅读 · 0 评论 -
h5视频播放
html5提供的有视频播放功能,标签可以使用videodemo如下: 里面的controls表示出现控制按钮,不同的浏览器上,按钮样式会有差别。preload预加载。poster没有播放时候的封面图。有些视频播放不出来,因为视频格式不仅是要mp4的,视频编码方式必须是AVC效果如下:原创 2015-08-07 10:57:36 · 1064 阅读 · 0 评论 -
前端素材集锦
尊重版权:转自:http://blog.csdn.net/yixuan_1/article/details/19330909他山之石,可以攻玉,从别人的设计里汲取灵感,酷站集1.Awwwards--The awards for design, creativity and innovation on the internet2.CSS Winner--CSS A原创 2014-11-07 15:31:08 · 874 阅读 · 0 评论