原小豹-CSDN博客

原创 CSS 各种水平垂直居中

最近遇到好多垂直居中的问题，特地来这里总结一下，同时也方便大家查阅，废话不多说，走起~实现这种效果1.方法一，margin auto .wrap{ border: 2px solid red; position: relative;

2016-03-17 14:45:33 332

原创并列div 等高（任何一个变高，其余随之变高）

直接上html .wrap{ border: 2px solid red; width: 300px; display: table; } .wrap .child{

2016-03-17 11:50:03 647

原创兼容IE的动态加载js文件的方法

封装一个方法，动态的加载js文件function loadScript(url,callback){ var script = document.createElement('script'); script.type = 'text/javascript'; if(script.readyState){ // IE script.onreadystatechange = fun

2016-03-10 14:58:45 1249

原创 javascript 区别数组和对象

Javascript 本身对于对象和数组的区分是很混乱的,所有有时候数据类型判断真是伤透了脑筋。就简单总结几点吧，1.type of()type of 是一个一元运算，他可以解决大部分数据类型判断，不过有些就有点坑爹了，比如 :var a = [1,2,3];type of(a) // 返回 ‘object’ ....2.instanceof这个貌似还不错比如：

2016-02-18 16:18:00 531

转载 H5页面app应用程序跳转探索

很多做 web 开发的一定遇到过这种需求：点一个链接或按钮时，如果装了应用，就用该应用打开；没装的时候，iOS 跳 App Store 下载，Android 直接下载 apk 包。在做读读日报的时候，就被这玩意花费了好长时间；然而 iOS 9 发布后，方案又失效了，于是又折腾了我几个小时。首先做个科普，浏览器是无法知道应用有没有安装的。应用可以设置一个（或多个）自己能打开自定义 U

2016-02-14 12:05:53 9697 1

转载 Flex布局兼容性写法

flex布局flex布局目前可使用在移动中，并非所有的语法都全兼容，但以下写法效果良好~/* ============================================================ flex：定义布局为盒模型 flex-v：盒模型垂直布局 flex-1：子元素占据剩余的空间 flex-align-center：子元素垂直

2016-02-03 17:12:00 13478

转载你需要知道的三个 CSS 技巧

各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备，以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁，更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CSS 功能。在CSS中用attr()显示HTML属性值attr()功能早在CSS 2.1标准中就已经出现，但

2016-02-03 13:55:41 258

转载盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy.Absolute-Center { margin: auto;

2016-02-03 11:44:06 262

转载 css 中 height：100% 和 height：inherit 异同

height:100%和height:inherit的异同1. 兼容性差异height:100% IE6+ √height:inherit IE8+ √2. 大多数情况作用是一样的除去兼容性，大多数情况下，两者作用是一样的，甚至都很难想出不一样的理由。① 父容器height: auto，无论height:100%或者height:inherit表现都

2016-01-25 11:57:45 622

转载 DOM事件详解（二）

Event 对象Event对象在event第一次触发的时候被创建出来，并且一直伴随着事件在DOM结构中流转的整个生命周期。event对象会被作为第一个参数传递给事件监听的回调函数。我们可以通过这个event对象来获取到大量当前事件相关的信息：* type (String) — 事件的名称* target (node) — 事件起源的DOM节点* currentTarget?(n

2016-01-21 16:40:13 481

转载 DOM 事件详解(一)

声明：转自：http://segmentfault.com/a/1190000000352393监听事件在过去，主流浏览器之间对于如何给DOM节点添加事件监听有着很大的不一致性。jQuery这样的前端库为我们封装和抽象了这些差异行为，为事件处理带来了极大的便利。如今，我们正一步步走向一个标准化的浏览器时代，我们可以更加安全地使用官方规范的接口。为了简单起见，这篇文章将主要介

2016-01-21 16:33:38 222

原创既然没了，那就重新开始

之前的博客账号被我忘记了，对，被我忘记了！文章分享都没了。大抵是工作繁忙好久不用了。姑且算个理由吧...... 既然没有了，那就从现在开始，点滴积累，为时不晚！

2016-01-12 11:59:04 251

转载 [Phonegap+Sencha Touch] 移动开发1、准备工作

下面以Phonegap+Sencha Touch开发安卓为例：首先需要一台windows电脑、一个webkit内核的浏览器，推荐Google Chrome一、Java环境和Android SDK1、安装JDK和JREJRE会在JDK安装完成后自动出现安装界面。安装完成后，设置环境变量JAVA_HOME D:\

2014-04-29 10:59:56 384