简评音乐界一大新起之秀“网易云音乐”–有没有那么一段词能够怀念起过去?

引文:用酷狗音乐已经好几年了,见证过酷狗一步步的前进,也见证过光辉落幕后的余韵。




先说说为什么抛弃酷狗音乐而转战网易云音乐.


酷狗音乐给我的感受就是 磅礴的资源库,从经典到流行,从大众到猎奇,基本上音乐资源都可以在酷狗音乐里面搜索到,当搜索到市面上非常猎奇的资源后,觉得酷狗音乐真的是一大资源搜索神奇.


从这里开始,酷狗便伴随了我4年之久.


而我一边在享受余韵带来的温存的时候,更多的是黑暗带给我的那种不安,弹窗广告,歌词广告,VIP功能,每一项都想黑暗中的利剑,深深刺入余韵中的温存。


然而温存终有冷却一刻.


当我在黑暗中摸索时,微弱光芒都成了一颗救命稻草,当我顺着稻草往上爬,我发现了新世界的大门.


网易云音乐


11


简洁的UI界面,当然这算不算一大亮点,只是说贪欲虚空是无穷的.当发现新事物总会有一股新奇感,随后淡于平静.


惊浪波起,随后狂风暴雨


当从酷狗音乐列表导出文件转入网易云音乐后,第一感觉 没有烦人的广告,整个界面都清爽了许多,像是一简约的播放器。


简约而不简单


12


发现音乐-歌单,每一个分享的歌单都带有使你欢奇的音符,更有大咖分享的歌单,一支精准之箭直入心胸。


私人定制-更多的是享受


13


当听完十几首自己喜欢的歌后,打开“私人FM”浓浓的个人情怀,包含了天空,大地,激昂,深沉。每一首都是你想要的。


繁华中的虚幻


14


外面的世界那么灯火通明,这里却这么宁静,繁华中黑白交错的虚幻.淡淡的光盘划痕,随着音乐律动而渐隐。


手机,更让你不忍释手


15


少女的红韵,蕴含着历史.


推荐-相同的Soul


16


发现更多的惊喜.


律动,伴随着音乐的沉浸


171


 


按下红色的Start 带上Earplug 沉浸在灵魂的世界中。


网易云音乐ID “Relsoul”


 


 

吊炸天的phpwind移动版

自从phpwind与阿里达成战略合作了,然后就出现了各种黑科技.


作为第二批加入的测试用户肯定要测试黑科技



  1. http://www.phpwind.net/read/3417575简单查看了一下安装教程

  2. 首先升级下论坛,下载邮件中的升级补丁,因为是第二批用户就不用替换补丁中的sql文件了。

  3. 然后去http://wind.aliyun.com进行APP生成.(登陆的账号用淘宝账号,不过前提需要支付宝实名认证)

  4. 1随便填写下,接口密钥在2注意:点随机以后需要点一下提交

  5. 3这里需要去高德申请下KEYhttp://lbs.amap.com/console/key/

  6. 填写好高德的基本信息 成功获取到高德key4

  7. 回填好 OK生成APP5


补充下 我用的是 amh4.2 然后升级的时候会缺少Mcrypt扩展 但是amh提供了模块下载 搜索Mcrypt 下载安装之 OK


下面放几张APP图


360手机助手截图0304_23_46_016

wordpress模板|主题制作之路一

wordpress主题制作之路一


虽然没学过PHP,但是还是想DIY一下.//双反斜号后为注释哦!


<page one>


露兜博客中有几章是介绍如何制作wordpress模板的.不过要下载一大堆的文件看起来好麻烦DE※ZE


一:看了一会主题文件分析.大概了解了wordpress主题构成



  1. index.php//首页

  2. single.php//文章页

  3. page.php//页面

  4. category.php//分类

  5. archive.php//文章归档页

  6. tag.php//标签

  7. author.php//作者

  8. search.php//搜索页


常用的应该就这些了.


wordpress主题必要的元素



  1. style.css

  2. index.php


然后再添加几个文件


