LOFTER for ipad —— 让兴趣,更有趣

点击下载 关闭

LOFTER-网易轻博

summary

2266浏览    65参与
季晨橙

小周记

发现自从学到了一种新的涂法后很想把之前画的画回炉重造_(: 」∠)_

但是以自己的行动力来讲应该是不大行的。。。

或许再摸新的图会比较好

目前发现涂妹子确实很爽啊!!!(淦不知道前面画了多少个男孩纸)

本周完成已目标:

  • 剪了个赤安CP的AMV(周末导出来)_(:τ」∠)_(剪视频越剪越爽)

  • 画出来目前计几最好的妹子_(:τ」∠)_ (对,就是我头像)

下周完成目标:

  • 认真摸一幅赤安图!!!!!!

发现自从学到了一种新的涂法后很想把之前画的画回炉重造_(: 」∠)_

但是以自己的行动力来讲应该是不大行的。。。

或许再摸新的图会比较好

目前发现涂妹子确实很爽啊!!!(淦不知道前面画了多少个男孩纸)

本周完成已目标:

  • 剪了个赤安CP的AMV(周末导出来)_(:τ」∠)_(剪视频越剪越爽)

  • 画出来目前计几最好的妹子_(:τ」∠)_ (对,就是我头像)

下周完成目标:

  • 认真摸一幅赤安图!!!!!!

氷川軼のダイアリー
snowwhite

a summary for a spilled milk, rather bloody

'I think I'm hurt, Dad. I think I was the tough girl for too long. My body is a wafer, a thin, soft melt on a choir boy's tongue.'

'I think I'm hurt, Dad. I think I was the tough girl for too long. My body is a wafer, a thin, soft melt on a choir boy's tongue.'

無我夢中

<SUMMARY of Johnnys World > WEB限定Digest盘

自压无损,保留章节。

二传禁商用禁无断转载!】

剪辑版本篇+backstage   密码1个4u

附赠一张来自18岁半的高抬腿~


<SUMMARY of Johnnys World > WEB限定Digest盘

自压无损,保留章节。

二传禁商用禁无断转载!】

剪辑版本篇+backstage   密码1个4u

附赠一张来自18岁半的高抬腿~



Pride
無月

移动端兼容踩坑记录

测试对象: 

微信内嵌X5浏览器,QQ手机浏览器,百度浏手机览器,猎豹手机浏览器,谷歌手机浏览器,UC浏览器


1.旧版本UC不支持calc()

   例如版本号: 11.2.8.855


2.猎豹的min-device-width判定有误  ?! (详细待考证)

   即使设置了<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=...

测试对象: 

微信内嵌X5浏览器,QQ手机浏览器,百度浏手机览器,猎豹手机浏览器,谷歌手机浏览器,UC浏览器


1.旧版本UC不支持calc()

   例如版本号: 11.2.8.855


2.猎豹的min-device-width判定有误  ?! (详细待考证)

   即使设置了<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">


3.QQ手机浏览器,微信X5浏览器的视频点击后自动全屏播放的问题

笔三

My 2015 — The Year Of Unchange

2015 has been a lazy and unchanging year. It’s hard to look back and reflect on everything happened.


No Travelling

Planet earth is wonderful and I believe every human being should spend as much time as possible to travel and explore. It’s in our DNA, it’s who we are. We were not born to lie on a...

2015 has been a lazy and unchanging year. It’s hard to look back and reflect on everything happened.


No Travelling

Planet earth is wonderful and I believe every human being should spend as much time as possible to travel and explore. It’s in our DNA, it’s who we are. We were not born to lie on a couch and watch cheap TV series. We’re born to explore, discover, and burn ourselves to die.


In 2012, I visited 30+ different cities. 3 years later, in 2015, I visited only 2 different cities: Macao and a small town in North.


Lazy

I used out my ambition last winter and early 2105, and started a lazy period of my life:Negative attitude,Lazy working,Hate to learn,No persistence,Care about all the meaningless things,No target,No schedule,Anxiety,Junk food,Games,Erratic hours…


Started fitness

