《三世界》

这是一个四年前的视频,不知道为什么今天在youku上搜了这个。

一些评论:

有的人是能追求却什么不做,而有的人求其一生所追求的不过是泡影~~~如果非要说谁对谁错的话,也许,有追求会过得比较充实吧~~不管结果如何···
@淑烟淡雨:感觉好伤感 每个人都在寻找自己的幸福,每个人都以为别人是幸福的,因为自己最想要的东西似乎都是被别人拥有,但其实,人们忘记了自己所拥有的幸福,因此只能不停不停的寻找,不停的困惑和烦恼,迷茫和疲倦。
我的理解是 蜡烛是生命 第一只熊着衣食无忧的生活 但是更想得到 物质上的生活(比如刚踏入社会),第二只熊,已经有了物质上的生活,但是更想要精神上的安逸,想休息(比如打拼了自己的事业)第三只熊什么都不想要是因为他时间已经静止了(比如老去的人们),最后蜡烛熄灭,却什么也没看到没留下。
浪漫 与 人生所追求的奢望 这个片子很有寓意 现在不懂的 也许有天回首起来 你就明天寓意了
最后一刻烛火被雨水浇灭,好像一切都崩溃了 我很希望从这么唯美的预言里看出希望 她是在诉说,告诫,人呀,在烛火旺盛的时候,一定要去寻找你的希望!
理想很丰满,现实很骨感…… 毕竟世界上第二种小熊占了大部分。 若是因为看到主角小熊最终的结果而觉得人生没有意义,估计也就误会作者的意思了
如果把路边的三只熊看成是同一只熊的三个阶段的话,那就是人的欲望是无止境的,即便得到了风铃还想要永恒的时间,等到得到了永恒的时间的时候,却丧失了自由,永远也无法得到满足,就如主角熊最终找到了梦想的光亮,得到的却仍是失落! 所以我认为,真正让人幸福的不是得到了什么,而是在生活中成就的一颗淡定博大的心
每个人都是不满足,也许你得到了别人想得到的东西,但是你还是因为没有得到自己想要得到的东西而感到困惑,就像穷人想要钱,而有钱人想要真正的情感一样~
helceng
我觉得这个一个极度悲伤的短片,个人认为这个必须得看两遍及以上才可以! 里面有两种小熊,第一种是主角小熊,他有梦想,在追求梦想,但是他最后快要找到梦想的时候却发现事与愿违,并且哪怕是最后一点的可以值得欣慰的梦想(那快熄灭的烛光)也被雨给淋湿了,希望破灭了,这个反映的是现实世界人们的梦想实现的困难性,很打击人啊! 第二种小熊则是另外的三个路上遇见的,要么是有所希望,自己却不追寻,而等待,要么是根本就没有梦想,这些也导致了他们人生的荒废; 由此可见,这个短片反映了这样一个悲观的事实:在现实的社会,无论你是否有梦想,你最后都得生活的很郁闷! 这个感觉真的是很悲观啊……不知道大家支持不?或另有高见?

html5_meter 和 progress元素

貌似两个都跟进度有关系

但是根据 w3cSchool

定义和用法
<meter> 标签定义已知范围或分数值内的标量测量。也被称为 gauge(尺度)。
例子:磁盘用量、查询结果的相关性,等等。
注释:<meter> 标签不应用于指示进度(在进度条中)。如果标记进度条,请使用 <progress> 标签。

meter例子

progress 例子

html 结构 主体框架 tab nav slider

一些结构

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

<!--主体结构-->
  <div class="header">
    <div class="container"></div>
  </div>
  <div class="page">
    <div class="container">
      <div class="sidebar"></div>
      <div class="content"></div>
    </div>
  </div>
  <div class="footer">
    <div class="container"></div>
  </div>
  
 <!--nav--> 
  <ul class="nav">
    <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>
  
  <!--tab-->
  <div class="tab">
    <ul class="tab-header">
      <li><a href="#tab1"></a></li>
      <li><a href="#tab2"></a></li>
      <li><a href="#tab3"></a></li>
    </ul>
    <div class="tab-content">
      <div class="tab-panel" id="tab1"></div>
      <div class="tab-panel" id="tab2"></div>
      <div class="tab-panel" id="tab3"></div>
    </div>
  </div>

<!--slider-->
  <div class="slidershow">
    <div class="slider">
      <ul class="slider-item">
        <li>
          <a href=""><img src="" alt=""></a>
          <div class="sldier-caption">
            <h4 class="title"></h4>
            <div class="caption-des"></div>
          </div>
        </li>
        <li><a href=""><img src="" alt=""></a></li>
        <li><a href=""><img src="" alt=""></a></li>
        <li><a href=""><img src="" alt=""></a></li>
        <li><a href=""><img src="" alt=""></a></li>
      </ul>
      <ol class="slider-control">
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ol>
      <a href="" id="pre"></a><a href="" id="next"></a>
    </div>
  </div>

</body>
</html>

js 与 css 结合一个简单的日历

先看demo

 思路:只要知道每个月的第一天是星期几,以及这个月有多少天。那么就可以画出图片的效果。

 比如:2014年8月1日 是星期五,这个月有31天,那么前面先添加5个空白日期,接着在循环31天的日期,然后控制每排显示7个,剩下的就不用考虑了

期望:通过创建function init(y,m,d){...},传入y(年)、m(月)、d(日)三个参数,来生成日历(其实年月就够了)。

核心代码:

//当月有多少天
 var monthDays = (m + 1 > 12) ? new Date(+new Date(y+1+'/'+1+'/1') - 1).getDate() : new Date(+new Date(y+'/'+(m+1)+'/1') - 1).getDate();
 console.log(m+'月有'+monthDays+'天'); 
 //第一天是星期几
 var firstDay = new Date(y+'/'+m+'/1').getDay();
 console.log('第一天'+y+'/'+m+'/1'+'是星期'+firstDay+'前面要添加'+(firstDay-1)+'个空白日期');
 var dayHtml = [];
 
 //填充空白日期
 for(var i = 0, len = firstDay; i < len; i++){
 dayHtml.push("<li><a></a></li>");
 }
 //填充日期
 for(var i = 1, len = monthDays; i <= len; i++){
 dayHtml.push("<li title='"+y+"/"+m+"/"+i+"'><a>" + i + "</a></li>");
 }

禁止wordpress加载google字体

google 被屏蔽了,由于wordpress 加载了google字体,导致网页打开缓慢,字体显示不出来。
解决:

找到主题文件
比如:
.\wp-content\themes\twentytwelve  
下的functions.php
找到twentytwelve_get_font_url()方法  121行

注释掉  return $font_url;  这段代码  //return $font_url;
   

最近发现还是很慢,用fiddler 还是能看到加载了google 的字体。 搜索一番发现很多地方都 引用了 fonts.googleapis.com/

D:\wamp\www\blog\wp-includes\js\tinymce\plugins\compat3x\css\dialog.css
D:\wamp\www\blog\util\colors\colors
D:\wamp\www\blog\wp-content\themes\decode\functions.php  将 wp_enqueue_style 注释
D:\wamp\www\blog\wp-content\themes\govpress\functions.php 继续wp_enqueue_style('g
D:\wamp\www\blog\wp-content\themes\omega\lib\extensions\theme-fonts.php 
D:\wamp\www\blog\wp-includes\script-loader.php
D:\wamp\www\blog\wp-content\themes\twentytwelve\functions.php

只要有的 全部注释掉,或者删掉。 2015年2月3日18:51:12

恩 网站打开感觉快了点。