二:然后要下载一大堆的静态html.赶脚好麻烦.干脆不下了.自己写.


先找到wordpress主题目录(\wp-content\themes\soul),新建个文件夹名字叫soul.


先写个index.php


里面放什么呢?.头部和脚部肯定要的嘛。先写个


<?php get_header(); ?> //get_header()是获取header.php文件里的内容。


<?php get_footer(); ?>//php get_footer()是获取footer.php里的内容。


 


1


 


 


再在soul主题目录里新建3个文件


 


style.css


footer.php


header.php


里面啥内容都不写慢慢来,打开style.css往里面写入


/

Theme Name: Soul_life //主题的名字(你写个阿拉斯加螺旋粒子加速计划也没人管你的(笑 )

Theme URI: http://www.baidu.com/ //主题的地址(啊咧?为啥是度娘?)

Version: 1.0 //版本:宇宙开发计划第233号

Description: soul_life 来自生活中的灵魂 //描述:本大爷才是描述,别无视本大爷.

Author: Soul //主题的作者(我就不行写个习**会有人把我头按键盘hkhjkgjksdgsjkdgas)

Author URI: http://www.baidu.com //作者的地址(又是度娘)
/


2


恩.差不多了.继续下一步.开始开发header.php,新建个文件名为header.php


 


 


第一!要保证绝对的公平 咳咳..跑题了 咱们继续


1:先写上html标签外加个div


<!doctype html>

<html lang=”cn”>

<head>

<meta charset=”UTF-8”>

<title>


</title>

<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_url’);?>/style.css”>

<?php wp_head(); ?>

</head>

<body>

<div class=”soul-header”>


</div>


3


2:等等..你是不是忘了什么没解释,魂淡!<?php bloginfo(‘template_url’);?>什么意思?


<?php bloginfo(‘template_url’);?> //bloginfo我理解为函数,template_url理解为模板所在目录.


<link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_url’);?>/style.css”>


//那么这句话可以理解为:引用模板目录下的style.css文件也就是\wp-content\themes\soul\style.css


(为何不直接写这句话?\wp-content\themes\soul …人家嫌麻烦啦)


<?php wp_head(); ?> //我也不懂他是什么 反正加在</head>前面就对啦


2:title标签里当然要写一些信息啦,这可是很重要的哦 SEO完全靠他了


//HELLO 我是解释君 现在由我来解释以下内容:


<title>

<?php if(is_home()){

bloginfo(‘name’);echo “-“;bloginfo(‘description’);//判断是否是首页 是:输出 名字-描述

}elseif (is_category()) {

single_cat_title();//是否是分类 是:返回 分类标题-名字

echo “-“;

bloginfo(‘name’);

# code…

}elseif (is_single()||is_page()) {

single_post_title();//是否是单文章和单页面 是:返回 帖子名称

# code…

}elseif (is_search()) {

echo “搜索结果”;//搜索页 是:返回搜索结果-名字

echo “-“;

bloginfo(‘name’);

# code…

}elseif (is_404()) {

echo “页面未找到”;//404

# code…

}else{

wp_title(‘’,true);

}?>


</title>


4


等等..这么多文字看着眼睛好疼,啊,邪王真眼!爆裂吧!现实!


3:这样就差不多了,等等,那么那个div是做什么的呢?baka!当然是放导航条的.


因为人家代码也看不懂就直接用了露兜大大的显示导航条代码了 代码(code)


<div class=”soul-header”>

<ul class=”soul-nav”>

<li

<?php if (is_home()) { echo ‘ class=”current-cat”‘;} ?>><a title=”Home” href=”/“>博客主页</a></li>

<?php

$currentcategory = ‘’;


// 以下这行代码用于在导航栏添加分类列表,

// 如果你不想添加分类到导航中,

// 请删除 6 - 14 行代码

if (is_category() || is_single()) {

$catsy = get_the_category();

$myCat = $catsy[0]->cat_ID;

$currentcategory = ‘&current_category=’.$myCat;

}

