前端

上一篇绘制的是大眼怪，这次就来更新《怪兽电力公司》的另外一个主角：毛怪萨利吧！ 毛怪萨利是一只体型庞大并长满蓝色长毛，头上有两个尖角，心地善良友好的怪兽。

大眼仔麦克是《怪兽电力公司》中的主角，众所周知，CSS特效可以绘制出很多漂亮的图案，这篇文章使用CSS+JS 绘制出一个纯css版的大眼仔。

不同类型的元素居中方式略微有一些不同，这里记录的是 行内元素 和 块元素的 水平/垂直 居中。相关行内元素及块元素的解析如下：

一般来说，盒子的布局方式分为水平布局和垂直布局，水平布局即元素在其父元素水平方向的位置布局；垂直布局即相对于水平布局来说简单很多，并不需要满足公式。

关于盒子模型，除了上一章节记录的外边距margin、边框border、内边距padding 以及 盒子本身的宽width 高height 等属性外，盒子还有许多其他有趣的属性。

css开发中，常常会提到一个词 叫做“盒子”,这里的盒子专业名词叫“盒子模型"，通俗的讲，所有的HTML元素都可以看做是一个盒子

最初学习时，习惯将css代码以行内方式直接写在标签上 或者 又以内嵌方式 写在头部标签中，但是，大量的样式代码占据页面导致页面过长，可观性变差

该文章是前端入门文章，有经验的大佬可跳过。css全称层叠样式表是一种用来表现HTM或XML的语言，我们使用自定义的css来修饰各种网页元素

随着电视机手机电脑的普及，听着广播和收音机的我们已经慢慢长大，而它也渐渐淡出人们的视线，逐步退出了市场。今天的css特效就来绘制这个 藏在一代人记忆里的收音机。

今天分享一个有趣的游戏css特效。不知道大家有没有看过一个动画片，名字叫做“咱们裸熊”，主人公是熊熊三兄弟：棕熊大大、熊猫胖达、白熊阿奇。

作为一个程序员, 通常看到的手机电量图都是由美工直接给的切图，以前一直认为这东西也只能是个图片。直到我学会了css的background-image属性的高级用法。

众所周知，美队的盾牌是个圆。在css上很容易表现。这里我们先将父容器定义成一个正方形。然后将边框弧度设置成50%。就能得到一个原型了。

看到上面这个动态效果，是不是会认为它是个物流扫描的动画效果呢。实际上不是的哦，这是一个纯css完成的animation特效，完全不带任何形式的图片。是不是很不可思议

今天在某网站溜达的时候发现一个看似平平无奇的图片。就是下面这个,看似一张普普通通的苹果数据线高清照片，没想到背后居然大有玄机

与jQuery手动操作dom的方式不同，vue采用指令进行双向数据绑定的方式，数据更新则dom更新。

上几章节讲述了开发环境以及开发工具的常用插件。下面开始记录一下 使用命令 vue init webpack projectName 生成的文件目录各有什么含义

工欲善其事，必先利其器，目前比较适合vue开发的软件有 WebStorm、VSCode等。推荐使用开源软件VSCode

vue为目前主流前端框架之一，相对于其他框架入门容易，更容易上手，因此更受欢迎。（此系列入门文章仅为自学自省，记录一些基础知识点）

Canvas动画转视频-前段框架whammy 写一个时钟动画 我直接在官网的demo基础上改了一些。 如何转视频 引入whammy.js的库，下载whammy.js，路径需要在同一级。