“我”为什么做测试 本篇所指的“我”,其实不光是作者本人,而是大多数从业软件测试的人员。 什么是测试?其实关于测试的名词解释,作者不再进行阐述。...为什么做测试?...也有一些是因为不满足当前自身行业的发展,被迫或主动的选择了测试,比如之前是做开发的,但是由于自己的开发能力不足或是不想天天加班等,才会转到测试。...,如何做的等。...本篇其实没有所谓的指导思想,看似说了一些,但好像什么都没有说,只是单纯的聊聊一些感受,也是想让同行反思一下,为什么要做测试,如何让自己的测试职业发展更好。为什么说如何让自己发展更好?
我是有6年前端及跨平台开发经验、掘金/51CTO活跃作者、曾独立设计混开框架和重构方案并顺利落地 de 小鑫同学。...,有什么优势~ 快速开始: 创建 vite + vue-ts 项目: yarn create vite 安装 Tailwind CSS 依赖: npm install -D tailwindcss@latest...src\styles\index.css @tailwind base; @tailwind components; @tailwind utilities; src\styles\index.scss...PostCSS Language Support支持css未知规则如tailwind中的 @tailwind、@apply、@screen。...-- 移动端优先设置:最大宽度、容器居中、背景色、圆角、阴影 --> <!
最重要的是,Tailwind CSS 突然出现,通过它的实用至上的 CSS 的类名使用,迫使我们重新考虑传统的语义类名称的设计。...~ (本文会举例个人觉得最值得讲的进行描述~,当然我觉得整个报告都非常的迷人,都非常值得看,但是因为篇幅原因,我对某些部分进行了删减,强烈建议去看完整版!!!...,仅仅用一行代码实现现在流行的,自适应垂直居中、三列布局、圣杯布局和双飞翼布局等等布局。...Tailwind CSS 等较新的参与者。...CSS 框架这里真的是神仙打架,又诞生了一些新的工具库,但是 Tailwind CSS 依旧处于不可撼动的地位 (想起了几年前还是 BootStrap 霸榜,不禁感叹自己真的老了老了。)
作为替代,我用 JavaScript 编写了所有的 CSS。 我知道你在想什么:“为什么有人会用 JavaScript 编写 CSS 呢?!” 这篇文章我就来解答这个问题。...CSS-in-JS 长什么样? 开发者们已经创建了不同风格的 CSS-in-JS。...为什么我喜欢 CSS-in-JS? 主要是 CSS-in-JS 增强了我的信心。我可以在不产生任何意外后果的情况下,添加、更改和删除 CSS。我对组件样式的更改不会影响其他任何内容。...我知道你在想什么:“Max,你也可以通过其他工具或严格的流程或大量的培训来获得这些好处。是什么让 CSS-in-JS 变得特别?”...CSS-in-JS 将所有这些好处结合到一个好用的包中并强制执行它们。它引导我走向成功的关键:做正确的事情很容易,做错事很难(甚至不可能)。 谁在使用 CSS-in-JS?
Tailwind CSS,一款流行的实用型CSS框架,提供了一套强大的工具,可以轻松地创建令人惊艳的动画效果。...在这篇文章中,我们将探索使用Tailwind CSS进行高级动画的令人兴奋的世界,并揭示一些令人惊叹的技巧,将使您的项目达到一个新的水平。...Transition 与 Transform Tailwind CSS 提供了一系列利用 CSS 过渡和变换的实用类。这些属性使您能够轻松创建平滑的动画和令人惊叹的变换效果,而无需花费太多的精力。...将动画与其他 Tailwind 功能(暗模式)结合使用 Tailwind CSS的动画功能可以与框架提供的其他功能无缝集成。...结束 上述设计的动画展示了使用CSS和Tailwind CSS框架可以实现的多样性和创造力。这些示例展示了各种动画效果,如旋转、弹跳、脉动、翻转和摆动。
我真是服了这个 Astro 老六了,跨版本升级居然有那么多破坏性更改,老版本建的项目直接不能用了。 可以正常启动,打开页面报错: ReferenceError An error occurred....React is not defined 除了要更新 Astro 版本之外,还要更新 React 和 Tailwind 集成: Yarn: # 升级到 Astro v3.x yarn add astro...@latest # 示例:升级 React 和 Tailwind 集成 yarn add @astrojs/react@latest @astrojs/tailwind@latest 更新中。。。...未经允许不得转载:Web前端开发资源网 » Astro v2升级v3版本踩坑记录 推荐阅读: 写一写今天用阿里云安装wdCP搭建网站踩的坑 利用CSS设置图片黑白/灰色效果,同时适用于整站变灰 Photoshop...保存ICO格式插件 ICOFormat.8bi 设置 letter-spacing 后文字不能居中的解决方法 给元素添加伪类 :before 不显示的解决方法
书接上文:当我做 hackathon 时我在做什么(1)。 前文中提到,我做的第二个项目是个可视化的项目,名字叫 deneb。deneb 是天鹅座的一等星,也是夏季大三角和北十字两个星群的端点之一。...嗯,deneb - vega - altair,聪明的你一定想到了我为什么起这样一个名字: ? 为什么是 vega-lite? 在数据可视化这块,我自己走了不少弯路。...如果你需要能够对可视化的图表做简单的动画,plotly 也能胜任。 我一度以为 plotly 是我的真命天子,直到有一天我敲开了 altair [4] 这个潘多拉魔盒。...第五次撞墙:IElixir 和 jupyter notebook 完成 ex_polars 就像打完我自己的淮海战役一样,做 deneb 的过程是摧枯拉朽,几乎不费太大的力气。...最后,我成功解决了问题,并给 IElixir 的作者提交了一个 PR(还有什么比一个对已有开源项目的 PR 更能彰显 OSS-a-thon 的意义的?): ?
Tailwind 是流行的原子化 css 框架。 有多流行呢? 它现在有 68k star 了,要知道 express 才 60k: 那什么是原子化 css?...这个原子化 css 的概念还是很好理解的,但它到底有啥好处呢? 它解决了什么问题? 口说无凭,我们试下 tailwind 就知道了,它就是一个提供了很多原子 class 的 css 框架。...但是还要每次去查文档哪些 class 对应什么样式呀 这个可以用 tailwind css 提供的 vscode 插件来解决: 安装这个 Tailwind CSS IntelliSense 之后的体验是这样的...所以就给这个 css 框架起名叫 tailwind 了。 确实,我也觉得用这种方式来写 css 更加省力、高效,不用写 class 名字了,代码更简洁了,还不容易样式冲突了。...tailwind 本质上就是一个 postcss 插件,通过 AST 来分析 css 代码,对 css 做增删改,并且可以通过 extractor 提取 js、html 中的 class,之后基于这些来生成最终的
我的方法论 清晰可见的目标 我喜欢在做一件事情前把目标能够表达清楚,然后脑海里有一个当我成功达到后这东西该长什么样的草图。...这个插件唯一的缺憾是无法使用我自己定义的 custom.css,但不影响对 slides 做一个大致的预览。 ?...我喜欢写一个简单的 Makefile 将其自动化,这样我按需 make 即可: MARP=marp --theme $(ASSET_DIR)/custom.css TOP_DIR=slides SRC_DIR...比如我做的这个: ? 工具本身并没有限制我。...其实像 excalidraw 这样的好工具反而能解放我的大脑,因为我不再需要焦虑用什么样的图形才能更好地表达(使用 visio 或者类似工具时我总有类似焦虑),我也不再需要焦虑该为图形配什么样的颜色,因为
我本来计划为 quenya 项目支持 GRPC backend,之前已经有了思路,但一直没时间做。...当我写到 groupby_apply 时,我发现:额错了,额真滴错了。...这是个非常合理的需求,然而 rustler 并不允许我这么做。...(s_eq_u8, u8, eq); 然而,rust 编译器又一次让我撞墙。编译器给出的错误信息不够直白,说的净是那些什么 TokenStream 啦,什么 Group 啦,之乎者也让人看不懂的错误。...我这辈子也没写过这么多无趣的代码。什么 TMD 叫搬砖,这 TMD 就叫 TMD 搬砖。
在本篇技术博客中,我们将深入了解 Tailwind CSS 的主题和使用。...Tailwind CSS 是一种流行的现代化 CSS 框架,它提供了一套原子类(Atomic Classes)来构建网页界面,相较于传统的 CSS 框架,如Bootstrap或Foundation,Tailwind...以下是 Tailwind CSS 的一些重要特点和概念: 原子类:Tailwind CSS 的核心理念是原子类,它提供了大量的类名,每个类名对应一个特定的样式属性。...假设我们要创建一个带有蓝色背景和居中文本的按钮,可以这样写: ...如果你正在寻找一种新的方式来开发 Web 应用程序,不妨尝试一下 Tailwind CSS。 通过以上介绍,相信你已经对 Tailwind CSS 有了初步的了解。
我非常擅长电脑编程,我童年的逃避最终成为了我职业生涯的基石。在某种程度上,编程给了我一种掌控感,就像是我的生活中所缺少的。 灵感来自一位火箭科学家 我九岁的时候,我的世界彻底改变了。...我记得我问,“你在玩什么游戏?” “我还没给它起过什么名字呢,”他回答。我不明白他的意思。 他为什么要叫它什么呢?然后他解释说,这是他自己用BASIC语言写的。 我的大脑爆炸。...我喜欢软件工程师的工作,但我的劳动成果是公司的。我不像我朋友的父亲那样,把我置于他的庇护之下。 我不高兴,但与此同时,我的岳父一直告诉我,如果我百分之百地喜欢我的工作,我就会付钱在那里工作。...他告诉我,除了经济上的回报,工作不需要提供任何东西,我的经历也证实了他的观点。 我的雇主在推销产品,让股东和董事会成员满意。这就是世界的方式。为更大的善做贡献是你在业余时间或退休后做的事。...问问你能做什么。 我绕了一圈。这个从火箭科学家那里学会了编程的男孩现在是一名高级软件工程师,他正在帮助年轻人学习编程的诀窍,以便他们能够挑战计算机科学的边界。
开篇 我听说过Tailwind很长一段时间了,虽然它引起了我的注意,但我一直没有机会使用它。 我现在正在进行一个新项目,刚刚从JS和CCS转换到了Tailwind CSS。...使用Tailwind一段时间后,我觉得是时候写一篇文章来分享我目前所发现的东西了。那么,让我们开始吧。 如何理解Tailwind CSS Tailwind CSS不是典型的CSS框架。...凭借如此高度的灵活性,Tailwind CSS非常有用,可以与项目独特的视觉语言融合在一起,实现统一且一致的设计系统。 为什么选择Tailwind CSS?...1、提升开发速度和效率 通过使用其广泛的实用类集合,您可以快速开发和构建用户界面,避免从头开始创建自定义CSS的需要。通过这样做,您可以专注于应用程序的基本功能和独特特性,同时节省时间。...我认为Tailwind是一个非常有趣的选择,可以添加到任何项目中,特别是我目前正在工作的这个项目,这是一个庞大的项目,有很多开发人员在上面工作,每个品牌都有不同的主题,我认为从JS和CSS迁移到Tailwind
但对其他人来说,CSS 更像是把手伸进《沙丘》中的痛苦之箱,而某个产品经理却拿着匕首抵着他们的脖子,让他们不敢把手抽出来。 有几个原因可以解释为什么科技公司在 CSS 方面一直举步维艰。...由于缺乏对 CSS 的深入了解,又无法聘请到具备这方面知识的人才,人们不得不通过依赖 Bootstrap/Tailwind 或尝试使用 JavaScript 来完成所有工作,来避免编写 CSS。...那么,答案是什么呢? 我们希望我们的风格足够通用,可以在不同的语境中重复使用,但又不会太通用,以至于我们不得不在这些语境中不断重复自己的风格。...这就是为什么我使用单独的标记层来定义上下文。 color-surface-brand-light 可能指向 slate-100 。...} } 文本容器 包含我们的引用块(blockquote)和图像标题(figcaption)的容器应用了一些内边距(padding),同时元素之间也有一些外边距(margin),并且在小屏幕上文本是居中的
前言 最近公司的一个新项目上马,我被安排来做项目初始化,前端初始化的时候使用了 Vue3 + Tailwind CSS + NaiveUI,在搞基础布局的主题变化时出现了本次插曲。...但是我不希望这样写,因为 dark 模式下 UI 按钮组件默认的底色就是我所需的,所以我没理由再去强调 dark 模式下的底色是什么,我只需要使用类似 light:!...在直接提问这个思路下我又尝试问过如下几个问题: Tailwind CSS 中与 dark:bg-whtie 对立的表达是什么 Tailwind CSS 怎样才能使得 bg-white 仅对 light...variants 这项配置,于是: ryomahan [7:09 PM] variants 是什么 ClaudeAPP [7:09 PM] variants 是 Tailwind CSS 一个很强大的功能...(因为我发现它的上个回答并没有生效所以我希望它能够自动修改,结果新生成的内容依旧是没用的) Tailwind CSS variants 的作用是什么(这里我觉得还需要再理解一下实现原理) dark class
公司开发了自己的组件库,组件的样式基于tailwindcss进行开发,所以近期项目重构时,技术组长要求使用tailwindcss,说实话一开始我是排斥的,心想着tailwindcss最后不也是解析成css...现将tailwindcss的总结整理如下: Tailwind CSS 有什么优点? 为什么要使用tailwindcss,人家肯定是有优点。我们才使用的嘛。优点如下: 可定制化程度极高。...但是这个问题在 Tailwind CSS 完全不存在。Tailwind CSS 没有自以为是的封装任何样式给你。 不需要在写 css。 使用 Tailwind CSS,基本可以不用再写 css。...我用 Tailwind CSS 写了几个页面,到目前为止,还没有写过一行 css。 不需要再为 class 取个什么名字而苦恼。...响应式设计 Tailwind CSS 遵循移动优先的设计模式。断点系统很灵活。也是目前所有 css 框架里做的最好的。比如你要实现一个媒体查询,根据不同的屏幕宽度实现不同的图片宽度。
本周早些时候,Matt Rickard 写了一篇题为“为什么 Tailwind CSS 胜出”的文章,该文章登上了 Hacker News 的首页。...“我已经写了将近 20 年的 CSS,它很糟糕,总是难以维护,你的也是一样,”他说。“至少 Tailwind 标准化了糟糕的东西。”...我可以证明处理 CSS 文件的困难——最近,我正在研究我的 Web 2.0 技术博客 ReadWriteWeb 的多个CSS文件,并惊讶于那些文件有多么复杂。...“我看到其他工程师,不论级别如何,都陷入了糟糕的 CSS 中,所以对他们来说,也许 Tailwind 看起来像是一种救星,”他在他的文章中写道。“但是 CSS 现在更好了。...也许他们会在完成了使用 Next.js 和 Tailwind 这些酷工具的一天的有偿工作之后这样做。
什么是unocss unocss是一个即时的原子CSS引擎,它可以让你用简短的类名来控制元素的样式,而不需要写复杂的CSS代码。 当然,原子样式也有很多选择,最著名的就是 Tailwind。...但由于Tailwind 会生成大量样式定义,会导致全量的 CSS 文件往往体积会多至数 MB,从而有性能上有一些不足 ❝扩展:什么是原子化 原子化CSS是一种CSS架构方式,其支持小型、单一用途的类,其名称基于视觉功能...更加通俗的来讲,原子化CSS是一种新的CSS编程思路,它倾向于创建小巧且单一用途的class,并且以视觉效果进行命名。...它可以让你的CSS更一致,因为它遵循一套预设的规则和变量。 它可以让你的CSS更灵活,因为它支持自定义工具类,变体,指令和图标。 它可以让你的CSS更易于维护,因为它避免了样式冲突和重复代码。...❝unocss支持用预设单位(预设单位是rem),也可以自定义单位 ❞ 自定义规则 在vscode中我们都会有用到快捷键一键生成代码,unocss也不例外,假如你有个盒子,里面的内容需要垂直居中,那么就可以定义为
毫无疑问,这个流行的实用优先 CSS 框架具备诸多优点。很可能你对它的惊艳和强大早有耳闻,因为很多开发者正是这么想的。 但关于这个框架,我们还有很多要说的。 什么是 Tailwind CSS?...我们会很快想到这和内联 CSS 是非常相似的,这或许也能解释为什么 Tailwind 的开发者会在文档的开头部分就提及这个问题。...你不能把 CSS 的所有功能”塞到“ class 这一个 HTML 标签属性里,Tailwind 也不能。这样做只会让 HTML 结构越发臃肿。...border-red-400 border-2; } 但比起传统编写 CSS(或者 SASS 等其它预处理器)的方式,我看不出这样做有什么优点。...花费时间和精力学习 Tailwind 的语法和类名,你会逐渐忘记其背后的语法:也即原生 CSS 的语法。如果我的开发者在一个更大的项目中使用 Tailwind 长达一年,他们将会逐渐忘记原生 CSS。
这种似乎失控的编码方式,让我想到了邪恶的“GoTo”语法,很多编程语言里都有它, 但是都不建议你用它。因为邪恶的不是GoTo本身,而是滥用GoTo的我们。...题眼基本表达了我的论点,随着本文的深入会对该论点做加一个约束条件。现在容我开始论证它~ 都说抛异常很重,到底重在哪里? 不整虚的,我们用测试数据来说话。...当接口应答只是true/false的时候,抛异常会是个很匪夷所思的设计; 当下层方法不断的抛出各种异常,然后汇总到拦截器里处理时,或者需要对异常拆开做判断,再自定义成合理的应答话术;或者将好不容易区分开的不同异常...我的态度 任何的系统架构设计,都是在不断的在做天人交战,利弊权衡。鲜有绝对的对与错,只有在当前组织环境内相对的合理与不合理。对于异常用作流程控制这件事,我是投反对票。
领取专属 10元无门槛券
手把手带您无忧上云