wp_list_categories(‘depth=1&title_li=&show_count=0&hide_empty=0&child_of=0’.$currentcategory);


// 以下这行代码用于在导航栏添加页面列表

// 如果你不想添加页面到导航中,

// 请删除16 - 19行代码

wp_list_pages(‘depth=1&title_li=&sort_column=menu_order’);


?>

</ul>

<h1 class=”logo cr”><a href=”<?php echo get_option(‘home’); ?>”>我是博客名字哦:<?php bloginfo(‘name’) ?></a></h1>

<p class=”description”>我是博客描述哦:

<?php bloginfo(‘description’) ?>

<!– <?php echo get_option(‘home’); ?> 输出你的博客首页网址

<?php bloginfo(‘name’); ?> 输出你的博客名称

<?php bloginfo(‘description’); ?> 输出博客描述 –>

</p>


</div>


4:恩,头部文件就OK了 css之类的最讨厌了.自行调整吧!


睡觉去 明天继续

JavaScript创建元素+节点+遍历+设置属性综合使用

本次文章是把前几节的内容都融合了进来.. 没有看过前文的童鞋去看一下哦,虽然也是笔记向的代码(笑


JavaScript节点


JavaScript遍历-1


JavaScript window.onload


JavaScript图片库


做一个下图的,可以点击“输出图片库中图片”输出li列表中的图片


本文遵循了DOM编程艺术(第二版)中的分离JavaScript(实际上代码还未完全做到)22


 


开始贴代码,代码量有点多,但是都是很简单的语句,逻辑理解起来也不困难(不过人家写的时候可能把代码写复杂了一点,不过不影响理解),我会做到每句代码都注释哦..笔记向代码,能够给大家带来一点帮助就行咯.


<!doctype html>
<html lang=”cn”>
<head>
<meta charset=”UTF-8”>
<title>JS-创建元素+节点+遍历+设置属性综合使用</title>
<script type=”text/javascript”>

function createImg(){//定义createImg函数
var sz_title=[];//设置全局变量sz_title,为什么要在这里设置全局变量呢?因为下面有两个for循环,两个for循环都需要调用
var sz_txt=[];//设置全局变量sz_txt;
var get_ul = document.getElementById(“ulid”);//设置get_ul等于标签id为 “ulid”的元素
var get_ul_li =get_ul.getElementsByTagName(“li”);//设置get_ul_li等于ulid元素下的li元素
// alert(get_ul_li)//测试ok 获取到get_ul_li属性
for (var i = 0; i < get_ul_li.length; i++) {//开始遍历
var li_title =get_ul_li[i].getAttribute(“title”);//设置li_title等于li元素的title属性内容 第一次循环那么li_title=get_ul_li[0]的title属性 即li_title=”这是第一张图片_blur_1”
var li_link =get_ul_li[i].getAttribute(“soul_link”);//设置li_link等于li元素的soul_link属性内容
// alert(“|获取li soul_link属性:”+li_link+”|获取li tittle属性:”+li_title);
//测试获取文本内容ok
sz_title[li_link]=li_title;//设置sz_title数组下标等于soul_link,数组等于标题内容.
//第一次循环sz_title[“../img/Pepsized_Blur_01.jpg”]=”这是第一张图片_blur_1”
//其实可以这样写的sz_title[li_title]=li_link 看起来比较方便理解一点
};
for(li_link in sz_title){//开始遍历sz_title数组
var new_img =document.createElement(“img”);//创建一个新的img元素
var new_img_src=new_img.setAttribute(“src”,li_link);//设置img元素的”src”属性等于li_link;
//第一次遍历的sz_title[li_link]换成理解的来说就是 sz_title[../img/Pepsized_Blur_01.jpg]设置src属性等于li_link就相当于 src=”../img/Pepsized_Blur_01.jpg”
var new_img_src=new_img.setAttribute(“width”,”400”);//设置img元素的宽等于400
var new_img_src=new_img.setAttribute(“height”,”400”);//设置img元素的高等于400
var p_txt=sz_title[li_link];//设置p元素的文本等于li_title 第一次遍历sz_title[“../img/Pepsized_Blur_01.jpg”]=”这是第一张图片_blur_1”
// alert(p_txt);//检测p元素文本内容获取是否正确
var new_p=document.createElement(“p”);//创建一个p元素
var new_p_txt=document.createTextNode(p_txt);//创建p元素的文本节点 文本节点内容等于p_txt
new_p.appendChild(new_p_txt);//在p元素下面添加p文本节点
document.body.appendChild(new_p);//在body标签所有元素最后添加p标签
document.body.appendChild(new_img);//在body p标签后添加图片
}


}
window.onload=function(){//页面加载完毕后执行函数
var button_bid =document.getElementById(“bid”);//设置get_ul等于标签id为 “bid”的元素 其实这个文档就一个button元素 可以用document.getElementsByTagName
button_bid.onclick=function(){ //在button标签添加一个onclick事件
createImg();//添加函数
//因为涉及到元素的创建和获取 所以需要再页面加载完毕后才为button绑定事件
}


}
//实际上可以把li元素也在JavaScript中写了。

</script>
</head>
<body>
<button id=”bid”>输出图片库图片</button>
<ul id=”ulid”>
<li soul_link=”../img/Pepsized_Blur_01.jpg” title=”这是第一张图片_blur_1”>blur_1</li>
<li soul_link=”../img/Pepsized_Blur_02.jpg” title=”这是第一张图片_blur_2”>blur_2</li>
<li soul_link=”../img/Pepsized_Blur_03.jpg” title=”这是第一张图片_blur_3”>blur_3</li>
<li soul_link=”../img/Pepsized_Blur_04.jpg” title=”这是第一张图片_blur_4”>blur_4</li>
</ul>

</body>
</html>

 


 

Css3:阴影 box-shadow(二)

学习文章以及代码来自http://www.imooc.com/code/5413

阴影 box-shadow(二)



1、阴影模糊半径与阴影扩展半径的区别


阴影模糊半径:此参数可选,其值只能是为正值,如果其值为0时,表示阴影不具有模糊效果,其值越大阴影的边缘就越模糊;


阴影扩展半径:此参数可选,其值可以是正负值,如果值为正,则整个阴影都延展扩大,反之值为负值时,则缩小;


2、X轴偏移量和Y轴偏移量值可以设置为负数


box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

X轴偏移量为负数:


.boxshadow-outset{
width:100px;
height:100px;
box-shadow:-4px 4px 6px #666;
}

效果图:



Y轴偏移量为负数:


.boxshadow-outset{
width:100px;
height:100px;
box-shadow:4px -4px 6px #666;
}

效果图:




CSS3:阴影 box-shadow(一)

学习代码来自http://www.imooc.com/code/382

阴影 box-shadow(一)



box-shadow是向盒子添加阴影。支持添加一个或者多个。


很简单的一段代码,就实现了投影效果,酷毙了。我们来看下语法:


box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];