In August, I started my fitness plan. In the first two months, I went to the gym 3 days every week, but my shape did not significant change. So the lazy me told myself to give up, and I did. I feel sick of being a middle-aged lazy man, my life need to be changed particularly.


Started writing

This is maybe the only good thing that can comfort me. Design need speculative knowledge, focus, keep think, and adjust the perspective. Writing all thought down will help me think better.


Freelance Designer

I learned that being a 9 to 5 employee is not the only way how I wanna to spend my life. I know the dynamics of outsourcing, and I also know the original intention to be a part-timer is to build my capabilities of design. In 2015, I received 4 outsourcing design projects to make my every weekend busier, and get more valuable project experience. That help me to be more mature and efficient in design thinking.


2016

I'm sure I forgot so many other things that would be worth mentioned here, but just writing this piece helped me to digest and reflect everything that happened.


Keep on running,

Bezantee



·個人主頁:be.net/bezantee

·筆三的設計筆記 medium.com/@bezantee


無月

悬停时放大

    .modules .thumb img{

-webkit-filter: grayscale(1);

filter: grayscale(1);   //CSS3 黑白滤镜属性 1为黑白-moz-transform: translate(-50%, -50%) scale(0.7);-ms-transform: translate(-50%, -50%) scale(0.7);

-webkit-transform: translate(-50%,...

    .modules .thumb img{

-webkit-filter: grayscale(1);

filter: grayscale(1);   //CSS3 黑白滤镜属性 1为黑白-moz-transform: translate(-50%, -50%) scale(0.7);-ms-transform: translate(-50%, -50%) scale(0.7);

-webkit-transform: translate(-50%, -50%) scale(0.7);

transform: translate(-50%, -50%) scale(0.7);

-moz-transition: all 0.3s;-o-transition: all 0.3s;

-webkit-transition: all 0.3s;

transition: all 0.3s;

}

.modules .module:hover img {

-webkit-filter: grayscale(0);  //CSS3 黑白滤镜属性 0为原色

filter: grayscale(0);-moz-transform: translate(-50%, -50%) scale(1);-ms-transform: translate(-50%, -50%) scale(1);

-webkit-transform: translate(-50%, -50%) scale(1);

transform: translate(-50%, -50%) scale(1);

}


参考网站:

http://easyrocketstudio.com/




無月

页面滚动时,nav固定在顶部

CSS:

.f-nav {

  1. width: 100%;

  2. top: 0;

  3. left: 0;

  4. z-index: 9989;

  5. position: fixed;

}


JS:

$(window).scroll(function() {

    if ($(this).scrollTop() > 690) {

        $("nav").addClass("f-nav")...

CSS:

.f-nav {

  1. width: 100%;

  2. top: 0;

  3. left: 0;

  4. z-index: 9989;

  5. position: fixed;

}


JS:

$(window).scroll(function() {

    if ($(this).scrollTop() > 690) {

        $("nav").addClass("f-nav")

    } else {

        $("nav").removeClass("f-nav")

    }

});


示例:

http://www.agenciamestre.com/anuncios-facebook/




無月

万恶的IE需要兼容的地方

CSS:

1.透明度opacity

IE8以及更早版本需要使用filter:Alpha(opacity=50)

2.Transforms

兼容代码生产网址

3.Zoom

zom在IE浏览都是左上角对齐,一定要注意这点,可以使用Transforms兼容写法来搞定缩放


JS:

1.addEventListener() 

IE8以及更早版本需要使用attchEvent();

兼容两种写法

var x = document.getElementById("myBtn");
if (x.addEventListener) {  ...

CSS:

1.透明度opacity

IE8以及更早版本需要使用filter:Alpha(opacity=50)

2.Transforms

兼容代码生产网址

3.Zoom

zom在IE浏览都是左上角对齐,一定要注意这点,可以使用Transforms兼容写法来搞定缩放


JS:

1.addEventListener() 

IE8以及更早版本需要使用attchEvent();

兼容两种写法

var x = document.getElementById("myBtn");
if (x.addEventListener) {                    //所有主流浏览器,除了 IE 8 及更早 IE版本
    x.addEventListener("click", myFunction);
} else if (x.attachEvent) {                  // IE 8 及更早 IE 版本
    x.attachEvent("onclick", myFunction);
}


2.preventDefault

Jquery的event.preventDefault()的写法在IE9会报错,针对这个问题,可以这么写:

if ( e && e.preventDefault )

{
    e.preventDefault();
} else {

    window.event.returnValue = false;

}


3. window.onload

IE8里必须是window.onload = test; 

如果是window.onload = test(); 会报错


JS库

velocity.js

需要使用1.2版本,不然IE8会报错


swiper.js

IE8需要使用swiper2, swiper3不兼容

無月

自定义字体

css:

@font-face {

    font-family: 'invitation';

    src: url('invitation.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

[data-icon]:before {

    font-family: 'invitation'; ...

css:

@font-face {

    font-family: 'invitation';

    src: url('invitation.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

}

[data-icon]:before {

    font-family: 'invitation';           //如果不设置字体, 会直接显示data-icon对应的值,例如data-icon="a",则内容为“a”:

    content: attr(data-icon);           

    speak: none;                              //如果只是装饰用,则设置该语言

    font-weight: normal; 

    font-variant: normal;

    text-transform: none;

    line-height: 1;

    -webkit-font-smoothing: antialiased;  //使得字体更圆滑,没有锯齿

}


HTML:

<b  data-icon="a"></b> 

無月

repaint和reflow


概念介绍

一个页面由两部分组成:
1.  DOM:描述该页面的结构
2.  render(渲染):描述 DOM 节点 (nodes) 在页面上如何呈现


  • 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint。

  • 如果该次变化涉及元素布局 (如 width), 浏览器则抛弃原有属性, 重新计算并把结果传递给 render 以重新描绘页面元素, 此过程称为 reflow...


概念介绍

一个页面由两部分组成:
1.  DOM:描述该页面的结构
2.  render(渲染):描述 DOM 节点 (nodes) 在页面上如何呈现

 

  • 当 DOM 元素的属性发生变化 (如 color) 时, 浏览器会通知 render 重新描绘相应的元素, 此过程称为 repaint。

  • 如果该次变化涉及元素布局 (如 width), 浏览器则抛弃原有属性, 重新计算并把结果传递给 render 以重新描绘页面元素, 此过程称为 reflow。


过程:

1.解析HTML代码并生成一个 DOM 树。

2.解析CSS文件,顺序为:浏览器默认样式->自定义样式->页面内的样式。

3.生成一个渲染树(render tree)。这个渲染树和DOM树的不同之处在于,它是受样式影响的。它不包括那些不可见的节点。

4.当渲染树生成之后,浏览器就会在屏幕上“画”出所有渲染树中的节点。



reflow(回流)

用以确定对象位置,或者是调用mozilla的Layout,会触发repaint。

与repaint区别就是他会影响到dom的结构渲染,同时他会触发repaint,他会改变他本身与所有父辈元素(祖先),这种开销是非常昂贵的,导致性能下降是必然的,页面元素越多效果越明显。


repaint(绘制)

颜色、字体大小等都确定下来后,浏览器于是便把这些元素都按照各自的特性绘制了一遍


会出现reflow的情况:

1))指定图片宽高的话,图片的载入会使页面reflow, 因为要根据图片宽高来更新frame。这里就有一个提高页面性能的小技巧:如果事先能够确定图片宽高的话,最好在HTML里写上。

2) display:none;

而另外一个切换可见性的属性visibility则不存在reflow问题,置为visibility:hidden的元素的frame并没有销毁,需要显示的时候其实就是一个repaint过程而已,没有reflow,因此效率会更高。

3 )元素position在absolute和static之间切换的时候


会出现repaint的情况:

1 )应用新的样式或者修改任何影响元素外观的属性

2 )visibility:hidden

3 ) 拖动滚动条的时候


会出现reflow+paint的情况:

1)DOM元素的添加、修改(内容)、删除、移动

2 ) Resize 窗口的时候(移动端没有这个问题)

3)修改text属性


