伪代码:提升代码效率的秘密武器
最近,Yonatan Doron在Medium上发表了一篇题为“代码的艺术——为什么你应该编写更多伪代码”的文章。作为伪代码的爱好者,我非常喜欢这个标题。伪代码是指描述你想要做什么或想要沟通的内容的“代码”,但它不属于任何特定的语言,也不使用任何正确的API或其他内容。
编写带注释的伪代码有助于整理思路、提升动力并提前规划预期的代码结果。这样,当我们开始编写代码时,我们总会有这份思维导图或框架来帮助我们集中注意力并提高效率。
Jeremy Keith曾将其比作编写剧本:
“当用户提交表单时,显示带有确认信息的模态对话框。”然后他鼓励大家编写一个剧本……但我指的不是JavaScript意义上的剧本;而是指编剧或戏剧意义上的剧本。逐行写下你想要完成的每个步骤。完成后,将你用英语(或葡萄牙语)编写的每一行剧本翻译成JavaScript。
我看到教育工作者一次又一次地使用这种技术。但这不仅仅是供教师使用和学生学习的——它对任何人都大有裨益。我发现自己在编写真实代码之前会先编写伪代码,当然,有时我也会将其保留在代码注释中。最常见的是,我将其用于Notion文档或Slack对话中,以表达我的观点。
即使是简单的想法:
<code>如果 env.dev 停止邮件投递</code>
任何具有逻辑和分支或分步操作的内容都将从中受益匪浅。请注意,这段代码不是有效的代码。在我能想到的任何语言中,它都不是有效的。有时,我会出于肌肉记忆而随意添加一些括号或分号。谁在乎呢?这只是为了与自己或他人沟通想法。
<code>如果(支持网格) 使用网格 否则 使用flexbox将内容布局在基本行中</code>
这是很自然的。他们很可能也不会在意语法,他们只会理解其中的意思。
<code>在表单提交时 验证 如果存在错误 显示错误; 否则 提交到api; 如果api成功 显示ui成功; 否则 显示ui失败;</code>
(写完这些之后,让我想起了uilang。看看那里的纯文本代码块是如何工作的。)
Yonatan的文章缺少真实的伪代码示例,所以我四处询问。看看这些很棒的例子!
我的整个笔记本都是伪代码……
这些在开始编码之前会转换成注释,这样我就能知道我在做什么以及之后做了什么图片。twitter.com/9vfJYfweDh
— Ruth John (@Rumyra) 2019年5月28日
白板非常适合编写伪代码以及添加图形。图片。twitter.com/56FUu4rhmU
— norom (@_norom_) 2019年5月28日
哦,我以前经常这样做……图片。twitter.com/lQi4Y8RhwP
— Ben Koppenens (@bkoppenens) 2019年5月28日
一直都在用!图片。twitter.com/YFVVNwls5M
— Bryan (@iamBryanSanders) 2019年5月28日
尝试同时使用JavaScript和php有时会有点棘手图片。twitter.com/Xp0bQyV86D
— frankie | webdev (@azoicx) 2019年5月29日
迟来的加入。快速脚本映射。图片。twitter.com/n1kYDxKgya
— Adam Styles (@thelibstyles) 2019年5月31日
我很惊讶有多少伪代码是用纸写的!这真的很酷。对我来说有点奇怪,因为我很少用纸来做任何事情。我可能应该这样做。
以上是伪代码的详细内容。更多信息请关注PHP中文网其他相关文章!

@keyframesandCSSTransitionsdifferincomplexity:@keyframesallowsfordetailedanimationsequences,whileCSSTransitionshandlesimplestatechanges.UseCSSTransitionsforhovereffectslikebuttoncolorchanges,and@keyframesforintricateanimationslikerotatingspinners.

我知道,我知道:有大量的内容管理系统选项可用,而我进行了几个测试,但实际上没有一个是一个,y&#039;知道吗?怪异的定价模型,艰难的自定义,有些甚至最终成为整个&

链接CSS文件到HTML可以通过在HTML的部分使用元素实现。1)使用标签链接本地CSS文件。2)多个CSS文件可通过添加多个标签实现。3)外部CSS文件使用绝对URL链接,如。4)确保正确使用文件路径和CSS文件加载顺序,优化性能可使用CSS预处理器合并文件。

选择Flexbox还是Grid取决于布局需求:1)Flexbox适用于一维布局,如导航栏;2)Grid适合二维布局,如杂志式布局。两者在项目中可结合使用,提升布局效果。

包含CSS文件的最佳方法是使用标签在HTML的部分引入外部CSS文件。1.使用标签引入外部CSS文件,如。2.对于小型调整,可以使用内联CSS,但应谨慎使用。3.大型项目可使用CSS预处理器如Sass或Less,通过@import导入其他CSS文件。4.为了性能,应合并CSS文件并使用CDN,同时使用工具如CSSNano进行压缩。

是的,youshouldlearnbothflexboxandgrid.1)flexboxisidealforone-demensional,flexiblelayoutslikenavigationmenus.2)gridexcelstcelsintwo-dimensional,confffferDesignssignssuchasmagagazineLayouts.3)blosebothenHancesSunHanceSlineHancesLayOutflexibilitibilitibilitibilitibilityAnderibilitibilityAndresponScormentilial anderingStruction

重构自己的代码看起来是什么样的?约翰·瑞亚(John Rhea)挑选了他写的一个旧的CSS动画,并介绍了优化它的思维过程。

CSSanimationsarenotinherentlyhardbutrequirepracticeandunderstandingofCSSpropertiesandtimingfunctions.1)Startwithsimpleanimationslikescalingabuttononhoverusingkeyframes.2)Useeasingfunctionslikecubic-bezierfornaturaleffects,suchasabounceanimation.3)For


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

热工具

禅工作室 13.0.1
功能强大的PHP集成开发环境

SublimeText3 Linux新版
SublimeText3 Linux最新版

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

MinGW - 适用于 Windows 的极简 GNU
这个项目正在迁移到osdn.net/projects/mingw的过程中,你可以继续在那里关注我们。MinGW:GNU编译器集合(GCC)的本地Windows移植版本,可自由分发的导入库和用于构建本地Windows应用程序的头文件;包括对MSVC运行时的扩展,以支持C99功能。MinGW的所有软件都可以在64位Windows平台上运行。

DVWA
Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中