首页
学习
活动
专区
圈层
工具
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用 Carbon 来分享高大上的代码片段

我在推特上关注了很多国外的程序员大佬,包括一些著名框架的官方团队,比如 Facebook 的 React 开发团队,我经常能看到他们在推特中分享一些代码片段,是以图片的方式出现的,这些代码图片让我的印象很深刻...,我之前也疑惑为什么会有这么高大上的分享方式,但是没有找到答案,直到今天我在刷 Github 的时候,推给我一个热门库,随手点开来看了下,谁晓得无心插柳柳成荫,这样一个生成高大上代码片段的第三方库就在我面前了...Carbon就是这样一个能够很容易为你的代码创建漂亮的图片。那么还等什么呢,一起来学着使用吧。 首先我们看一下示例,不然你们并不会知道我说的代码图片是什么风格的 示例 ?...这是一段 JavaScript 的代码,使用 carbon 分享出来的一个片段,怎么样,以后是不是把这样的代码放在博客或者推特上会很特别,也很美观易读呢?...安装之后, 用carbon命令在 Carbon 中导入你当前的 VS Code 文件 其他编辑器对应的插件也可以在 Carbon 的 github 文档中找到哦。

1.7K60

码上掘金,5 个 NICE 的 JavaScript 代码片段分享

这是我参与「掘金日新计划 · 8 月更文挑战」的第20天,点击查看活动详情 ---- 减轻阅读负担,启发创作心智,轻松学习 JavaScript 技巧,日拱一卒,jym,冲~ 不知道哥几个在码上掘金都走起来了没...,本篇带来 5 个 NICE 的 JavaScript 代码片段分享,并附上码上掘金地址。...原因是:依西方的习惯,每隔三位数加进一个逗号,也就是千位分隔符,以便更加容易认出数值。英语里没有“万”“亿”,只有“百万(million)”“十亿(billion)”,千位分隔符就是这么产生的。。。...20220316)); 在线地址: https://code.juejin.cn/pen/7133465433373409311 解析 url 参数为对象 解析 url 参数,并生成对象,也是我们常常遇到的需求...: value; } return cloneObj; }; 在线地址: https://code.juejin.cn/pen/7133468103555416094 ---- 小结:码上掘金这么方便

