Laravel防止、检测和修复代码错误的7个技巧

随着我们添加到项目中的每一行代码,我们都会增加它们的复杂性和引入错误的可能性,这些错误可能会在不合适的时候突然出现。也许在客户开会前几分钟,或者周末我们在电影院时,远离键盘。 为了避免这些可怕的情况,让我们来看看编写更好代码的七个技巧: 1. 为变量、函数、参数指定描述性名称,方法: 代码只被编写一次,但被其他开发人员和您多次读取和解释。因此,值得多花几秒钟来命名这个新的类或方法,这样它的名称就可以揭示它的真正意图或内容。哪一个更容易理解? 1$evnt->add($req->q); 1$event->addTickets($request->quantity); 第一行有一个拼写错误,add方法不清楚添加了什么,变量$req不够清楚,很难理解q指的是数量。 另一方面,第二个示例即使对于非开发人员也很容易理解。 1. 使用像PHP的PSR-2这样的标准永远不要低估以一种有序和一致的方式编写代码的重要性,因为这样可以让您更快地发现问题。考虑以下两个例子:***5应该创建N。但是在哪个块中,您更快地发现了问题?现在想象一下处理格式错误的复杂代码的后果。减少临时变量的数量尽管我们在算法中首先学到的概念之一是如何声明和使用临时变量,它们会使代码更难阅读和维护:考虑以下示例:>>>>>>>>>1011$this->create(\"contact\", $contact);>>>>> 6[> 8], 9],10];1112$this->create(\"contact\", $contact);哪个示例更容易理解?顺便说一句,对齐相等的符号是不好的做法。这不仅不利于PSR-2,还会使代码更难维护。因此,回到我们的tickets示例,如果我们消除code变量并内联代码,则示例可以得到改进:1public function addTickets($quantity)2{3foreach (range(1, $quantity) as $i) {4$this->tickets()->create([6]);7}8}但是,在某些情况下,使用局部变量可以提高代码的清晰度,例如: 1function calculateCode($price, $quantity, $deliveryCost) 2{> 4 5if ($subtotal create(\"contact\", $user->getContactInfo());面向对象编程要求我们将数据和函数分组到一个地方(类)。我们将在拥有所有用户信息的同一位置(即User型号)装配带有联系信息的数组。让我们看另一个示例:方法addDeliveryCost将返回包含交付成本的金额,但前提是金额不超过交付阈值,否则将返回原始数量。现在让我们删除局部变量并内联代码:1return $this->addDeliveryCost($price * $quantity);声明和使用许多小方法是减少代码中对临时变量需求的一个好方法。默认为简单解决方案许多教程保证您会写得更好代码最后解释了如何使代码变得过于复杂,否则可能很简单。这些教程告诉您,如果您使用的是Laravel并且很有说服力,那么将此代码放入控制器是错误的:**20***您应该用这种方式来编写它:**21***然后,在UserCreationCommandHandler类中,您将不会创建用户,因为这将违反坚实的原则。您应该改用存储库: 1class UserCreationCommandHandler 2{ 3//... 4 5public function handle(UserCreationCommand $command) 6{ 7$this->userRepository->create( 8$command->name, 9$command->email,10$command->password,11);12}13}最终,在UserEloquentRepository内,您将拨打User::create: 1class UserEloquentRepository implements UserRepository 2{ 3//... 4 5public function create( 6UserNameField $name, 7UserEmailField $email, 8UserPasswordField $password 9) {10return User::create([14]);15}1617}工作半小时后,客户端会打电话给您,要求您将另一个字段添加到用户模型中。哪个示例需要更长的时间才能修复?在哪种情况下,您引入bug的可能性更大?(就像忘记把一个方法中的一个域传递给n 2. 减少临时变量的数量 3. 更清楚,不要使用\"幻数\"。 4. 分而治之 5. 默认为简单解决方案

CSS无头WordPress到底有多合适?

我想知道无头WordPress会在哪里登陆。\"headless\"指的是只使用WordPress管理,通过WordPress restapi构建面向用户的站点,而不是传统的WordPress主题结构?WordPress的未来?还是相对利基?需求在哪里?当然,对它有需求。我知道很多人都这么做。例如,Gatsby有一个gatsby-source-wordpress插件,它允许您以使用wordpressrestapi的方式从WordPress站点获取内容,并将其缓存为GraphQL,以便在React-power...

日期:2021-06-24 01:15:34 浏览:613

CSS制作带有粘性页眉和页脚的表格变得更容易了

不久前,当我在博客中看到HTML中的粘性页眉和页脚时,一个表同时有粘性页眉和粘性第一列。在它里面,我从来没有在任何、或元素上使用position: sticky,因为即使Safari和Firefox可以做到这一点,Chrome也做不到。但是它可以做表格单元格,比如和,这是一个相当不错的解决办法。好吧,这已经改变了。我通过Twitter听说Chrome在v91中\"重写了表格\"。https://t.co/vTBplXWWtT我看到它掉了下来,升级了,然后做了一个快速测试。嘿,看看有粘性的表格页眉和页脚。@C...

日期:2021-06-24 02:00:01 浏览:930

CSS技巧编年史XXXX

只是我最近做的一些非现场工作的一个小链接汇总。就像我习惯的那样。DevJourney播客#151 Chris Coyier从陶瓷到CSS技巧和代码笔\"Chris带我们从玩他的第一个C64到他的陶瓷文学学士,再回到web开发。我们讨论了他在这一过程中的不同立场,以及他们是如何缓慢但肯定地引导他走向web开发的。我们浏览了CSS技巧的创造和娱乐,在开放中学习,以及美好的一天是什么样子。Podrocket Podcast火箭手术:Kaelan和Chris Coyier比较笔记我被要求删除这里嵌入的音频,如果你想...

日期:2021-06-24 02:00:03 浏览:855

CSS使用子资源完整性保护您的网站

当您从外部服务器加载文件时,您相信您请求的内容是您期望的内容。由于您不自己管理服务器,因此您依赖于另一个第三方的安全性,从而增加了攻击面。信任第三方并不是天生的坏事,但它肯定应该在网站安全的背景下加以考虑。一个真实的例子这不是纯粹的理论危险。忽视潜在的安全问题可能而且已经造成严重后果。2019年6月4日,Malwarebytes宣布他们在网站上发现了一个恶意的略读程序NBA.com. 由于Amazon S3存储桶受损,攻击者能够修改JavaScript库以窃取客户的信用卡信息。值得担心的不仅仅是JavaSc...

日期:2021-06-24 02:00:03 浏览:761

CSS联合的可能性

这是首字母缩略词RSS中不是形容词的一个词。非常简单联合更新:Lol这里有两个错误。RSS是首字母缩写而不是首字母缩写,\"Really\"是副词而不是形容词。RSS不仅仅是RSS阅读器。尽管如此,如果我不喜欢RSS阅读器。它是关于把内容放在一种设计成可移植的格式。内容的API并不是一个隐喻,这就是它的字面含义。RSS一直在我的脑海中,因为它就像我的日报,但我敢打赌它并不是人们关注的最高峰,甚至是开发者。尽管如此,它还是受到了一点关注,因为谷歌在androidchrome中引入了一个\"following\...

日期:2021-06-24 03:00:02 浏览:589

CSS在开放细节元素上添加背景

关于元素有一点奇怪,那就是,当它打开时,并不总是100%清楚该元素内部的内容和不内部的内容。我不是说总是重要,或者说它是一个特别难解决的问题,我只是注意到它最近出现在我身上。这里有一个直观的例子:这里的文本在里面,什么不是?这个解决方案是…CSS。把的样式设计得有点独特,这样问题就解决了。即使你希望排版是一样的,或者你不想任何独家风格,直到被打开,这仍然是可能的。使用alpha透明填充,您甚至可以确保更深的嵌套保持清晰。对于只插入内联内容的<详细信息>(如\"spoiler\"UI或其他内容),...

日期:2021-06-24 03:00:04 浏览:753

CSS容器查询的聚宝盆

我不知道是什么原因,但是我的feed在过去的几周里充斥着关于CSS容器查询的文章。有关集装箱查询的热议实际上始于去年12月,当时米丽亚姆•苏珊娜(Miriam Suzanne)发布了一份提案(采纳了大卫•巴隆的提案),但3月底,Una Kravets在推特上发布的一条消息称,他们在chrome://flags的#enable-container-queries旗后投放了Chrome Canary 91.0.4459.0在如此短的时间内,容器查询已经覆盖了如此多的地方,而且规范甚至还不是最终的!我很高兴看到C...

日期:2021-06-24 03:00:04 浏览:910

CSS target=blank

那会不会让你的眼睛有点抽搐?就像…是打字错误。值的开头应该是带有下划线的>。就像…Welp, that\"s correct syntax!In the case of the no-underscore>, the blank部分只是一个名称。可能是任何东西。它可以是>,或者,可能是为了预示这里的目的:>。是一个特殊的关键字,它将在新选项卡中打开链接,每次都打开一个新选项卡。>将在新选项卡中打开第一个单击的链接,但任何共享>的链接都将在新打开的选项卡中打开。我从来不知道这一点!我相信这条微博的解释。我创建...

日期:2021-06-24 04:00:02 浏览:997

CSS查看WCAG 2.5.5以获得更好的目标尺寸

你有没有经历过这样的挫折:试图点击移动设备上的一个按钮却什么也不做,因为目标大小不够大,而且它在你的按键上不起作用?也许你有更大的手指,像我一样,也可能是由于灵活性有限。这是因为我们,即用户,必须与之交互的元素的目标区域越来越小,我们来谈谈如何使其足够大,以便用户能够轻松地与元素交互。如果用户在一个小型手持式触摸屏设备上访问内容,而这个设备的不动产要紧得多,那么这将是一个特别大的问题。成功标准重温我在上一篇涉及WCAG 2.1标准的文章中谈到了成功标准,Label in Name。简言之,WCAG标准是我们...

日期:2021-06-24 04:00:03 浏览:532

CSS Trickz:Netlify随需应变构建器的实验

默认情况下,WordPress站点有一个API。想看看这个网站的最新帖子吗,只是一组特定的数据…JSON格式?给你。Alex Riviere用它做了一个笑话站点。起初,当加载该API客户端时,该站点将fetch。很好,但是如果我们认真考虑一下,它对于访问站点的人来说是非常低效的(也就是说,比服务器呈现的HTML慢),对于API命中率也不是很高。所以,Alex用Netlify函数重新编写了它。然后Netlify函数将从API中fetch(在云中的节点中),并为预呈现的HTML提供服务。这可能更好一些,但正如亚...

日期:2021-06-24 04:00:04 浏览:582