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

学会使用 CSS 自定义滚动条,能让你做产品更有用户体验!

浏览器默认滚动条让UI在多个操作系统中看起来不一致,使用定义滚动我们可以统一风格。 一直对如何在CSS中定制滚动条很感兴趣,但一直没有机会这样做。今天,就记录一下自己学习过程。...自定义滚动条设计 拥有一个自定义滚动条曾经是webkit专利,所以Firefox和IE被排除在游戏之外。我们有一种新语法,只在Firefox中使用,当它被完全支持时,将使我们工作更容易。...不好地方就是,我们不能webkit语法那样定义一个具体数字。...html { scrollbar-color: #6969dd #e0e0e0; scrollbar-width: thin; } 尝试为添加上面的内容,但它没有预期那样工作...overflow属性添加一个除visible以外值。

1.7K20

为什么说Flutter可能不是下一件大事?

一些人甚至详细解释了 Flutter 为什么会替代 React Native 成为开发人员首选跨平台技术。 但它并没有那个能力。 见识过 Flutter 很多缺陷,认为它遇到了几个关键问题。...React Native 之所以受欢迎,是因为很多人相信它愿景,并认为自己前端 JavaScript 开发人员可以创建一流应用。他们当然做不到,但这并不能阻止他们尝试一番。...这的确很不错,但这也意味着,如果你希望应用程序看着原生一样(顺便说一句,React Native 是做得到),你还得使用正确小部件集来完成工作。这可能意味着界面的某些部分需要写两次代码。...是的,你可以重用业务逻辑,但是认为这并不能解决在两个平台上编写、测试和调试用户界面的问题。...另请注意,不是 React Native 粉丝。React 遇到了许多相同问题,此外还带来了一些重大性能损失。 最后补充一下:并不是说 Flutter 没有合适使用场景。

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

AI 生成代码可信吗?编写代码有 Bug 吗?

“它让花更少时间跳转到浏览器来查找 API 文档或 Stack Overflow示例,”他说。“感觉有点像我工作已经从代码生成器转变为代码鉴别器。”...参与分析纽约大学教授 Brendan Dolan-Gavitt 说,这个数字“比我预期要高一点”。...他说 GitHub 建议开发人员将 Copilot 与 CodeQL 一起使用,以确保他们工作安全。...同一个 OpenAI 程序另一个版本,称为 GPT-3,可以在给定主题上生成连贯文本,但它也可以从网络上学到有攻击性或有偏见语言。...曾尝试使用 AI 生成代码但尚未尝试使用 Copilot 软件开发人员 Maxim Khailo 表示“作为一个行业,我们一直在努力摆脱复制粘贴解决方案,现在 Copilot 已经创建了一个增压版本。

92710

ChatGPT之后性能怪兽来了?马库斯7大「黑暗」预测:GPT-4带不来AGI

不仅如此,令世界各地教育工作者相当震惊是,学生们开始使用ChatGPT来撰写学期论文。还有一些人正在使用它来尝试重塑搜索引擎。一时之间,全世界都在讨论ChatGPT神奇。...尽管如此,马库斯表示,我们不能对聊天机器人滤镜太厚。 虽然ChatGPT看起来无所不知,但它也很容易出错。...GPT-4快速传播和使用,可以「迅速提高数亿知识工作生产力」。 从技术上讲,GPT-4内部将会有更多参数,更多处理器和内存,并接受更多数据训练。...OpenAI深知,更大训练量意味着更好输出。经过每次迭代,GPT表现变得越来越人类。对于GPT-4,可能会进化成为一个性能怪物。 但它会解决之前遇到问题吗?马库斯对此仍然打了个问号。...如果没有外部辅助,它既不能在Diplomacy中击败MetaCicero;也不能可靠地驾驶汽车;更不能驱动《变形金刚》里「擎天柱」,或者《杰森一家》里「Rosie」那样多才多艺。 6.

72130

Swift 中状态建模

不会在这篇文章中讨论具体框架或更大、整个应用程序架构变化(如RxSwift、ReSwift或使用ELM启发架构)—— 相反,想把重点放在发现非常有用小型技巧、窍门和模式。...我们可以用敌人类这两个属性来建立模型,这样: class Enemy { var health = 10 var isInPlay = false } 虽然上述内容看起来很直接,但它很容易让我们陷入有多个数据来源情况...如果你想一想,上面那样做有点不相信我们自己API,因为我们必须对它们进行防御性编码。...paused(PlaybackState) 反应式渲染 然而,如果你开始上面那样对你状态进行建模,却一直在写强制性状态处理代码(上面那样使用多个if/else语句),事情就会变得很难看。...cancel() } } 能够上面那样访问某些属性是非常好,可以帮助我们摆脱大量模板,如果我们选择总是使用switch语句来处理状态,我们就必须写这些模板。