36150
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    当《剑指 Offer》上的题都变成了动画

    在大厂的面试中,频繁的出现《剑指 Offer》上面的原题。 众所周知,刷题有一个很重要的技巧就是按照标签来刷,在某个时间段内只刷相对应的题目,这种做法可以极大的提高刷题的速度,而且能带来更好的效果。...1、持续地刷同个类型的题目,可以不断地巩固和加深理解。 2、可以更全面地接触这个数据结构,算法的各个变种,这会促使你对这个数据结构,算法的理解更加全面和深刻,学习的效率会更高。...为了帮助大家更好的入门学习算法,经过半年的积累,我给大家卷了《剑指 Offer》系列的三十道题目,相信能帮助你更好的刷题。...比如下面这个视频就是其中的一道题目,结合动画讲解,10 分钟彻底掌握一道算法题。

    41520

    「嘉年华观会」“行走的动画”大厂云上营销之道

    接着上会讨论云上营销这种形式,这回重点我们想探讨一下云上营销的方案之道。...云上营销有一种很直观便捷的方式,就是把企业内部的方案和明星产品功能给客户现场演示,同时不会担心内容被复制,企业信息安全有保障,我们称之为“行走的动画”。 营销之道重在互动。...“行走的动画”,这个平台既可以让生态参与,也可以让客户参与。因此,这是一个联接生态的桥梁,因此它的“道”首先要能互动,接下来就是参与难度。...这是大厂“行走的动画”平台跟小厂的五花八门营销工具平台很大的一个区别。每个企业都想保护自己的资产安全。既要方便、低难度,同时又要防止外面企业组织把自己的产品方案复制,这就需要建立内部的营销平台。...“行走的动画”就是这样的一个平台方式。 欢迎点赞和打赏!

    6810

    制作高大上的Canvas粒子动画

    注意,以下演示的代码只是关键代码,重点在于解决思路。 一、绘制粒子轮廓图 首先要在canvas画布上绘制一个由粒子组成的轮廓图,记录下每一个粒子的坐标,这样才能有后续的动画。 1....至于ctx(画布渲染上下文),可以理解为画布上的画笔,我们可以通过画笔在画布上随心所欲的绘制图案。如果浏览器不支持canvas会直接显示canvas标签中间的文字。..., dHeight); 引用MDN上的一张图会比较清晰的看出每个参数的作用: drawImage就是把一个image对象或者canvas上(甚至是video对象上的的每一帧)指定位置和尺寸的图像绘制到当前的画布上...另外,既然是做成粒子的效果,我们只需要把像素粒子保存一部分,展示在画布上。...粒子执行动画的时机 要让粒子效果比较明显,那就不能让动画效果执行太过整体了,需要让图案上每个粒子有不同的时间间隔启动,根据一定的规律交错的执行动画。

    2.5K100

    分享 16 个常用的自定义表单组件样式代码片段(上)

    大家好,今天给大家分享 16个常用的自定义表单组件样式代码片段上半部分,本文尽量用最简单的CSS布局编写,对你有所启发,也许你有其他的写法,期待你在评论区的分享。...: center; display: flex; flex-direction: row; justify-content: center; } 2、Chip(标签) 带叉号的标签...,我们也会常用到,在一些博客内容网站比较常见,点击对应的标签就会看到相关的列表内容,如下图所示: HTML部分 的设计,如下所示: 这里需要结合label 标签的使用,将其包含在内,原生的复选框默认隐藏,使用 :checked 属性,实现自定义复选框,代码如下(这里只是样式部分...,上述大部分组件都用到 :checked 伪类实现了个性化的表单组件,灵活使用,会实现意想不到的效果,下篇文章我将会分享下半部分,希望今天的分享,对你日常的业务有所帮助, 感谢你的阅读。

    1.9K50

    打造高大上的Canvas粒子动画

    注意,以下演示的代码只是关键代码,重点在于解决思路。 一、绘制粒子轮廓图 首先要在canvas画布上绘制一个由粒子组成的轮廓图,记录下每一个粒子的坐标,这样才能有后续的动画。...至于ctx(画布渲染上下文),可以理解为画布上的画笔,我们可以通过画笔在画布上随心所欲的绘制图案。如果浏览器不支持canvas会直接显示标签中间自己设定的文字。...使用canvas的图像操作API绘制图像 绘制图像的关键API及参数说明: 引用MDN上的一张图会比较清晰的看出每个参数的作用: drawImage就是把一个image对象或者canvas上(甚至是video...对象上的的每一帧)指定位置和尺寸的图像绘制到当前的画布上。...粒子执行动画的时机 要让粒子效果比较明显,那就不能让动画效果执行太过整体了,需要让图案上每个粒子有不同的时间间隔启动,根据一定的规律交错的执行动画。

    2.9K30

    当剑指 Offer 上的题都变成了动画

    在大厂的面试中,频繁的出现《剑指 Offer》上面的原题。 众所周知,刷题有一个很重要的技巧就是按照标签来刷,在某个时间段内只刷相对应的题目,这种做法可以极大的提高刷题的速度,而且能带来更好的效果。...为了帮助大家更好的入门学习算法,经过半年的积累,我给大家卷了《剑指 Offer》系列的四十道题目,相信能帮助你更好的刷题。...每一道都是算法面试的高频类型,并且提供详细的分析、精美的配图、易于理解的动画操作、保姆级别的注释、手把手的视频讲解。...d292703be801b8645c75b182c01835ea&dis_t=1649405914&vid=wxv_2233018727745241097&format_id=10002&support_redirect=0&mmversion=false 《看动画...,拿 Offer》系列的动画、视频、文档均可免费下载,离线播放。

    52020

    动画:删除链表的节点

    ---- 今天分享的题目来源于 LeetCode 上的剑指 Offer 系列 面试题18. 删除链表的节点。...题目汇总链接:https://www.algomooc.com/hi-offer 一、题目描述 给定单向链表的头指针和一个要删除的节点的值,定义一个函数删除该节点。 返回删除后的链表的头节点。...删除链表的节点.005 2、规律 链表的删除操作一般都是使用双指针。 3、匹配 双指针。 4、边界 删除的节点是头节点 三、动画描述 四、图片描述 面试题18. 删除链表的节点.002 面试题18....删除链表的节点.003 面试题18. 删除链表的节点.004 面试题18. 删除链表的节点.005 面试题18. 删除链表的节点.006 面试题18. 删除链表的节点.007 面试题18....我是帅吴,一个用动画刷题的程序员,下期见! 前不久我加了一个群,里面有帅张、帅地、帅北,他们觉得我长得也挺帅的

    1.2K40

    删除GitHub上的历史commit

    -m "更新水印,从头做起"删除原来的分支(默认是master,也有可能是main)git branch -D master把当前分支重命名为主分支 git branch -m master强行推送到远程仓库...风险代码丢失: 删除历史 commit 可能会导致一些代码丢失,这可能会影响到项目的完整性和可用性。团队合作受影响: 如果多个人在同一个分支上工作,删除 commit 可能会影响到其他人的工作。...如果其他人使用被删除的 commit 进行工作,他们可能会遇到错误,这可能会导致协作的停滞和沟通的困难。Git 历史记录混乱: 删除 commit 可能会导致 Git 历史记录变得混乱不清。...如果您不小心删除了重要的 commit,您可能会失去对项目演变的完整历史记录。这可能会导致对项目的分支、合并和代码审查的跟踪困难。...代码库中的依赖关系受到影响: 如果项目中的其他组件依赖于被删除的 commit,删除 commit 可能会导致依赖关系的破坏。这可能会导致其他组件无法正常工作,或者可能需要花费大量的时间来修复问题。

    50330

    Android属性动画完全解析(上),初识属性动画的基本用法

    注意上面我在介绍补间动画的时候都有使用“对View进行操作”这样的描述,没错,补间动画是只能够作用在View上的。...说白了,之前的补间动画机制就是使用硬编码的方式来完成的,功能限定死就是这些,基本上没有任何扩展性可言。...比如说,现在屏幕的左上角有一个按钮,然后我们通过补间动画将它移动到了屏幕的右下角,现在你可以去尝试点击一下这个按钮,点击事件是绝对不会触发的,因为实际上这个按钮还是停留在屏幕的左上角,只不过补间动画将这个按钮绘制到了屏幕的右下角而已...新引入的属性动画机制已经不再是针对于View来设计的了,也不限定于只能实现移动、缩放、旋转和淡入淡出这几种动画操作,同时也不再只是一种视觉上的动画效果了。...它实际上是一种不断地对值进行操作的机制,并将值赋值到指定对象的指定属性上,可以是任意对象的任意属性。

    1.7K70

    用 testdisk 恢复 Linux 上已删除的文件

    当你在 Linux 系统上删除一个文件时,它不一定会永远消失,特别是当你最近才刚刚删除了它的时候。...除非你用 shred 等工具把它擦掉,否则数据仍然会放在你的磁盘上 —— 而恢复已删除文件的最佳工具之一 testdisk 可以帮助你拯救它。...在本篇文章中,我们就来看看如何使用 testdisk 恢复已删除的文件,以及该过程中的每一步是怎样的。由于这个过程需要不少的步骤,所以当你做了几次之后,你可能会觉得操作起来会更加得心应手。...[ Type ] [Superblock] >[ List ] [Image Creation] [ Quit ] 请注意,它看起来就像我们从根目录 / 开始,但实际上这是我们正在工作的文件系统的基点...注意: 对于文件恢复过程中的很多步骤,你可以使用退出(按 q 或“[ Quit ]”)来返回上一步。如果你愿意,可以选择退出选项一直回到该过程中的第一步,也可以选择按下 ^c 立即退出。

    6.8K20

    用 testdisk 恢复 Linux 上已删除的文件

    当你用 testdisk 恢复被删除的文件时,你最终会将恢复的文件放在你启动该工具的目录下,而这些文件会属于 root。出于这个原因,我喜欢在 /home/recovery 这样的目录下启动。...下一步是选择被删除文件所存储的磁盘分区(如果没有高亮显示的话)。根据需要使用上下箭头移动到它。然后点两次右箭头,当 “Proceed” 高亮显示时按回车键。...[ Type ] [Superblock] >[ List ] [Image Creation] [ Quit ] 请注意,它看起来就像我们从根目录 / 开始,但实际上这是我们正在工作的文件系统的基点...注意: 对于文件恢复过程中的很多步骤,你可以使用退出(按 q 或“[ Quit ]”)来返回上一步。如果你愿意,可以选择退出选项一直回到该过程中的第一步,也可以选择按下 ^c 立即退出。...# References * [用 testdisk 恢复 Linux 上已删除的文件](https://linux.cn/article-12674-1.html) * [TestDisk CN](https

    64110

    在 Linux 上查找和删除损坏的符号链接

    符号链接(symbolic link)在 Linux 系统上扮演了非常有用的角色。...它们可以帮助你记住重要文件在系统上的位置,使你更容易访问这些文件,并让你不必为了更方便访问大文件而复制它们,从而节省了大量的空间。 什么是符号链接?...通常称它们为“符号链接”或“软链接”,符号链接是非常小的文件。实际上,符号链接真正包含的是它指向的文件的名称,通常包含路径(相对于当前位置或绝对路径)。...符号链接损坏时 当一个符号链接所指向的文件从系统中删除或重新命名时,符号链接将不再起作用。符号链接只不过是存储在某个特定目录中的引用而已,它不会随着指向它的文件发生变化而更新或删除。...实际上,如果需要,你可以使用一条命令查找并删除损坏的符号链接,如: $ find .

    2.7K21

    visual studio 2012如何彻底删除TFS上的团队项目

    本人的TFS地址:https://zfanlong1314.visualstudio.com/ 最近在进行TFS的测试,在TFS服务器上建立了很多项目,发现在Team Explorer中,只能移除团队项目...最后发现,必须使用命令行的方式来删除项目,具体使用方法如下: 1、微软提供了一个删除工具,位于C:\Program Files\Microsoft Visual Studio 11.0\Common7\...要使用此命令,您必须是 Team Foundation Server  Administrators 组的成员或待删除项目的 Project Administrators 组的成员。.../collection: - 团队项目集合的 URL。    - 项目的名称。如果名称中有空格,请使用引号。 下面是我测试的一个项目。...正在从 Team Foundation Core 中删除... 完成  TFS服务端的截图: ? visual studio 客户端截图 ?

    2.3K10
    领券