参数介绍:


注意:inset 可以写在参数的第一个或最后一个,其它位置是无效的。


为元素设置外阴影:


示例代码:


.box_shadow{
box-shadow:4px 2px 6px #333333;
}

效果:


为元素设置内阴影:


示例代码:


.box_shadow{
box-shadow:4px 2px 6px #333333 inset;
}

效果:



添加多个阴影:

以上的语法的介绍,就这么简单,如果添加多个阴影,只需用逗号隔开即可。如:


.box_shadow{
box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset;
}

效果:




任务



在右侧编辑器中的第10行,为div添加两个不同的阴影,一个外部阴影,一个内部阴影。


根据添加多阴影的办法 直接用逗号隔开添加即可



<!doctype html>
<html>
<head>
<meta charset=”utf-8”>
<title>boxshadow</title>
<style>
.boxshadow-outset{
width:100px;
height:100px;
box-shadow:4px 4px 6px #666,4px 4px 6px #324 inset;
}
.boxshadow-inset{
width:100px;
height:100px;
box-shadow:4px 4px 6px #666 inset;
}
.boxshadow-multi{
width:100px;
height:100px;
box-shadow:4px 2px 6px #f00, -4px -2px 6px #000, 0px 0px 12px 5px #33CC00 inset;
}

</style>
</head>

