优客李李

「给你的生活加点阳光!」

jQuery Notes

I’ve learned “Intro to jQuery” in Udacity. Here is the link: Intro to jQuery. What I’ve learned jQuery is a function as well as an object. It’s a JavaScript library. $ === jQuer...

JavaScript Notes

I learned JavaScript Basics in Udacity. This is the link: JavaScript Basics. What I’ve learned console.log(); //Let interpreter(Chrome dev tools) print out the content. 让解释器打印出括号里面的内容。 ...

Markdown Syntax

These days I’m learning “How to write readme in GitHub”, it’s time to give a collection of Markdown syntax. // 1st level caption 一级标题 // 2nd level caption 二级标题 … // 6th level caption 六级标题 code...

A Simple H5 Game -- Angry Bug(part 2)

Now it’s time to sum up canvas : canvas (画布)is an element of html documents. When using it, we must define the width and height of it, so that the browser can know how large the canvas is;...

A Simple H5 Game -- Angry Bug(part 1)

Recently, on my way processing Udacity Front-end Nanodegree, I met a project called “Classic Arcade Game”, developed by Object Oriented JavaScript and HTML5. Here is my result : https://github.com/...

Example content for posts

This demo page has been used from http://jasonm23.github.io/markdown-css-themes/. A First Level Header A Second Level Header A Third Level Header A Fourth Level Header A Fifth Level Header A ...

To My Future Self

Hey myself: Now I’m in Pittsburgh, PA. I don’t know where you will be in future. There will happen plenty things during the lifetime. What I can handle is, just this moment. What’s my problem ...

JavaScript在for-in循环中,用点还是中括号?

初学JS。在用for in循环的时候,对用点还是用中括号产生了困惑。 困惑阐述: 定义一个对象,含若干属性名称及属性值: 1 2 3 4 5 6 7 8 9 10 11 12 <span style="color: #6ab825; font-weight: bold;">var</span> <span style="color: #d0d0d0...

Srcset 和 sizes

这篇文章虽然已经写得非常棒了,我还是没能看得很懂。。。中文版摘自陈三的blog,附上原文链接。 译注:本文译自 Srcset and sizes,原文使用 CC BY 3.0 许可。感谢作者额外提供一套灰色背景图片。 陈三的补充:如果你只是想了解 srcset 与 sizes,可以直接跳到第二部分,或扩展阅读的链接,第一部分作者只是在论证,在响应式图片里如果使用媒体查询会有什么样的困难。...

Truncate String with Ellipsis 用省略号缩短文本长度

All the following are required, so the text must be in a single straight line that overflows a box where that overflow is hidden. 以下所有条件均须满足:1,单行长文本;2,文本在一个有宽度限制的盒子里;3,此盒子超出部分会隐藏。 Related CSS: 相...