首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
Stylus
2005 关注,47 文章
关注
热门
最新
最热
酱菜
4年前
CSS
前端
Yarn
『前端干货篇』:你不知道的Stylus
最近沉迷学习(其实大部分时间都在看英雄联盟S8总决赛),把这几天在学的Stylus做个总结。这篇文章对学习Stylus的新手来说应该会有帮助~ 为了让大家代码观赏性更好,这里的代码都以截图的方式呈现,用的IDE是VSCode。 Stylus是个非常优秀的CSS预编译器,算是前端…
1.3w
125
25
lunlunshiwo
5年前
Vue.js
JavaScript
前端
完成一个城市选择组件(阿里前端题目,内附知识点、思路)
借用了两个久经考验的轮子:fastClick和better-scroll,介意可以就此打住。本文绝对原创,手打,思路清晰,知识不难,不适合大佬观看,谢谢。 首先说一下,我不是阿里的人,也没去阿里面试过,这是某微信群里的一个小伙伴给的,我现在的能力达不到阿里的要求。不过人没梦想还…
1.0w
326
18
FE_莫问
5年前
CSS
PostCSS
JavaScript
谈谈PostCSS
CSS,就是这个看似不起眼的家伙,却在开发中发挥着和js一样重要的作用。css,是一种样式脚本,好像和编程语言有着一定的距离,我们可以将之理解为一种描述方法。这似乎导致css被轻视了。不过,css近几年来正在经历着一次巨变——CSS Module。我记得js的井喷期应该可以说是…
1.1w
75
评论
dragonir
1年前
前端
Stylus
Stylus 学习使用整理总结(上)
程序员必备小知识:Stylus 是富于表现力、动态的、健壮的 CSS 预处理器,本文内容是对 Stylus 的学习和使用过程的整理总结。Stylus特征冒号可选、分号可选逗号可选、括号可选、变量...
1452
14
评论
影浅
5年前
Vue.js
前端
图片资源
用vue做一个酷炫的menu
写在前面 最近看到一个非常酷炫的menu插件,一直想把它鼓捣成vue形式,谁让我是vue的死灰粉呢,如果这都不算爱😔。😆开个小玩耍,我们一起来探索黑魔法吧。观看本教程的读者需要具备一定的vue和
5165
178
2
18037128621
11月前
Stylus
在vue 中使用Stylus
什么是Stylus Stylus是一个CSS预处理器。 什么是CSS预处理器 关于CSS预处理器,推荐先行阅读这篇文章:为您详细比较三个 CSS 预处理器(框架):Sass、LESS 和 Stylus
465
1
1
dragonir
1年前
前端
Stylus
Stylus 学习使用整理总结(下)
小知识,大挑战!本文正在参与“程序员必备小知识”创作活动。 本文承接《Stylus 学习使用整理总结(上)》,整理归纳了了 Stylus 进阶用法,包括剩余参数、条件、内置方法等。 Stylus进阶用
729
7
评论
Rain120
4年前
Vue.js
前端
图片资源
Vue之网易云音乐PC版轮播图的实现
这个子组件主要分为两块。 上面是页面的DOM结构和表现的实现代码,接下来我们要讲的是连招的实现,小心啦,我要摸眼W + R3了。
2144
26
1
NeverYu
2年前
前端
Stylus
在stylus中实现random随机数功能
在使用 Stylus 写下面这个效果的时候,需要用到随机数,可是我翻阅了 Stylus 的文档,却没有发现可用的函数。 翻阅 Stylus 的文档,发现 Stylus 里面支持 JavaScript API,当有一些事情无法使用 Stylus 完成的时候,就在 JavaScri…
1108
2
3
XaYvier
4年前
Stylus
SCSS
CSS
从零开始写个 Stylus 转换器
在开发这个工具的过程中,我学习到了很多以前没有了解过的知识,例如 AST、可执行脚本,用了一些命令行交互的工具,查看了两个项目的源码。最大的感触就是有想法就去做,然后坚持下去,在没有做这个项目之前,一直觉得转换语法是一件很高大上的事情,也从没想过我可以做出来。
1972
20
2
taoqun
5年前
Stylus
CSS
vue 使用Jade模板写html,stylus写css
使用Jade模板写html,stylus写css
2034
23
3
赵安家
5年前
Less
SCSS
Stylus
再谈 CSS 预处理器 | EFE Tech
百度 EFE团队,对比三个主流css预编译器的文章
1863
24
4
你的好友上线了
1年前
Stylus
前端
stylus选择器
记录一下stylus中自己不会以及不熟悉的选择器,^[N]选择器, ^[N] N是数字,0代表第一个级别,最后一个级别是&
448
点赞
评论
klivitamJ
3年前
Stylus
如何灵活的运用before和after
上图就是我想要的加号效果。 回答当然不是的。(我是最讨厌写重复代码的人),我这里就用stylus做了一个简单的封装,具体的代码如下: 关于齿轮呢?我会用到box-shadow,不清楚的小伙伴可以去看看。然后进入绘画流程 简书上面很多的技术类文章呢?我都是当作读书笔记来做的,很多…
995
6
1
Evan_Chiu
3年前
Stylus
Stylus基本使用
3. Example
739
1
评论
温馨提示
当前操作失败,如有疑问,可点击申诉