1.4K10

Swift 中 asyncawait

使用 async-await 方法调用结构化并发使得执行顺序推理更加容易。方法是线性执行,不用闭包那样来回走动。...显然,你没有义务这样做,但它可以使你更容易在你项目中尝试使用 async-await。...使用这种重构选项好处是,它允许你逐步适应新结构化并发变化,而不必一次性转换你整个项目。在这之间进行构建是很有价值,这样你就可以知道你代码变化是按预期工作。...不过,强烈建议逐步应用改变,因为它允许你隔离改变部分,使你更容易测试你改变是否如预期那样工作。...换句话说,你可能是在引用一个属性或一个不可变实例,例如,下面这个例子中结构体: 不支持从异步执行代码中修改不可变属性或实例。

3.4K30

如何加快MySQL模糊匹配查询

有时我会看到条件如下模式匹配查询:“其中字段名'%something%'”。 MySQL不能为这些查询使用到索引,这意味着它必须每次都进行一次全表扫描。...不想手动创建trigrams,所以我写了下面的procedure ? 由于使用了Trigram,我们正在寻找单词一部分(如err或ier),可以有很多匹配。...正如我所说,更多部分意味着更多行。 希望有更大改进,所以我想知道我们还能做些什么。 由于前导%,MySQL不能使用索引。 我们如何避免这种情况?...让我们保存我们可能要查找email地址所有可能版本。 短路方法 ? 嗯...可以工作吗? 我们来测试一下。 创建了以下这个表并触发: ? 让我们找到包含n.pierreemail地址: ?...在此测试中,使用了318458个随机email地址,并且这两种方法创建了2749000个附加行。 磁盘上大小: ? 正如我们预期那样,他们将使用比原始表更多空间。

3.7K50

Swift 中 asyncawait ——代码实例详解

使用 async-await 方法调用结构化并发使得执行顺序推理更加容易。方法是线性执行,不用闭包那样来回走动。...显然,你没有义务这样做,但它可以使你更容易在你项目中尝试使用 async-await。...在这之间进行构建是很有价值,这样你就可以知道你代码变化是按预期工作。利用旧方法实现将得到如下警告。...不过,强烈建议逐步应用改变,因为它允许你隔离改变部分,使你更容易测试你改变是否如预期那样工作。...换句话说,你可能是在引用一个属性或一个不可变实例,例如,下面这个例子中结构体: 不支持从异步执行代码中修改不可变属性或实例。

2.5K10

构建高度可扩展纯IPv6云主机

架构 并不想深究文章细节内容,但我还是会描述关于构建这个架构所需关键组件。 我们正在使用 pods 技术。...其中有一些bug,虽然大部分都最终被修复,但并不像我们所需要那样快。所以,我们推迟了一段时间 OpenSwitch 实验,并尝试在 Cumulus 平台 开发。...有两个选项可以排除链路本地地址:使用专用 AS 或回送接口作为更新源。我们需移动到每个机架私人 AS 号码。 MTU 问题:接收队列丢失。...经过深入调查,我们发现这个数据丢失原因是使用了比预期更大 MTU(最大传输单元) 尺寸(1518 + 22)所导致。...那么,首先,尝试改进接收队列环形缓冲区,但它只需很短时间就已经溢出了 - 因为它们填满速度太快了,主要是 vmxnet3 驱动程序不能足够快地消耗应用它们。

2.4K100

GitHub Copilot:做出一个划时代产品,只需要 6 个人

