nodelover4713

.control 里面放置的是 logo 和 控制按钮，在大屏模式下，只显示 logo，在小屏幕模式将全部显示。 使用 flex 布局，便于垂直居中，禁用掉用户选择，使用 margin-left auto 可以让 flex 布局实现 block 布局中 float right …

通过一个 # 占位符，来减少代码输出量。 jeet 里面的函数参数挺多的，我们只用一个即可，封装的太高了，不太好契合。percentage 可以用来得到百分比。 row 代表单行结构。下面的一些键盘组合代表的方位，比如 jk ，先按 j 再按 k，代表着从左往右，而 kj 则从…

这一节，我们来讲规矩，谈网格，做人可以不要脸，不讲规矩，不讲道理（特指傲娇兽），但底线还是要有的，如同网格一样，不能超出。 这里我们别人封装好的模块，不过呢，我们也会详细介绍一下原理。首先我们安装以下 jeet 框架 这个 jeet 框架有 scss 和 stylus 两个版本…

这一期不涉及框架更新，我们来简单介绍一个各种 CSS 写法。各种写法大致就是相互借鉴吧。 menu 是 block 区块，而 item 是 element 元素，selected 是 modify 状态。相比较普通的而言，它没有优先级问题。 由于我们的纯 css 面向的是前端页…

这一期我们来添加按钮的图标，与常用的附加类，附加类指的是修改文字颜色、背景颜色，边框等等。 修改 src/button.sass 给图标与文字之间添加一些间距。 然后添加图标，这里我们直接使用 ionic 提供的图标。 在这里可以找到文档 https://ionicons.co…

这是一个系列，带着大家封装一个纯 CSS 框架，从零学习 SASS 语法。 首先得为 UI 选择一些基本色调，这其实是最核心的。当你改变一些基本配色之后，你会发现框架完全不同了。 初始化一个 Nodejs 项目，安装 parcel 打包工具，让 parcel 来帮我们处理可编译…