Newbie_小白 - 博客园

2017年6月14日

摘要： Swiper demo Menu slide ... 阅读全文

posted @ 2017-06-14 14:49 Newbie_小白阅读(791) 评论(0) 推荐(0) 编辑

jQuery中return false,e.preventDefault(),e.stopPropagation()的区别

摘要： 1、e.stopPropagation()阻止事件冒泡 2、e.preventDefault()阻止事件默认行为。 3、return false等效于同时调用e.preventDefault()和e.stopPropagation() 阅读全文

posted @ 2017-06-14 14:20 Newbie_小白阅读(390) 评论(0) 推荐(0) 编辑

swiper

摘要： Swiper是一款开源、免费、强大的移动端触摸滑动插件。 http://www.swiper.com.cn/api/basic/2015/0327/263.html 一、名词解释二、基本结构三、初始化四、常用参数滑动参数我们来看看所有可用参数的列表：设置此参数将使Swiper无响应设置阅读全文

posted @ 2017-06-14 10:59 Newbie_小白阅读(1993) 评论(0) 推荐(0) 编辑

2017年6月13日

rem、em、px之间的转换

摘要： rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个参考值，这个参考值设置为多少，完全可以根据您自己的需求来定。我们知道，浏览器默认的字号16px，来看一些px单位与rem之间的转换关系：为了方便计算，时常将在<html>元素中设置font-size值为62.5%: 相当于阅读全文

posted @ 2017-06-13 09:23 Newbie_小白阅读(1000) 评论(0) 推荐(0) 编辑

sublime text 3将px换算为rem的插件的安装及使用

摘要：标签： rem这个单位对于移动端来说是比较强大的，所以这里给大家介绍sublime text 3将px换算为rem的插件的安装及使用，只要安装了这个插件，输入多少px，sublime就会提示相应的rem值，就不用自己去计算了！！ 1.首先在这个地址：https://github.com/hyb628 阅读全文

posted @ 2017-06-13 09:15 Newbie_小白阅读(5882) 评论(0) 推荐(0) 编辑

2017年6月12日

rem

摘要： iPhone6 下面 1rem=75px; $(function(){ var oHtml=document.getElementsByTagName("html")[0]; var iWidth=document.documentElement.clientWidth; iWidth=iWidth 阅读全文

posted @ 2017-06-12 16:58 Newbie_小白阅读(310) 评论(0) 推荐(0) 编辑

Swiper

摘要： Swiper常用于移动端网站的内容触摸滑动 Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！阅读全文

posted @ 2017-06-12 15:07 Newbie_小白阅读(256) 评论(0) 推荐(0) 编辑

box-pack

摘要： box-pack表示父容器里面子容器的水平对齐方式，可选参数如下所示： start | end | center | justify <article class="wrap"> <section class="sectionOne">01</section> <section class="sec 阅读全文

posted @ 2017-06-12 15:01 Newbie_小白阅读(293) 评论(0) 推荐(0) 编辑

display:flex和display:box布局浏览器兼容性分析

摘要： display:flex和display:box都可用于弹性布局，不同的是display:box是2009年的命名，已经过时，用的时候需要加上前缀；display:flex是2012年之后的命名。在实际的测试中display:flex不能完全的替代display:box。display:flex的阅读全文

posted @ 2017-06-12 14:49 Newbie_小白阅读(1705) 评论(0) 推荐(0) 编辑

Flex布局

摘要：一、Flex 布局是什么？ Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。行内元素也可以使用 Flex 布局。 Webkit 内核的浏览器，必须加上-webkit前缀。注意，设为 Flex 布局以后，阅读全文

posted @ 2017-06-12 14:32 Newbie_小白阅读(288) 评论(0) 推荐(0) 编辑