2016 年 3月随笔档案 - jayruan

Scss sass

摘要：http://www.ruanyifeng.com/blog/2012/06/sass.htmlscss 声明:1,$blue : #1875e7;2,.class1 { border: 1px solid #ddd;}3,@mixin left ($value: 10px){ float: lef 阅读全文

posted @ 2016-03-27 03:26 jayruan 阅读(198) 评论(0) 推荐(0)

静态页面常用到

摘要：<!DOCTYPE html> <html manifest="/m.appcache">页面ICON image/x-icon|image/gif<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/ 阅读全文

posted @ 2016-03-26 08:50 jayruan 阅读(178) 评论(0) 推荐(0)

display:flex

摘要：元素在x方向走,元素y不一样[高度]。可以用对齐。align-items. align-self 自身调节元素在x方向走,元素在x方向距离.justify-content . 元素在x方向走,x方向所有元素向y走.align-content[以最高元素决定，最高元素撑到全屏。就不起作用],一行不起作阅读全文

posted @ 2016-03-24 10:05 jayruan 阅读(244) 评论(0) 推荐(0)

java jar

摘要：http://www.cnblogs.com/shirui/p/5270969.html 准备材料： 1.java文件： Helloworld.java 2.指定目录：建一个目录，来存放.class文件和.jar文件。本文指定目录为 E:\myclass 。阅读全文

posted @ 2016-03-13 09:52 jayruan 阅读(273) 评论(0) 推荐(0)

javascript photo1

摘要：阅读全文

posted @ 2016-03-12 11:41 jayruan 阅读(104) 评论(0) 推荐(0)

javascript photo http://www.cnblogs.com/5ishare/tag/javascript/

摘要：阅读全文

posted @ 2016-03-12 11:39 jayruan 阅读(119) 评论(0) 推荐(0)

css

摘要：.link:before{content: "/";margin:0 24px;color: grey;} .link:first-child:before{display:none;} 阅读全文

posted @ 2016-03-12 11:31 jayruan 阅读(124) 评论(0) 推荐(0)

正方形

摘要：.item { float: left; width: 21%; margin: 10px 2%; height: 0; padding-bottom: 21%; background: red url('http://www.51nyc.com/statics/images/info/logo.p 阅读全文

posted @ 2016-03-09 10:28 jayruan 阅读(143) 评论(0) 推荐(0)

CSS name

摘要：页头：header 如：#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法登录条：loginBar 标志：logo 侧栏：sideBar广告：banner 导航：nav 子导航：subNav菜单：menu 子菜单：subMenu 搜索：sea 阅读全文

posted @ 2016-03-07 06:50 jayruan 阅读(317) 评论(0) 推荐(0)

form v

摘要：<form name="example_form" action="http://google.com" method="POST"> <label for="req">Required field:</label><input name="req" id="req" /><br/> <label 阅读全文

posted @ 2016-03-07 06:29 jayruan 阅读(174) 评论(0) 推荐(0)

正则

摘要：中括号在正则中称为字符组(Character class)，有的书翻译为字符类，还有的翻译成字符集。我觉得字符组更好点，毕竟class在计算机属于中代表面向对象里的“类”。顾名思义，字符组为一组字符，它表示在一个位置里可能出现的多种字符。注意这里强调只匹配一个位置哦。简单字符组范围字符组组合字阅读全文

posted @ 2016-03-07 05:55 jayruan 阅读(165) 评论(0) 推荐(0)

viewport

摘要：随着pc、移动设备的屏幕规格增多、增大，当前，依据使用Media Query在不同的条件下使用不同的样式，使页面达到不同的渲染效果，可以有效的解决各种屏幕分辨率下的用户体验及移动web开发多种需求。 Media Queries（媒体查询）：作用就是允许添加表达式用以确定媒体的环境情况，以此来应用不同阅读全文

posted @ 2016-03-06 21:11 jayruan 阅读(284) 评论(0) 推荐(0)

JavaScript原生对象属性和方法详解——Array对象

摘要：http://www.feeldesignstudio.com/2013/09/native-javascript-object-properties-and-methods-array/ length 设置或返回数组中元素的数目。注意：设置 length 属性可改变数组的大小。如果设置的值比其阅读全文

posted @ 2016-03-06 11:00 jayruan 阅读(569) 评论(0) 推荐(0)

常用函数

摘要：Angular 常用 ng-repeat，ng-repeat-start，ng-repeat-end，ng-value，ng-init <p ng-repeat="itemSec in itemsub.orderOptionItems" ng-if="$index % 2 ==0" > <span 阅读全文

posted @ 2016-03-06 10:22 jayruan 阅读(241) 评论(0) 推荐(0)

html,body最顶层元素.

摘要：1，元素百比分是相对父元素，所有元素默认父元素是body. absolute,fixed[只有一个父元素,浏览器窗口]除外[浏览器窗口,为父元素].css3：vh,vw也永远相对,浏览器窗口.height: 10% == 10vh;absolute:height:100%和height:inheri 阅读全文

posted @ 2016-03-05 11:11 jayruan 阅读(1263) 评论(0) 推荐(0)

move

摘要：<span id="span{{$index}}" ng-click="goTab({{$index}})" ng-class="{tabFont:selectIndex==$index?true:false}" style="padding:0 10px;" ng-repeat="tab in [ 阅读全文

posted @ 2016-03-02 09:43 jayruan 阅读(130) 评论(0) 推荐(0)

公告