进公司后参与做了两个推广活动，其他时间都在学习RN，最近做了一个微信端扶贫推广抽奖活动，功能没有很复杂，主要是抽奖，但是跟着新领导学习了一些新工具和知识，记录一下。

博客，博客，我的博客，一直想着把自己的博客经营起来，可之前一直忙着工作，就把博客荒废了，想想真是惭愧。

当鼠标进入和离开一个节点的时候，mouseover和mouseout事件都会被分别激活。然而我们并不能按照字面意思简单地调用这两个事件。因为，当鼠标从一个节点进入它的子节点的时候，mouseout事件也会被激活，同时，当鼠标从子节点移出的时候，由于事件冒泡机制，mouseout事件会再次被激活，显然这样的情况并不是我们想要的。

不同分辨率设备或不同窗口大小下网页布局经常是不同的，一不小心就会发生错位，可以利用@media screen实现网页布局的自适应，但是怎样兼容所有主流设备就成了问题。到底分辨率是多少的时候设置呢？首先看下面的代码,这是从bootstrap中遍历出来的，min-width来确认分别是768、992、1200。当然了过去也有些设备宽度是600、480的，那些小分辨率的我们都归类为小于767的。为什么是小于767而不是768呢，那是因为在css中@media (min-width: 768px)表示最小是768也就是>=768，这里有等于，所以我们判断更小的设备用@media (max-width: 767px)表示<=767就不会有冲突了。

今天来画两个正方体，初步理解下transform 3d概念。

HTML5约等于HTML+CSS+Javascript+API

矩阵看起来是个比较复杂的工具，其实吧，它真的就比较复杂。我开始看也是稀里糊涂，翻了几本书，看了几个大牛的博客，反复看相关视频， 才感觉理解了一部分。如果想更好更透彻地理解，可以参见张鑫旭老师的博客，讲得非常滴好。

记得巴西奥运会的时候，亲爱的巴西人民竟然把我们大中华的国旗绘错了，为什么呢？因为我们可爱的五星红旗每个星星的倾斜角度是不同滴。今天就利用css3的知识绘制我们的国旗，话说第一次画国旗，还蛮激动。。。O(∩_∩)O~

今天get一个CSS3新技能，真的很酷炫，简直惊呆了没见过世面的我，先来晒一下结果图。

background-position定义
background-position属性设置背景图像的起始位置，这个属性设置背景愿图像（由background-image定义）的位置，背景图像如果要重复，将从这一点开始。

CSS3渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过度。
CSS3定义了两种类型的渐变(gradients):
线性渐变（linear gradients）：向下/向上/向右/对角方向
径向渐变(radial gradients)：由它们的中心定义
语法：background: linear-gradient(direction, color-stop1, color-stop2,…)
但针对不同的浏览器要加不同的名称。

问题：中文乱码，除了chrome能正常显示，其他浏览器（ie,firefox,360）均出现乱码。
解决方案：在头部添加如下代码

遇到超出一行要添加省略号的情形，可以使用text-overflow:ellipsis，但是注意这个样式比较特殊。text-overflow属性仅是注解，当文本溢出时是否显示省略标记，并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果。

<canvas>由几组API构成，但并非所有浏览器都支持所有这些API，除了具备基本绘图能力的2D上下文，<canvas>还建议了一个名为WebGL的3D上下文。

如何用CSS绘制三角形？先来理解以下原理。

BFC: Block Formating Content 用来清除浮动，处理浮动元素脱离文档流的问题

行内元素（被设置为文本、图片等行内元素）居中，在父元素中设置text-align:center.

position属性拥有3种定位形式：1.静态定位 2.相对定位 3.绝对定位
可设置4个属性值：static（静态定位）relative（相对定位）absolute（绝对定位）fixed(固定定位)

在 Web 上应用字体是一项基本技术，同时也是一门艺术。而真正的挑战在于中文字体，由于中文字体组成的特殊性导致其体积过于庞大，除了操作系统内置的字体之外，我们很难在网站上应用其他的字体。在可选性很差的前提之下，如何正确的使用中文字体呢?
首先，以下的字体声明都是很糟糕的，切忌使用:

sublime可以直接打开图片，支持模糊匹配

她，出生于德国，是二战期间和其他幸运的犹太儿童一起逃到英国的难民；
她，是一个自闭症孩子的母亲；
她，是上世纪第一批英国高科技行业的创业者，软件公司上市后员工超过8500人，然而谁又能想到这家公司雇佣的都是失业在家的女程序员，而她们写的黑匣子程序竟被用在波音超音速飞机上；
她，还是伟大的慈善家
…….

最近两个多月断断续续读完了大冰写的四本书，忠实粉丝吗？不能算是，只是喜欢读别人的故事罢了。

花了三四天的时间，终于将自己的博客搭建成功，虽然还是毛坯房，简陋了些，但感觉像有了自己的小窝一样，很开心。尽管如此，心里还是不敢太兴奋，因为实在不知道jekyll会不会突然又报出一个什么error，汗！！另外还要十分感谢计算机系高材生小其同学的指点与帮助，不然真是不知道还要花多长时间。

这么晚好像应该睡觉了