优化的方法:

1)需要对多个DOM元素的样式进行修改时,尽量预先定于好对应的class,使用修改classname的方式类修改

el.style.color = 'red;

使用style的话每一次赋值都会造成浏览器重新渲染

2 )把 DOM 离线后修改(即将元素的display设置为”none”,完成修改后再把display修改为原来的值)

    a> 使用 documentFragment 对象在内存里操作 DOM。
    b> 先把 DOM 给 display:none (有一次 repaint),然后你想怎么改就怎么改。比如修改 100 次,然后再把他显示出来。
     c> clone 一个 DOM 节点到内存里,然后想怎么改就怎么改,改完后,和在线的那个的交换一下。

3 )不要把 DOM 节点的属性值放在一个循环里当成循环里的变量。不然这会导致大量地读写这个结点的属性。

4 )尽可能的修改层级比较低的 DOM节点。当然,改变层级比较底的 DOM节点有可能会造成大面积的 reflow,但是也可能影响范围很小。

5 )为动画的 HTML 元件使用 fixed 或 absoult 的 position,那么修改他们的 CSS 是会大大减小 reflow 。使元素脱离标准流,也从DOM树结构中脱离出来,在需要reflow时只需要reflow自身与下级元素

6 )尽可能不使用 table,因为可能很小的一个小改动会造成整个 table 的重新布局。

