less个人学习笔记
less中文官网：http://lesscss.cn/ 、 http://www.bootcss.com/p/lesscss/
Busy 视频教程：http://www.imooc.com/learn/102 、 http://www.imooc.com/learn/61
^_^肥仔John 入门文章 ：http://www.cnblogs.com/fsjohnhuang/p/4187675.html
原本跟sass那个似的装大尾巴狼写个api之类的但后来看了这么多资料之后觉的less官网已经很详细详细了。
做了个demo 是用koala编译的，设计图是出自酷站 xiaolinshy: http://www.zcool.com.cn/work/ZNjY1Njk2NA==.html
目录截图：
less文件夹截图：
编译后生成的css文件夹截图：
图片文件夹截图：
页面html
<!DOCTYPE html>
<html lang="en" manifes="appcache.appcache">
<head>
<meta charset="UTF-8">
<title>驴友摄影</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body> <div class="nav">
<div class="cent">
<div class="logoin">
<span class="vam">
<a href="#">登陆</a>
|
<a href="#">注册</a>
</span>
<span class="vam">
<input type="text" class="search"><input type="button" class="search-btn">
</span>
</div>
<ul>
<li><a href="#">首页</a></li>
<li><a href="#">活动</a></li>
<li><a href="#">专辑</a></li>
<li><a href="#">照片</a></li>
<li><a href="#">团队</a></li>
<li><a href="#">店铺</a></li>
</ul>
</div> </div>
<div class="cent mt20 clear">
<div class="leftMain">
<a href="#"><img src="img/del_4.jpg" alt=""></a>
<div class="title-info mt20">
<h4>
xxx知道谁的丰盛的水电费
</h4>
<p class="tar colr-gray">
-------反正就是一些字
</p>
</div>
<div class="title-info ">
<p class="colr-gray">
反正就是一些字反正就是一些字反正就是一些字反正就是一些字反正就是一些字反正就是一些字反正就是一些字反正就是一些字反正就是一些字<span class="colr-red">全文>></span>
</p>
</div>
<h4 class="main-title">最新专辑</h4>
<ul class="main-hills clear">
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
<div class="ab-mark">
<p class="one">山东-青岛</p>
<p class="two">乐享阳光和海浪</p>
</div>
</a>
</li>
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
<div class="ab-mark">
<p class="one">山东-青岛</p>
<p class="two">乐享阳光和海浪</p>
</div>
</a>
</li>
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
<div class="ab-mark">
<p class="one">山东-青岛</p>
<p class="two">乐享阳光和海浪</p>
</div>
</a>
</li>
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
<div class="ab-mark">
<p class="one">山东-青岛</p>
<p class="two">乐享阳光和海浪</p>
</div>
</a>
</li>
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
<div class="ab-mark">
<p class="one">山东-青岛</p>
<p class="two">乐享阳光和海浪</p>
</div>
</a>
</li>
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
<div class="ab-mark">
<p class="one">山东-青岛</p>
<p class="two">乐享阳光和海浪</p>
</div>
</a>
</li>
</ul>
<h4 class="main-title">最新专辑</h4>
<ul class="main-hills sub-ul clear">
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
</a>
<div class="subtitle">
<p >
艳遇丽江
</p>
<p class="colr-red">
西瓜太郎
</p>
<p>
<span class="colr-red">123</span>人气 / <span class="colr-red">123</span>评论 / <span class="colr-red">123</span>推荐
</p>
</div>
</li>
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
</a>
<div class="subtitle">
<p >
艳遇丽江
</p>
<p class="colr-red">
西瓜太郎
</p>
<p>
<span class="colr-red">123</span>人气 / <span class="colr-red">123</span>评论 / <span class="colr-red">123</span>推荐
</p>
</div>
</li>
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
</a>
<div class="subtitle">
<p >
艳遇丽江
</p>
<p class="colr-red">
西瓜太郎
</p>
<p>
<span class="colr-red">123</span>人气 / <span class="colr-red">123</span>评论 / <span class="colr-red">123</span>推荐
</p>
</div>
</li>
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
</a>
<div class="subtitle">
<p >
艳遇丽江
</p>
<p class="colr-red">
西瓜太郎
</p>
<p>
<span class="colr-red">123</span>人气 / <span class="colr-red">123</span>评论 / <span class="colr-red">123</span>推荐
</p>
</div>
</li>
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
</a>
<div class="subtitle">
<p >
艳遇丽江
</p>
<p class="colr-red">
西瓜太郎
</p>
<p>
<span class="colr-red">123</span>人气 / <span class="colr-red">123</span>评论 / <span class="colr-red">123</span>推荐
</p>
</div>
</li>
<li>
<a href="#">
<img src="img/del_5.jpg" alt="">
</a>
<div class="subtitle">
<p >
艳遇丽江
</p>
<p class="colr-red">
西瓜太郎
</p>
<p>
<span class="colr-red">123</span>人气 / <span class="colr-red">123</span>评论 / <span class="colr-red">123</span>推荐
</p>
</div>
</li>
</ul>
</div>
<div class="rightMain">
<h3 class="rigth-h3 bg-red">
推荐活动
</h3>
<ul class="ul-lists">
<li><a href="#">云南是很多刚开始旅行者的首站目标</a></li>
<li><a href="#">云南是很多刚开始旅行者的首站目标</a></li>
<li><a href="#">云南是很多刚开始旅行者的首站目标</a></li>
<li><a href="#">云南是很多刚开始旅行者的首站目标</a></li>
<li><a href="#">云南是很多刚开始旅行者的首站目标</a></li>
<li><a href="#">云南是很多刚开始旅行者的首站目标</a></li>
<li><a href="#">云南是很多刚开始旅行者的首站目标</a></li>
</ul>
<div class="mt10">
<a href="#"><img src="img/del_1.jpg" alt=""></a>
</div>
<h3 class="rigth-h3 mt30">
最新评论
</h3>
<ul class="ul-reviews">
<li>
<a href="#" class="portrait">
<img src="img/del_2.jpg" alt="">
</a>
<div class="rev-text">
<span>小熊</span>在云南是很多刚开始旅游这里拥有众多雪山、峡谷、高山
</div>
</li>
<li>
<a href="#" class="portrait">
<img src="img/del_2.jpg" alt="">
</a>
<div class="rev-text">
<span>小熊</span>在云南是很多刚开始旅游这里拥有众多雪山、峡谷、高山
</div>
</li>
<li>
<a href="#" class="portrait">
<img src="img/del_2.jpg" alt="">
</a>
<div class="rev-text">
<span>小熊</span>在云南是很多刚开始旅游这里拥有众多雪山、峡谷、高山
</div>
</li>
<li>
<a href="#" class="portrait">
<img src="img/del_2.jpg" alt="">
</a>
<div class="rev-text">
<span>小熊</span>在云南是很多刚开始旅游这里拥有众多雪山、峡谷、高山
</div>
</li>
<li>
<a href="#" class="portrait">
<img src="img/del_2.jpg" alt="">
</a>
<div class="rev-text">
<span>小熊</span>在云南是很多刚开始旅游这里拥有众多雪山、峡谷、高山
</div>
</li>
<li>
<a href="#" class="portrait">
<img src="img/del_2.jpg" alt="">
</a>
<div class="rev-text">
<span>小熊</span>在云南是很多刚开始旅游这里拥有众多雪山、峡谷、高山
</div>
</li>
<li>
<a href="#" class="portrait">
<img src="img/del_2.jpg" alt="">
</a>
<div class="rev-text">
<span>小熊</span>在云南是很多刚开始旅游这里拥有众多雪山、峡谷、高山
</div>
</li>
<li class="end">
<a href="#" class="portrait">
<img src="img/del_2.jpg" alt="">
</a>
<div class="rev-text">
<span>小熊</span>在云南是很多刚开始旅游这里拥有众多雪山、峡谷、高山
</div>
</li>
</ul>
<h3 class="rigth-h3 mt35">
店铺推荐
</h3>
<div class="over">
<ul class="ul-recoms clear">
<li>
<a href=""><img src="img/del_3.jpg" alt=""></a>
<p>我就是王二小</p>
</li>
<li>
<a href=""><img src="img/del_3.jpg" alt=""></a>
<p>别用鼠标点我</p>
</li>
<li>
<a href=""><img src="img/del_3.jpg" alt=""></a>
<p>红配绿</p>
</li>
<li>
<a href=""><img src="img/del_3.jpg" alt=""></a>
<p>飞飞</p>
</li>
<li>
<a href=""><img src="img/del_3.jpg" alt=""></a>
<p>石磊</p>
</li>
<li>
<a href=""><img src="img/del_3.jpg" alt=""></a>
<p>黄金太阳</p>
</li>
</ul>
</div>
</div>
</div>
<div class="footr">
<div class="cent">
Copy Right 1996-2014 domain.com All Rights Reserved.某某公司版权所有.京ICP备1234656号
</div>
</div>
</body>
</html>
less 文件 less-base.less 底层库：
.base(){
html {margin:; padding:; border:;_background-image:url(n1othing.txt)}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section { margin:; padding:; border:; font-size: 100%; vertical-align: baseline; }
ol, ul, li { list-style: none; }
body {line-height: 1.5; background: white; font-family: 'microsoft yahei', Arial, Helvetica, sans-serif; font-size: 12px; color: #333;}
table,tr, th, td { border-collapse: collapse; margin:; padding:; font-size: 100%; vertical-align: baseline;}
caption, th, td { text-align: left; font-weight: normal; float: none !important; }
table, th, td, select, img, input,object{ vertical-align: middle;}
:focus { outline:;}
input,select{margin:;}
a { color: #005EA7; text-decoration: none; }
a:hover {color: #C7000B; text-decoration: none; }
p,a,td{word-wrap:break-word;word-break:break-all;}
img { border: none; }
textarea{ resize:none;border:1px solid #ccc;}
textarea:hover{border-color:#ccc;}
input[type="text"],input[type="button"]{-webkit-appearance: none;border-radius:;font-family:'microsoft yahei','黑体', Arial, Helvetica, sans-serif;}
input[type="text"]{border:solid 1px #ccc; border-radius:;}
html,body{}
dfn {font-style: normal;font-family: Arial;}
}
.fl(){ float:left; }
.fr(){ float:right;}
.float( @dire : left ){
float:@dire;
}
.clear(){
*zoom:;
&:after{
content: "";
display: block;
height:;
clear: both;
visibility: hidden;
overflow: hidden;
}
}
.clr(){
clear: both;
display: block;
font-size:;
height:;
line-height:;
overflow: hidden;
}
.base-fonts( @n,@i:12,@un:px) when ( @i =< @n ) {
.fn-@{i} {
font-size:unit(@i, @un);
}
.base-fonts( @n,( @i+2 ) );
}
.base-styles(@mt:mt,@n,@i:5,@un:px ) when ( @i =< @n ) {
.@{mt}-@{i} {
margin-top:unit(@i, @un);
}
.base-styles( @n,( @i+5 ) );
}
.ellipsis(){
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.tal(){ text-align: right; }
.tac(){ text-align: center; }
.tar(){ text-align: right; }
.text-align( @dir:left ){text-align: @dir;}
.over(){overflow:hidden; }
.hide(){ displaye:none; }
.block(){ displaye:block; }
less 文件 index.less ：
@import (reference) "less-base.less"; .base();
@back:#212121;
@red:#e60044;
@gray:#dadada;
@gray2:#787878; .base-fonts(48); .over{overflow:hidden; }
.vam{vertical-align: middle; }
.tal{ text-align: right; }
.tar{ text-align: right; }
.colr-gray{ color:@gray2;}
.colr-red{ color:@red;}
.fl{float:left;}
.fr{float:right;}
.clear{
*zoom:;
&:after{
content: "";
display: block;
height:;
clear: both;
visibility: hidden;
overflow: hidden;
}
} .mt10{ margin-top:10px!important;}
.mt20{ margin-top:20px!important;}
.mt30{ margin-top:30px!important;}
.mt35{ margin-top:35px!important;} .cent{ width:1000px; margin:0 auto; }
.logoin{
height:36px;
line-height: 44px;
text-align: right;
overflow:hidden;
font-size: 12px;
color:#fff;
.search{
margin:;
padding:;
width:157px;
height:24px;
line-height: 24px;
vertical-align: middle;
border:none;
}
.search-btn{
margin:;
padding:;
width:26px;
height:24px;
background-color: #fff;
border:none;
vertical-align: middle;
background:#fff url(../img/search-ico.png) no-repeat center center;
cursor: pointer;
}
}
.nav{
ul{ float:right;}
ul li{
float:left;
line-height:59px;
width:74px;
text-align: right;
}
a{
color:#fff;
text-decoration:none;
} background:@back;
.clear(); } .title-info{
margin-bottom:-1px;
border:1px solid @gray;
padding: 20px;
line-height:20px;
font-size:12px;
h4{
font-size:22px;
} } .leftMain{
.fl();
width:746px;
} .main-title{
height:70px;
overflow:hidden;
text-indent: 20px;
font-size:18px;
line-height:86px;
} .main-hills{
width:(235+20)*3px;
height:510px;
overflow:hidden;
li{
position: relative;
.fl();
width:235px;
margin:0 20px 40px 0;
}
.ab-mark{
position: absolute;
left:;
top:40px;
background:rgba(0, 0, 0, 0.5);
padding:16px 24px;
width:163-(24*2)+px;
line-height:30px;
color:#fff;
}
img{
width:235px;
height:235px;
}
.one{
font-size:20px;
font-weight: bold;
}
.two{
font-size:14px;
}
&.sub-ul{
height:636px;
li{
margin:0 20px 24px 0;
}
}
.subtitle{
padding:10px 0 0 24px;
line-height:20px;
font-size:12px;
}
} .rightMain{
.fr();
width:235px;
} .rigth-h3{
line-height:38px;
background:@back;
color:#fff;
text-indent:13px;
font-size:18px; &.bg-red{
background:@red;
}
} .ul-lists{
border-left:1px solid @gray;
border-right:1px solid @gray;
li{
line-height:50px;
overflow: hidden;
border-bottom:1px solid @gray;
} a{
display:block;
margin:0 12px;
font-size:12px;
.ellipsis();
color:@back;
}
} .ul-reviews{
li{
padding:12px 0 10px 14px;
border-bottom:1px solid @gray;
.clear();
}
.end{
border:none;
}
.portrait{
.fl();
}
.rev-text{
font-size:12px;
line-height:20px;
margin:0 16px 0 54px;
height:40px;
overflow: hidden;
span{ margin-right:3px;}
}
} .ul-recoms{
padding:20px 0 0 10px;
width:230px;
li{
.fl();
margin-right:15px;
} img{
width:100px;
height:100px;
} p{
height:40px;
line-height:28px;
font-size:12px;
text-indent: 13px;
}
} .footr{
margin-top:20px;
background:@back;
line-height: 58px;
text-align: center;
color:#fff;
font-size: 12px;
}
koala编译之后的index.css：
html {
margin:;
padding:;
border:;
_background-image: url(n1othing.txt);
}
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
margin:;
padding:;
border:;
font-size: 100%;
vertical-align: baseline;
}
ol,
ul,
li {
list-style: none;
}
body {
line-height: 1.5;
background: white;
font-family: 'microsoft yahei', Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
}
table,
tr,
th,
td {
border-collapse: collapse;
margin:;
padding:;
font-size: 100%;
vertical-align: baseline;
}
caption,
th,
td {
text-align: left;
font-weight: normal;
float: none !important;
}
table,
th,
td,
select,
img,
input,
object {
vertical-align: middle;
}
:focus {
outline:;
}
input,
select {
margin:;
}
a {
color: #005EA7;
text-decoration: none;
}
a:hover {
color: #C7000B;
text-decoration: none;
}
p,
a,
td {
word-wrap: break-word;
word-break: break-all;
}
img {
border: none;
}
textarea {
resize: none;
border: 1px solid #ccc;
}
textarea:hover {
border-color: #ccc;
}
input[type="text"],
input[type="button"] {
-webkit-appearance: none;
border-radius:;
font-family: 'microsoft yahei', '黑体', Arial, Helvetica, sans-serif;
}
input[type="text"] {
border: solid 1px #ccc;
border-radius:;
}
dfn {
font-style: normal;
font-family: Arial;
}
.fn-12 {
font-size: 12px;
}
.fn-14 {
font-size: 14px;
}
.fn-16 {
font-size: 16px;
}
.fn-18 {
font-size: 18px;
}
.fn-20 {
font-size: 20px;
}
.fn-22 {
font-size: 22px;
}
.fn-24 {
font-size: 24px;
}
.fn-26 {
font-size: 26px;
}
.fn-28 {
font-size: 28px;
}
.fn-30 {
font-size: 30px;
}
.fn-32 {
font-size: 32px;
}
.fn-34 {
font-size: 34px;
}
.fn-36 {
font-size: 36px;
}
.fn-38 {
font-size: 38px;
}
.fn-40 {
font-size: 40px;
}
.fn-42 {
font-size: 42px;
}
.fn-44 {
font-size: 44px;
}
.fn-46 {
font-size: 46px;
}
.fn-48 {
font-size: 48px;
}
.over {
overflow: hidden;
}
.vam {
vertical-align: middle;
}
.tal {
text-align: right;
}
.tar {
text-align: right;
}
.colr-gray {
color: #787878;
}
.colr-red {
color: #e60044;
}
.fl {
float: left;
}
.fr {
float: right;
}
.clear {
*zoom:;
}
.clear:after {
content: "";
display: block;
height:;
clear: both;
visibility: hidden;
overflow: hidden;
}
.mt10 {
margin-top: 10px!important;
}
.mt20 {
margin-top: 20px!important;
}
.mt30 {
margin-top: 30px!important;
}
.mt35 {
margin-top: 35px!important;
}
.cent {
width: 1000px;
margin: 0 auto;
}
.logoin {
height: 36px;
line-height: 44px;
text-align: right;
overflow: hidden;
font-size: 12px;
color: #fff;
}
.logoin .search {
margin:;
padding:;
width: 157px;
height: 24px;
line-height: 24px;
vertical-align: middle;
border: none;
}
.logoin .search-btn {
margin:;
padding:;
width: 26px;
height: 24px;
background-color: #fff;
border: none;
vertical-align: middle;
background: #ffffff url(../img/search-ico.png) no-repeat center center;
cursor: pointer;
}
.nav {
background: #212121;
*zoom:;
}
.nav ul {
float: right;
}
.nav ul li {
float: left;
line-height: 59px;
width: 74px;
text-align: right;
}
.nav a {
color: #fff;
text-decoration: none;
}
.nav:after {
content: "";
display: block;
height:;
clear: both;
visibility: hidden;
overflow: hidden;
}
.nav:after {
content: "";
display: block;
height:;
clear: both;
visibility: hidden;
overflow: hidden;
}
.title-info {
margin-bottom: -1px;
border: 1px solid #dadada;
padding: 20px;
line-height: 20px;
font-size: 12px;
}
.title-info h4 {
font-size: 22px;
}
.leftMain {
float: left;
width: 746px;
}
.main-title {
height: 70px;
overflow: hidden;
text-indent: 20px;
font-size: 18px;
line-height: 86px;
}
.main-hills {
width: 765px;
height: 510px;
overflow: hidden;
}
.main-hills li {
position: relative;
float: left;
width: 235px;
margin: 0 20px 40px 0;
}
.main-hills .ab-mark {
position: absolute;
left:;
top: 40px;
background: rgba(0, 0, 0, 0.5);
padding: 16px 24px;
width: 115 px;
line-height: 30px;
color: #fff;
}
.main-hills img {
width: 235px;
height: 235px;
}
.main-hills .one {
font-size: 20px;
font-weight: bold;
}
.main-hills .two {
font-size: 14px;
}
.main-hills.sub-ul {
height: 636px;
}
.main-hills.sub-ul li {
margin: 0 20px 24px 0;
}
.main-hills .subtitle {
padding: 10px 0 0 24px;
line-height: 20px;
font-size: 12px;
}
.rightMain {
float: right;
width: 235px;
}
.rigth-h3 {
line-height: 38px;
background: #212121;
color: #fff;
text-indent: 13px;
font-size: 18px;
}
.rigth-h3.bg-red {
background: #e60044;
}
.ul-lists {
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
}
.ul-lists li {
line-height: 50px;
overflow: hidden;
border-bottom: 1px solid #dadada;
}
.ul-lists a {
display: block;
margin: 0 12px;
font-size: 12px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #212121;
}
.ul-reviews li {
padding: 12px 0 10px 14px;
border-bottom: 1px solid #dadada;
*zoom:;
}
.ul-reviews li:after {
content: "";
display: block;
height:;
clear: both;
visibility: hidden;
overflow: hidden;
}
.ul-reviews li:after {
content: "";
display: block;
height:;
clear: both;
visibility: hidden;
overflow: hidden;
}
.ul-reviews .end {
border: none;
}
.ul-reviews .portrait {
float: left;
}
.ul-reviews .rev-text {
font-size: 12px;
line-height: 20px;
margin: 0 16px 0 54px;
height: 40px;
overflow: hidden;
}
.ul-reviews .rev-text span {
margin-right: 3px;
}
.ul-recoms {
padding: 20px 0 0 10px;
width: 230px;
}
.ul-recoms li {
float: left;
margin-right: 15px;
}
.ul-recoms img {
width: 100px;
height: 100px;
}
.ul-recoms p {
height: 40px;
line-height: 28px;
font-size: 12px;
text-indent: 13px;
}
.footr {
margin-top: 20px;
background: #212121;
line-height: 58px;
text-align: center;
color: #fff;
font-size: 12px;
}
后记：
那个底层库 其实循环的部分让我想了好久，看了“^_^肥仔John”那文章才知道是 递归循环，从这点个人觉得不如sass，当然那个底层的库还可以在多一些方法，比如给这个css3加前缀的方法，这demo里我都没用到继承之类的比较典型的预编译的东东。。。。差不多这样不会看api吧~
less个人学习笔记的更多相关文章
- js学习笔记：webpack基础入门（一）
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- PHP-自定义模板-学习笔记
1. 开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2. 整体架构图 ...
- PHP-会员登录与注册例子解析-学习笔记
1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...
- 2014年暑假c#学习笔记目录
2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...
- JAVA GUI编程学习笔记目录
2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...
- seaJs学习笔记2 – seaJs组建库的使用
原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...
- CSS学习笔记
CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...
- HTML学习笔记
HTML学习笔记 2016年12月15日整理 Chapter1 URL(scheme://host.domain:port/path/filename) scheme: 定义因特网服务的类型,常见的为 ...
- DirectX Graphics Infrastructure(DXGI):最佳范例 学习笔记
今天要学习的这篇文章写的算是比较早的了,大概在DX11时代就写好了,当时龙书11版看得很潦草,并没有注意这篇文章,现在看12,觉得是跳不过去的一篇文章,地址如下: https://msdn.micro ...
- ucos实时操作系统学习笔记——任务间通信（消息）
ucos另一种任务间通信的机制是消息(mbox),个人感觉是它是queue中只有一个信息的特殊情况,从代码中可以很清楚的看到,因为之前有关于queue的学习笔记,所以一并讲一下mbox.为什么有了qu ...
随机推荐
- layui(六)——upload组件常见用法总结
layui中提供了非常简单的文件上传组件,这里写了一个上传图片的栗子,上传成功后返回图片在服务器的路径,并设置为页面中img的src属性.因为上传十分简单,没什么可说的,就直接上代码了. html代码 ...
- parseFloat()为什么没有效果
parseFloat() 函数可解析一个字符串,并返回一个浮点数.看清楚说明是操作字符串,如果是数值类型parseFloat([],x)会失去效果. 正确的用法:parseFloat().toFixe ...
- redis集群之哨兵模式【原】
redis集群之哨兵(sentinel)模式 哨兵模式理想状态 需要>=3个redis服务,>=3个redis哨兵,每个redis服务搭配一个哨兵. 本例以3个redis服务为例: 一开始 ...
- CodeForces - 867E Buy Low Sell High （贪心 +小顶堆）
https://vjudge.net/problem/CodeForces-867E 题意 一个物品在n天内有n种价格,每天仅能进行买入或卖出或不作为一种操作,可以同时拥有多种物品,问交易后的最大利益 ...
- Android圆角矩形
1.在drawable中创建shape_round文件 <?xml version="1.0" encoding="utf-8"?> <sha ...
- 分享12款 JavaScript 表格控件（DataGrid）
JavaScript 表格控件可以操作大数据集的 HTML 表格,提供各种功能,如分页.排序.过滤以及行编辑.在本文中,我们整理了13个最好的 JavaScript 表格插件分享给开发人员,开发者可以 ...
- url 组成部分
NSURL其实就是我们在浏览器上看到的网站地址,这不就是一个字符串么,为什么还要在写一个NSURL呢,主要是因为网站地址的字符串都比较复杂,包括很多请求参数,这样在请求过程中需要解析出来每个部门,所以 ...
- vim 配置一：
一.vim前期准备 安装vimsudo apt-get install vim 需要保证自己的 vim 配置在 7.4 以上,有些插件只支持 7.4 以上的 vim 在根目录下建立 .vimrc 文件 ...
- 【SRM-09 B】撕书II
Description 琉璃手头有一黑一白两本魔法书,一本是<缟玛瑙的不在证明>,另一本是<白色相簿1.5>.传说同时打开这两本书会有奇怪的事情发生.琉璃打开一看,果然非常奇怪 ...
- 20155324 2016-2017-2 《Java程序设计》第4周学习总结
20155324 2016-2017-2 <Java程序设计>第4周学习总结 教材学习内容总结 继承 面对对象中,子类继承父类,避免重复定义行为就使用继承.在Java中,继承时使用exte ...