唯一想法就是,也许这东西终有一天能取代 Stack Overflow 以及其他开发工作流工具。”Alex 说道。...它会其他自动补全功能一样弹出一个提示框,供大家选择其中字符串。这种使用形式便捷且容易上手,很舒服。...毕竟这时模型只接触过小部分样本,所以仅可作为技术爱好者和测试设计人员玩具。团队希望它能变得 Gmail 文本自动补全功能一样好用。 “特别喜欢那款产品。...就这样反复尝试和调整之后,终于拿出了一段小小演示视频。” Alex 表示。 Alex 回忆称,当时团队每天工作 12 小时,克服阻碍,忽略最佳实践。...而跟得州不远用户们纷纷给出好评,比如有人会评论说,“不会编程,但出于工作需要,想了解怎么编写某个 100 行长脚本。”

40030

工作流引擎比较:Airflow、Azkaban、Conductor、Oozie和 Amazon Step Functions

/ db entry / s3来触发一般流程管理,或者等待来自Web端点预期输出,但它也提供了一个很好UI,允许你通过代码/图形检查DAG(工作流依赖性),并监视作业实时执行。...由于它通过“滴答”定期轮询工作,你工作不能保证“实时”安排,随着并发工作数量增加,这会变得更糟。...同时,由于你有一个集中式调度程序,如果它出现故障或卡住,你正在运行作业将不会执行程序作业那样受到影响,但是不会安排新作业了。...缺点 作为通用编排引擎,它没有非常丰富功能,但可能不是最初设计目的,它优势在于对Hadoop / Pig / Hive原生支持,尽管你也可以使用命令行实现这些功能,但它本身不能通过Airflow...Lambda需要额外工作来进行生产级迭代/部署。 没有用户界面(很好,但它实际上只是一个控制台)。因此,如果你需要任何级别的监控,你需要自己使用cloudwatch构建它。

5.8K30

容易被误解overflow:hidden

而普通元素在水平方向上溢出被隐藏,垂直方向上撑开父元素。也就是说,普通元素表现符合我们预期,而绝对定位元素并不如很多人想当然那样被隐藏。 理论依据 那么,这个原理到底是什么呢?...简单翻译一下: 此属性(overflow)规定,当一个块元素容器内容溢出元素盒模型边界时是否对其进行剪裁。它(此属性)影响被应用元素所有内容剪裁。...这样元素是否剪裁并不总是取决于定义了overflow属性祖先容器;尤其是不会被位于他们自身和他们包含块之间祖先容器overflow属性剪裁。...回到我demo,overflow元素位于相对定位元素与绝对定位元素之间,因此根据规定它不能剪裁绝对定位子元素。也就是说爷爷相对定位,老爸规定溢出隐藏,可是儿子是绝对定位元素。...应用场景 明白了这个理论,对我们工作有什么指导意义呢?

3.3K110

2021 年,这8种编程语言最流行

它不像 Rust 那样快速发展,也不像 JavaScript 那样老掉牙。但它是一种不可阻挡编程语言。...2对不想从事编程工作的人来说,最流行编程语言是 R ? 当我担任客户成功经理时,工作完全不涉及编程。但是,仍然发现能够在 R 中进行分析,查看保留率、流失率、交流量等等,这是非常有用。...若要找一份非编程工作,R 是最流行编程语言。它正在取代 SQL 和 SAS 这些闭源付费语言。由于企业既想降低成本,又想雇佣无论日常工作中是否编程,都能进行分析的人,他们都在转向 R。 ?...对于许多初学者来说,使用 Python 这样语言工作可能会感到一些局限性,因为在这种语言中,通常只有一种方法来完成工作。...假设 Rust 能够克服当前困难,预期它将会逐年变得更加流行。它拥有一个由当前开发人员组成专用粉丝群,越来越多开发人员对学习它感兴趣。

98730

2021 年,这8种编程语言最流行

它不像 Rust 那样快速发展,也不像 JavaScript 那样老掉牙。但它是一种不可阻挡编程语言。...2对不想从事编程工作的人来说,最流行编程语言是 R 当我担任客户成功经理时,工作完全不涉及编程。但是,仍然发现能够在 R 中进行分析,查看保留率、流失率、交流量等等,这是非常有用。...若要找一份非编程工作,R 是最流行编程语言。它正在取代 SQL 和 SAS 这些闭源付费语言。由于企业既想降低成本,又想雇佣无论日常工作中是否编程,都能进行分析的人,他们都在转向 R。...对于许多初学者来说,使用 Python 这样语言工作可能会感到一些局限性,因为在这种语言中,通常只有一种方法来完成工作。...假设 Rust 能够克服当前困难,预期它将会逐年变得更加流行。它拥有一个由当前开发人员组成专用粉丝群,越来越多开发人员对学习它感兴趣。

