ranyonsue

Google Material Design的图标字体使用教程

摘要：使用教程 1. 打开Material icons下载页 2. 选择要下载的图标（目前不能多选>_<） 3.选择要下载的格式即可图标字体使用教程【方法一】 STEP 1: 引入字体文件和样式文件，下面这个是直接引用google的字体托管文件，如果国内使用建议不要用托管的，会访问慢，把字体下载到自阅读全文

posted @ 2016-07-29 16:02 ranyonsue 阅读(2375) 评论(0) 推荐(0) 编辑

Mui沉浸模式以及状态栏颜色改变

摘要：沉浸模式只需要设置下就可以 ios: 打开应用的manifest.json文件，切换到代码视图，在plus -> distribute -> apple 下添加UIReserveStatusbarOffset节点并设置值为false。注意： 1. 真机运行不生效，需提交App云端打包后才生效； 2 阅读全文

posted @ 2016-07-28 10:13 ranyonsue 阅读(19426) 评论(0) 推荐(0) 编辑

移动端弹性效果

摘要：布局一：定义页面整体高度为100%，然后使用 position:absolute 布局可解决 <body> <div class="wrap"> <div class="header">header</div> <div class="main"> 弹性滚动区域 </div> <div class 阅读全文

posted @ 2016-07-07 16:27 ranyonsue 阅读(2002) 评论(0) 推荐(0) 编辑

JS中的“！！”

摘要： var o={flag:true}; var test=!!o.flag;//等效于var test=o.flag||false; alert(test); 由于对null与undefined用!操作符时都会产生true的结果，所以用两个感叹号的作用就在于，如果明确设置了o中flag的值（非 nul 阅读全文

posted @ 2016-06-15 15:59 ranyonsue 阅读(195) 评论(0) 推荐(0) 编辑

div根据内容改变大小并且左右居中

摘要： div{ display:inline-block; width:auto; } 这个div的父元素text-align:center; 阅读全文

posted @ 2016-06-12 17:22 ranyonsue 阅读(463) 评论(0) 推荐(0) 编辑

添加事件及Event对象的兼容写法

摘要：一、事件流事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流，而Netscape的事件流是事件捕获流 1、事件冒泡事件冒泡，即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收，然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获事件捕获的思想是不太具体的节点应该更阅读全文

posted @ 2016-05-27 17:33 ranyonsue 阅读(871) 评论(0) 推荐(0) 编辑

Flex布局教程及属性速查

摘要：一、Flex布局介绍伸缩盒模型（flexbox）是一个新的盒子模型，意为"弹性布局"，用来为盒状模型提供最大的灵活性，主要优化了UI布局。Flexbox的功能主要包手：简单使用一个元素居中（包括水平垂直居中），可以让扩大和收缩元素来填充容器的可利用空间，可以改变源码顺序独立布局，以及还有其他的一些阅读全文

posted @ 2016-05-27 11:22 ranyonsue 阅读(2280) 评论(0) 推荐(1) 编辑

JS客户端判断

摘要： <script language="javascript" type="text/javascript"> function browserDetection(){ var userAgent=window.navigator.userAgent.toLowerCase(); var browser 阅读全文

posted @ 2016-05-26 17:41 ranyonsue 阅读(465) 评论(0) 推荐(0) 编辑

常用Meta整理

摘要：标签提供关于HTML文档的元数据。元数据不会显示在页面上，但是对于机器是可读的。它可用于浏览器（如何显示内容或重新加载页面），搜索引擎（关键词），或其他web 服务。 ——W3School 必要属性可选属性通用： <meta charset="utf-8"> 设置页面编码为UTF8，防止乱码，需阅读全文

posted @ 2016-05-13 14:46 ranyonsue 阅读(254) 评论(0) 推荐(0) 编辑

flexslider.js和waypoints.js一起用时的巨坑

摘要： Flexslider has a callback API where you can execute functions after various actions:https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties 阅读全文

posted @ 2016-05-11 15:03 ranyonsue 阅读(295) 评论(0) 推荐(0) 编辑