刚开始写这个圆环的时候是参照帖子上给出的css代码代入，然后根据自己的需求改，发现圆环可以完美转动了，但是好像没法用百分比控制，所以放弃了随便copy一个现成的想法，该动动脑子还是有必要的。 css实现圆环的方法很多，我看大部分都是采用边框（border）+ 裁剪（clip：r…

前言这篇文章我已经酝酿了半年之久，或者说拖沓了这么久吧。想说的东西很多，却又无从说起。如今轻量级框架如雨后春笋，层出不穷。我想每个人都应该归纳总结工作中的常见需求，编写一套适合自己的CSS框架。在之前

什么是响应式？同一个页面在不同屏幕尺寸下有不同的布局。 传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就好了，缺点是CSS比较重。 栅格系统用于处理页面多终端适配的问题。栅格的响应式能力，得益于CSS3媒体查询（Media Queries）的强力…

经典的上-中-下布局。 在上-中-下布局的基础上，加了左侧定宽 sidebar。 左边是定宽 sidebar，右边是上-中-下布局。 还是上-中-下布局，区别是 header 固定在顶部，不会随着页面滚动。 左侧 sidebar 固定在左侧且与视窗同高，当内容超出视窗高度时，在…

每一个标准的 HTML 文档都包含一个 head 头部分，除了声明文档类型，编码方式和文档标题，引入外部资源这些基本功能外， 头还能做很多非常有用的事情，这篇文章整理了作者认可的一些最佳实践，写在这里与各位分享。

写了两篇，发现自己给自己挖了好多坑，现在得一点点慢慢填了。这次还是继续写一篇css的内容，来看一下浮动和BFC这两个概念。 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在 CSS 中，任何元素都可以浮动。浮动元素会生成一个块级框，…

github地址： https://github.com/sxzy/myCSS/issues/4 ，喜欢可以关注哦。 CSS中涉及到的百分数有很多，所以有时候多起来的话，概念也就多了，所以也会有些混淆的地方，这里就做一个简单的总结吧，用一张脑图汇总总结了一下。 百分数.png …

手把手第二弹，专治文档各种一笔带过，还小白一片天空～想要接触 vuex 但又无从下手的同学，赶紧收了。

1. 单文件组件 日常开发时，我们项目文件夹通常都是使用 vue-cli 创建的，以 单文件组件 的方式来组织代码的。按照平日的开发流程，现在先创建一个 Toast.vue 文件。 该组件有两个 prop : visible 与 msg。visible 控制显示与隐藏，msg …