7 )为动画的 HTML 元件使用 fixed 或 absoult 的 position,那么修改他们的 CSS 是会大大减小 reflow

8 )避免使用expression,他会每次调用都会重新计算一遍(包括加载页面)

9 )缓存Layout属性值

对于Layout属性中非引用类型的值(数字型),如果需要多次访问则可以在一次访问时先存储到局部变量中,之后都使用局部变量,这样可以避免每次读取属性时造成浏览器的渲染。

var width = el.offsetWidth; var scrollLeft = el.scrollLeft;



存在疑问:

1.  每次出现reflow必定伴随repaint?


参考文章:

1. 【关于reflow—HTMLCSS教程】

2. 【javascript性能优化-repaint和reflow - 潴哥 - 博客园】

3. 【实验:absolute/display隐藏与回流等性能 « 张鑫旭-鑫空间-鑫生活】

4. 【页面重构应注意的repaint和reflow - 网页制作 - 蓝色理想】

5. 【[ JS 进阶 ] Repaint 、Reflow 的基本认识和优化 (2) - 温故而 ' 自信 ' - SegmentFault】

6. 【如何减少浏览器repaint和reflow(上) - 百度互联网技术官方博客 - 博客频道 - CSDN.NET】








Fiery.Zig

Summary.E

  • intrinsic

  • irritate

  • manifest

  • obscure

  • paradox

  • allege

  • articulate

  • assertive

  • bewilder

  • conform


  • contrive

  • converge

  • deteriorate

  • disperse

  • elicit

  • eligible

  • exquisite

  • hamper

  • impart

  • incentive

  • indignant

  • infectious

  • intrinsic

  • irritate

  • manifest

  • obscure

  • paradox

  • allege

  • articulate

  • assertive

  • bewilder

  • conform


  • contrive

  • converge

  • deteriorate

  • disperse

  • elicit

  • eligible

  • exquisite

  • hamper

  • impart

  • incentive

  • indignant

  • infectious

Fiery.Zig

Summary.E

  • ascribe

  • overwhelm

  • overwhelming

  • conspicuous

  • brisk

  • conceive

  • eccentric


  • intrinsic

  • manifest

  • obscure

  • allege

  • bewilder

  • conform


  • exquisite

  • hamper

  • impart

  • incentive

  • infectious

  • ascribe

  • overwhelm

  • overwhelming

  • conspicuous

  • brisk

  • conceive

  • eccentric


  • intrinsic

  • manifest

  • obscure

  • allege

  • bewilder

  • conform


  • exquisite

  • hamper

  • impart

  • incentive

  • infectious

無月

前端小技巧个人小笔记

1.【带边框并排的DIV】