1.6K40

「译」前端项目中常见 CSS 问题

添加 flex-wrap 要想让一个元素表现得弹性容器那样,只需添加 display: flex。但是,如果没有添加 flex-wrap ,那么当屏幕尺寸缩小时候,将会出现水平滚动条。...通过使用 rgba(0, 0, 0, 0) 来替代它,我们可以达到预期效果。...给一个 SVG 添加 fill 使用 SVG 时,如果在 SVG 内部添加 fill,有时候它可能不会如预期那样生效。...必须给元素添加 content: "" 属性,同时还要为它设置 display: inline-block ,以使 width 和 height 预期那样生效。 image.png 13....p { direction: ltr; } image.png (大图预览) 结论 这里提到所有问题都是在前端开发工作中最常遇到目标是在开发 web 项目时定期检查这份清单。

2.1K10

Stack Overflow 那些让人头大规矩

文中另外一个问题是:如果包含了代码,是否在保证可用 前提下尝试精简代码?重点在精简上——这本质上就是看有没有尝试过分而治之。...刚刚起步不意味着不能在 Stack Overflow 上发问,为了证明这点,特意在 Stack Overflow 上问了一个很初级问题,来证明网站设是欢迎初学者。...因为非预期结果定律,这个问题还造成了不小骚动,倒不是因为问题太简单了,真正问题是提问态度不端正,Jeff Atwood 是这样说:“简单没毛病,不下功夫研究可不行。”...这还不算完,刷碗脏水一滴也不能倒,得对待珍贵圣水一样,随身带回家,七天脏水,大家感受一下。...未来几年,我们在这方面规划了很多事情,我们不能改变所有人,我们不可能强迫人们变友好,但是想我们可以改进某些 Stack Overflow 用户界面,鼓励更友好行为,例如我们可以改进“提问”页面的提示语

56450

糟糕程序员和优秀程序员区别?

在你做出决定前还是先看看自己能不能当好程序员吧。 ? 要记住是,编程不是什么精英才能干的事情。 这个行业永远都缺人。...几乎我们所有人都认为代码复用( code-reuse )很重要,尽管确实如此,但是这也不意味着要养孩子那样去对待代码。...代码没有感觉也不会在乎,它们会法兰克斯坦( Frankenstein )怪物那样攻击你。代码只是一堆字节,是一种责任( liability )。...3、对编程有激情 很多程序员干这一行只是为了挣钱,如果有更好职业,他们会毫不犹豫辞掉程序员工作。...初级程序员只会使用百度和百度知道搜索问题,而高级程序员/优秀程序员使用谷歌和Stack Overflow或者MSDN forums这类网站寻找更优秀答案。

45750

如何在 CSS 中设计出漂亮阴影?

当我希望一个元素有一个阴影时,我会添加box-shadow属性并修改数字,直到我喜欢结果外观。 问题是:通过这样孤立地创建每个阴影,你最终会得到一堆不协调阴影。...在这篇博文后面,将分享一些以编程方式提出这些值工具! 性能权衡 不可否认,分层阴影是美丽但它们确实是有代价。如果我们分层 5 个阴影,我们设备必须多做 5 倍工作!...根据我经验,分层阴影不会对性能产生重大影响,但我也从未尝试过同时使用数十个或数百个阴影。 此外,尝试对分层阴影进行动画处理可能是一个坏主意。...了解了所有关于属性知识,比如position and flex and overflow,但我对驱动它们原理一无所知,比如“位置”、“弯曲”和“溢出”,但我对驱动它们原理一无所知,比如堆叠上下文...属性有点函数参数。它们是布局算法和其他复杂内部机制使用输入。 几年前,决定花时间学习CSS是如何工作沿着MDN兔子洞,偶尔一直钻到坚实核心。

35510
领券