- 博客(27)
- 收藏
- 关注
RSS订阅转载 css3中不常见的兼容属性
（一）-webkit-tap-highlight-color 这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。想要禁用这个高亮，设置颜色的alpha值为0即可。示例：设置高亮色为5...
2018-07-25 17:09:44
218
转载 display:table-cell的妙用
一、大小不固定，多行文字的垂直居中<div class="zxx_align_box_2"><span class="zxx_align_word">这里显示多行文字。</span></div> .zxx_align_box_2{display:table-cell; width:550px; height:1.14em; padding...
2018-07-25 16:57:51
217
转载 php 基础总结归纳
防止恶意调用代码：在调用的页面使用：define('IN_TG", true); //定义一个常量，用来授权调用inclued,require里面的文件 在被调用的页面使用： if (!defined('IN_TG")) { exit('Access Denied'); }转换硬路径常量：define('ROOT_PATH', subs...
2018-05-21 13:38:25
212
转载 h5页面软键盘遮挡弹窗中的输入框
.floatbox{position:fixed; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.5);}.floatbox>div{position:absolute; top:50%; left:15px; right:15px; transform:translate(0,-50%); -webkit-transfor
2017-11-07 11:21:02
1198
转载 css3渐变色输入框
.aaa { width:400px; height:50px; font-size:24px; font-family:'楷体'; box-sizing:border-box; border:3px solid transparent; background-clip:padding-box,border-box;
2017-10-11 15:16:31
544
转载 echarts中柱状图数字加千位符
formatter:function(a,b,c){ var result = [ ], counter = 0; var num_array = a.data.split('.'); var num = num_array[0]; var newstr = ''; for (var i = num.length - 1; i >= 0; i--) {
2017-08-25 14:04:12
5467
原创 图片右侧反复滑进
右侧手势图片反复进入，图片用固定定位来做： // 页面进去以后触发事件 function gesture() { $('.gesture').show().animate({ right: 0 }, 'normal', 'linear', function() { $('.gesture
2017-07-28 11:16:54
246
原创 react native 封装组件以复用
_onPressHandler({ click = {} } = {}) { click(); } render() { const {text, click} = this.props; return ( onPress={() => this._onPressHandler({
2017-07-18 17:02:59
574
转载 欢迎使用优快云-markdown编辑器
类选择器的实现，封装了一个getElementsByClass()方法，该方法的效果是：获取所有DOM节点，它们的class属性为选定值，并返回到一个数组中。该方法传递一个参数，即需要选择的class值。function getElementsByClass(classnames){ var classobj = newArray(); var classint =
2017-06-16 11:17:42
219
转载 javascript，jQuery自执行函数(匿名函数）为什么要把windows, jQuery, undefined作为参数传进去
为什么要传入 window ？1. 可以提高程序效率 为什么能提高效率，得从javascript的机制说起，所谓的scope chain作用域链，在当前作用域中如果没有该属性（局部变量）则向上一层作用域中寻找，一直到最上层，也就是window，查找速度慢。也就是说全局变量和下级作用域都是window的一个属性，向下依此类推。通过传入window变量，使得window 由全局
2017-05-25 17:33:00
4480
转载 获取短信验证码的js倒计时
$(function() { var phone_num = /^1\d{10}$/; var flag = 1; //短信发送时标志位 $(".getcode").click(function() { if($("#phone").val() == "") { alert("请输入电话号码！")
2017-05-22 15:40:17
565
转载 提高jquery 性能方法整理
1. 总是从ID选择器开始继承在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。如果采用下面的选择器，那么效率是低效的。var traffic_button = $(“#content .button”);因为button已经有ID了，我们可以直接使用ID选择器。如下所示： var traffic_bu
2017-05-17 14:40:38
687
转载 jquery表单验证
用 jQuery 实现表单验证（摘抄）——选自《锋利的jQuery》（第2版）第5章的例题 5.1.5 表单验证 表单作为 HTML 最重要的一个组成部分，几乎在每个网页上都有体现，例如用户提交信息、用户反馈信息和用户查询信息等，因此它是网站管理者与浏览者之间沟通的桥梁。在表单中，表单验证的作用也是非常重要的，它能使表单更加灵活、美观和丰富。 以一个简单的用
2017-05-17 09:58:32
625
原创 jquery封装（-）
页面弹窗的写法： .pop-bg{width: 100%; height:100%; overflow-y:scroll; position:fixed; top:0; left:0; background:rgba(66,66,66,.5);}.pop{width: 660px;position:relative;background:#fff
2017-05-16 15:47:00
812
转载 使用bind方法绑定事件
通过bind()方法绑定 第一种：$(function(){ $("#input").bind("click",function(){ $(this).attr("disabled","disabled"); //按钮不可用});});第二种：$(function(){ $
2017-03-21 17:06:27
1430
转载 阻止事件冒泡
事件冒泡指事件在初始DOM上触发，通过DOM树往上在每一级父元素上触发。阻止事件向上冒泡，一般用return false;但是return false 的实际作用为： event.preventDefault(); event.stopPropagation(); 停止回调函数执行并立即返回。如果$("div a").click(function(){ re
2017-03-21 14:08:55
489
原创 选项卡使用
第一种方法： show_content_class="below-friends">邀请好友 show_content_class="my-prize">我的奖励
2017-03-16 17:34:44
379
转载 解决jquery 与其它库的冲突
两种情况具体分析：1. jquery库在其它库之前导入：（推荐使用）scriptsrc="../../scripts/jquery.js"type="text/javascript">script>!-- 引入 prototype -->scriptsrc="lib/prototype.js"type="text/javascript">scri
2017-03-15 11:36:39
496
转载 ie9杂项兼容
在html文档最上面加上（不论是php文档还是html文档）（html文档去掉解决方法来源：http://blog.youkuaiyun.com/dong123dddd/article/details/51088267
2017-03-10 16:36:27
470
转载 倒计时 插件
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">head>body>div class="time">span id="t_d">14144天span>span id="t_h">12时span>span id="t_m">32分span>span i
2017-03-08 11:27:46
674
转载 公告滚动代码
style type="text/css"> * {margin: 0;padding: 0} li{list-style: none} .content { width: 300px;height: 30px;overflow: hidden;margin: 10px;border: 1px solid #ccc; } .c
2017-03-06 14:30:37
529
转载 前端开发 Atom 编辑器插件安装和配置
1.启动速度启动速度是大家唯一吐槽 Atom 的地方吧。不过到现在的1.6.0版本的时候，我觉得已经比刚发布的时候好多了。原生提供了命令来测试自己的启动消耗时间：使用方式如下：cmd+shift+p打开命令面板，然后输入 timecope：view命令就会出现下面的结果,可以查看启动时间和安装插件的加载时间:2.插件列表和使用方法：使用 ap
2017-02-24 11:44:51
904
转载 去除display:inline-block元素间的间距
display:inline-block后元素间的间距出现原因：换行或回车所致。解决方法：方法一：去除html中的空格 或 标签。 惆怅 淡定 热血或者是： 惆怅</a >淡定</a >热血或者是：我是一个span我是一个span我是一个sp
2017-02-21 17:53:13
524
转载 子元素scroll父元素容器不跟随滚动(JS实现),子元素内滚动条没有（css实现）
子元素scroll父元素容器不跟随滚动先上代码：if (direction == 'up' && scrollTop == 0) { event.preventDefault()}不顶用之（谷歌和火狐中，子元素滚动到边界的时候，父元素不滚动了；但是。。。到IE时，“滚动高度直接跳过了0，直接把父元素给滚了”-----来自张鑫旭博客）。所以，张鑫旭大神的
2017-02-21 15:39:45
5728
转载 IE 浏览器兼容
注意：要以页面无css hack 为目标，并提高css技能.ie6_7_8{ color:blue; /*所有浏览器*/ color:red\9; /*IE8以及以下版本浏览器*/ *color:green; /*IE7及其以下版本浏览器*/ _color:purple; /*IE6浏览器*/}说明：在标准模式中“-″减
2017-02-17 11:01:11
474
转载 rem使用的js代码
(function(doc, win) { var docEl = doc.documentElement, isIOS = navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), dpr = isIOS ? Math.min(win.devicePixelRatio, 3) :
2017-02-17 10:58:10
2681
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人