使用box-sizing:border-box;妈妈再也不担心with:50%;的情况下,div不在一列上!


2.【四角弧形矩形可以自定义每个角的弧度】

border-radius: 20px 30px 60px 70px / 10px 40px 50px 80px;

[MDN测试页面]


3.【表格单元格等宽】

     可以使用table-layout: fixed。默认情况下是auto。如果不设置宽度,则随机分布宽度与高度。更详细的表述戳[table-layout属性研究传送门]...

1.【带边框并排的DIV】

使用box-sizing:border-box;妈妈再也不担心with:50%;的情况下,div不在一列上!


2.【四角弧形矩形可以自定义每个角的弧度】

border-radius: 20px 30px 60px 70px / 10px 40px 50px 80px;

[MDN测试页面]



3.【表格单元格等宽】

     可以使用table-layout: fixed。默认情况下是auto。如果不设置宽度,则随机分布宽度与高度。更详细的表述戳[table-layout属性研究传送门]

  • 格子被撑开的情况:

    1 ) 在默认情况下,设置了white-space: nowrap;

    2)在默认情况下,单元格中的图片宽度大于单元格的宽度

    3)某些预设格式


    (白色区域为table的witdh)

    4)在设置了table-layout: fixed的情况下,用pc为单位赋值,且单元格的总width > table 的width




  • 内容超出了格子的情况:

    1)设置了table-layout: fixed的情况下,还设置了white-space: nowrap;


    (白色区域为table的witdh)


4. 【表格边框处理】

     [传送门]


5.【距离物体有一段距离的边框】- 移动端

    可以使用outline-offset: 15px; 

    [demo传送门]

    


6. 【背景大图永远居中】

     1)方法一:css

      width:XXX;(填入所需要的数值)

      height: XXX;(填入所需要的数值)

      background-image: url("../img/index_bg.png");

      background-repeat:no-repeat;

      background-position: center center;

      background-size: cover;

     注意:它的其中一个父对象必定要设置max-width,否则不生效!设置成max-with

      2 )方法二:js

      var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;
      var bgContainer = document.getElementById("js-bg-container");
       bgContainer.style.left = -(2200-clientWidth)/2+'px';


7.【子串匹配属性选择器】

eg:   [class^=”icon-“]

优势:=使用这个的好处是,对于 icon 类的标签,我们再也不需要对其加一个对于 icon 的公用类名,只需要类名是以 icon- 开头就可以匹配所有 icon ,省了一个类名。

缺点:不兼容IE6

so, 移动端项目可以使用


8.【transform的Matrix(矩阵)用法】

transform: matrix(水平缩放比例, 0, 0, 垂直缩放比例, 水平偏移距离, 垂直偏移距离)

[详细解释传送门]


9.【背景大图居中显示】

background-position: center


10.【display:inline-block顶部对齐】

vertical-align: top;


11. 【相对居中】

1)方法一,缺点不兼容IE8

       position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%, -50%);

        -ms-transform:translate(-50%, -50%);

        -moz-transform:translate(-50%, -50%); 

        -webkit-transform:translate(-50%, -50%);

        -o-transform:translate(-50%, -50%);

2)方法二,缺点,需要知道图片的高度与宽度    

        position: absolute;

        left: 50%;

        top: 50%;

        margin-left:  图片宽度/2;

        margin-top:  图片高度/2;


Gemini_Timothy

About a running-against-time translation project

Background: Ever since I am in college majoring in English, translation and interpretation has always been my interest
And daily routines as I would switch between English and Chinese all the time about almost anything I see or hear.
Korean TV drama time would be practice of switching between English...

Background: Ever since I am in college majoring in English, translation and interpretation has always been my interest
And daily routines as I would switch between English and Chinese all the time about almost anything I see or hear.
Korean TV drama time would be practice of switching between English and Korean for me, quite fun actually.
Immersing in the joy of language learning , I've set a goal for myself to become someone like Lan Yang, to make a
Difference with impressive English , eloquence and wisdoms. listening to stories and tell good ones to the public.