<body>
<h2>外阴影</h2>
<div class=”boxshadow-outset”>
</div>
<br />
<h2>内阴影</h2>
<div class=”boxshadow-inset”>
</div>
<br />
<h2>多阴影</h2>
<div class=”boxshadow-multi”>
</div>
</body>
</html>

 




CSS3:圆角效果

学习文章自:http://www.imooc.com/code/380

圆角效果 border-radius



border-radius是向元素添加圆角边框。


使用方法:


border-radius:10px; / 所有角都使用半径为10px的圆角 /



border-radius: 5px 4px 3px 2px; / 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 /



不要以为border-radius的值只能用px单位,你还可以用百分比或者em,但兼容性目前还不太好。


实心上半圆:


方法:把高度(height)设为宽度(width)的一半,并且只设置左上角和右上角的半径与元素的高度一致(大于也是可以的)。


div{
height:50px;/是width的一半/
width:100px;
background:#9da;
border-radius:50px 50px 0 0;/半径至少设置为height的值/
}

实心圆:

方法:把宽度(width)与高度(height)值设置为一致(也就是正方形),并且四个圆角值都设置为它们值的一半。如下代码:


div{
height:100px;/与width设置一致/
width:100px;
background:#9da;
border-radius:50px;/四个圆角值都设置为宽度或高度值的一半/
}


实心左半圆


实行上半圆是把 左上 右上设置为50px 左半园当然是把左上 左下设置为50px


div.semi-circle{
height:100px;
width:50px;
background:#9da;
border-radius:50px 0 0 50px;
}

 



JavaScript-悬浮导航栏

JavaScript悬导航栏,代码很简单 具体看分析吧


记得把 导航栏设置为absolute 要不然top这个属性是无效的


<!doctype html>
<html lang=”en”>
<head>
<meta charset=”UTF-8”>
<title>js-页面悬浮导航</title>
<style type=”text/css”>
#xf{
list-style: none;
position: absolute;
}
#xf li{
float: left;
margin: 10px;
background: gray;
}

</style>
<script type=”text/javascript”>
var get_xf=document.getElementById(“xf”)//获取到需要悬浮的导航栏的id
window.onscroll=function(){//绑定滚动条事件
xf.style.top=(document.documentElement.scrollTop||document.body.scrollTop)+”px”//设置导航条离屏幕顶部的距离
console.log(xf.style.top);//输出top数值
};




</script>
</head>
<body>
<ul id=”xf”>
<li>hello</li>
<li>world</li>
<li>test</li>


</ul>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
<p>测试文本</p>
</body>
</html>

 

【转】JavaScript之变量作用域:域域域域域鱼?

本文摘自


http://www.cnblogs.com/dolphinX/archive/2012/09/29/2708763.html


 


function outerFn() {//定义一个outerFn函数
document.write(“运行的是outerFn函数<br/>”);//打印
var innerVar = 0;//设置outerFn中的全局变量innerVar 因为这个变量在outerFn有效
function innerFn() {//定义一个匿名函数 这样写也ok var innerFn=function(){}

innerVar++;//每次调用这个函数都会给innerVar+1
document.write(“调用Inner函数 \t”);//打印
document.write(“innerVar = “+innerVar+”<br/>”);//打印innerVar次数
}
return innerFn;
//在第一次运行了outerFn函数后,然后outerFn函数就指向了outerFn函数中的innerFn函数
//为什么会指向呢? 因为返回了innerFn这个函数
}
var fnRef = outerFn();//这里调用outerFn函数后 fnRef就指向了innerFn
fnRef();
fnRef();
var fnRef2 = outerFn();//创建一个新的fnRef2函数
fnRef2();//这里的变量并不会共享
fnRef2();
fnRef2();