Current status , But until now, I still haven't passed the CATTI since I haven't attended the test at all though I singed up for twice,
That money just went waste , every time when the exam is around the corner, I am not ready, so gave up the chance to take the gambling of losing more money. And I would remind myself of this and is always on the alert, to develop a good habit of creating a strong immersion for myself as daily routine, with English radios, magazines, TV series,writing , translation or interpretation in life and work, and random thoughts based on a subject, which benefitted me a lot in my work and has brought extra income for part-time job sometimes. but still, not hard-working enough, so just in the proportion to my efforts. But in cases of running against time, I would , once again , realize the importance of intense and arduous training to reach a better level, to take a leap, to always be on track in pursuit of perfection, a better version of myself , milestones, life is a climb, but the view is great.

Got a running-against-time project from one of my students from training center, so to look back, that job also benefitted me a lot, not something with that much regret. I enjoyed myself a lot as a teacher. But the deadline was suddenly put forward, to finish on time, I even asked for leave for one day and fought until 3am, well, not fought, as I also enjoyed that silent night, typing on my keyboard, to gain a sense of achievement with my knowledge and obtain due financial reward. And I was so focused and proved to myself that I can pull it off within limited time without procrastination, seems like a milestone than before as I always thought too much and would go back and forth about the final version , maybe it was because inadequate confidence or not enough professional technique. I thought to myself, what would it be like if I have insisted on intense training all the time, I've looked up for quite a while and it's time to be back in the saddle, running against time, don't hesitate, otherwise later there would always be excuses and other distractions to hold you back. That far-away dream for overseas study has always been rooted in my heart, yet always seems so distant and untouchable. Well, it's time to bring it to the table and really reinforce myself it's time to make it happen. Otherwise, I'll end up being the kind of person I hate , settling down in a cosy life an find many excuses to forgive oneself for not being the one they aspire to be. But still, room isn't built in one day, it takes time, unremitting efforts are required to be better , and continuous real practices to remind myself of those beliefs reinforced again in the projector this time:

1. sometimes,to push yourself a little bit, the negative emotion at the beginning might be converted to be positive as you focus more , and immersion later will bring real spiritual fulfillment.
2. To learn from every project and to look back of for review and pursuit of perfection. Currently, my inadequate vocabulary of terminology and frequently used phrases , poor skill in editing in word and PPT, self-doubt and self-denial brings down the efficiency a lot, those issues should be avoided or improved in later projects, through more practices an reinforcement, psychological adjustment.
3. To always remind myself of the joy by proving myself and no hesitation or procrastination to hold back things, running against time now , a long way to go, during the process, look back for reviewing mistakes and looking forward with hope to expect more.
4. That I can actually pull it off by pushing myself should be reinforced and addressed in later plan, as I wouldn't push myself that much before, but worth a shot form now on, for a better level in the things I focus on now and a better financial situation to enable me to do more things I desired to do, with myself, with Coco and Nicole , with XM.
5. So priorities now: translation&interpreting , time management to strike a balance with my work about marketing. Always in preparation for next move, next change, or a travel without plan ahead. Management about Relationship with XM as I am more sure about something, to appreciate the luck that I met him, to enjoy the blossom of youth and achieve some milestones. Make full use of my time, avoid things for temporary enjoyment with later regrets.

心但葵倾

每逢假期需谨慎

国庆浪完的一周太颓废。
以后假期不可玩得过心宽,需有点紧迫感!
还长肉了!

国庆浪完的一周太颓废。
以后假期不可玩得过心宽,需有点紧迫感!
还长肉了!

好棒啊

不成系统的系统_004_2015.05.08

----------------

最近要考试了...

----------------

 最近我在做什么:


  • 看书:《物联网导论》(刘云浩_科学出版社)、《Google API大全》(Google API 编委会_电子工业出版社)、《写给大家看的设计书》(Robin Williams[美]_人民邮电出版社)

  • 做演示文稿:  MOOC分享会、论文结构介绍

  • 看论文:DLP原理、立体光刻*光固化*快速成型领域、壁虎爬行原理*壁虎类仿生机器人。

  • 联络: 联系工陪中心的罗老师,联系材料创新实验班的向老师,联络陈学长

  • 送外卖:我...



----------------

最近要考试了...

----------------

 最近我在做什么:

 

  • 看书:《物联网导论》(刘云浩_科学出版社)、《Google API大全》(Google API 编委会_电子工业出版社)、《写给大家看的设计书》(Robin Williams[美]_人民邮电出版社)

  • 做演示文稿:  MOOC分享会、论文结构介绍

  • 看论文:DLP原理、立体光刻*光固化*快速成型领域、壁虎爬行原理*壁虎类仿生机器人。

  • 联络: 联系工陪中心的罗老师,联系材料创新实验班的向老师,联络陈学长

  • 送外卖:我的第一份part time job!  (对工作的认识有一定改变。)

  • 听一些悲伤*治愈*清新系列的中文歌:“我的秘密”_邓紫棋、“关于我爱你“_张悬

  • 尝试用Hexo+Github Page 建立个人站点。

  • 刷中科大高数MOOC,备考

  • 游泳:

  • 职协工作:作为后勤组的成员,买些东西报报账还是应该的。


我的改变*认识:

  • 我是一个在某段时间偏爱一首歌的人,最近喜欢听 邓紫棋的我的秘密,也许是因为歌词跟我心情契合,引起了共鸣。

  • 月初个人精神积极向上,7号开始有些颓靡消沉,觉得凡事都无意义,不好玩。

  • 游泳是我的兴趣之一,我愿意在上面投入自己的精力、时间,并且享受游泳带来的乐趣,以及帮助别人学习游泳时的满足感。更加坚信了游泳是一项使人增加身体自信、心理自信的运动。I love  swimming!

  • 工作是一件值得自己认真对待的事情。渐渐理解了杨绛先生为什么那样热爱自己的工作了。

  • 有必要建立自己的互联网身份了。

       




读书新知心得:

  《写给大家看的设计书》

  • 一旦能够说出什么东西的名字,就会很容易的注意到它。你就会掌握它,拥有它,使它 在你的控制之中。

  •   4大基本原则(CRAP)

      >>Contrast :Change、Verify、Diversification、Difference、

                             如果元素(字体、颜色、大小、线宽、形状、空间等)不相同,那就干脆                           让 他们截然不同。  原则:达到 让页面引人注意,使读者首先看这个                           页 面、这个内容的效果。

      >>Repetition: 

                             通过重复颜色、形状、材质、空间关系、线宽、字体、大小、和图片等                           达到加强版面条理性统一性的效果。

      >>Alignment:

                             每一个元素都应当与页面上的另一个元素有某种视觉联系。从而达到建                           立一种清晰精巧而且清爽的外观。

      >>Proximity  : 

                              逻辑相关项表现在平面排版上,就是物理位置相近。通过增加亲密性,

                              进而达到组织信息减少混乱,为读者提供清晰的结构的效果。



  • Proximity: 将相关的项组织在一起,将不同的项分开。物理位置的接近与分离意味着逻                    辑关联与否


  • 在能够清晰表意的同时,尽可能多的留白。

  • 直角相比圆角更简洁、突出




我的触角:(最近我所扩大的认知领域)

  • hexo

  • ruby

  • node.js

  • Google API

  • 破解:反汇编

  • openCV

  • AxeSlide

  • 网络工程

  • 编辑器很强大:Vim/EMac

  • Markdown似乎很流行。

  • 版本控制:Git





下一步:

  • 继续学习QT&C++。

  • 完成 数电、模电 课程。

  • 开始写树莓派开发日记、

  • 深入学习 openCV

  • 深入学习 linux (ubuntu 和CentOS )

  • 在博客园开技术博客。

  • Python课程开启奋斗模式。

  • 在果壳MOOC学院上 学习前端开发课程。

  • 开始阅读DLP,光固化论文。和壁虎放生机器人论文。






LOFTER

让兴趣,更有趣

简单随性的记录
丰富多彩的内容
让生活更加充实

下载移动端
关注最新消息