JAMStack项目的良好做法

这种做网站的方法的目的是减轻维护网站或系统的体系结构。 以我的网站Tableless.com.br为例。 在这里，我们维护了一个基于WordPress的体系结构，这意味着我们需要一个MySQL数据库……基本上是LAMP体系结构。 这样，出于组织上的考虑，我们在DigitalOcean中的两个不同的小滴中维护了此体系结构。 今天，我们开始使用WordPress，并且该网站全部由Netlify托管的Hugo制作，并在Github上提供了代码。 这不是一件难事，但是存在一些良好的实践，您可以遵循这些实践来简化自己的方法。 这不是必需的（顺便说一句，这些主题都不是），但是由于加载了纯静态HTML文件，您的网站后面已经很轻了，如果我们使用CDN可以改善它。 基于JAMStack的项目不需要服务器端代码或类似的代码，它们可以更轻松地分发。 最受欢迎的CDN是CloudFlare，但是您可以在其中放置很多其他服务，但是通常，它们已经提供了最受欢迎的JavaScript框架和库供您在项目中使用。 一些链接： Google托管库 Yandex CDN jsDelivr cdnjs 这是生活法则。 今天，看到不使用某种代码版本服务的团队是不正常的。 GIT是最受欢迎的，我们知道很多服务，例如GitHub，这些服务对我们来说都是艰辛的。…
您如何才能提高编码质量？

什么是代码质量？ 实现代码的方式与开发人员实现的方式一样多。 这也意味着对于什么是优质代码或高质量代码有很多意见。 就代码质量而言，一个开发人员所重视的可能与另一开发人员所重视的完全不同。 一个简单的例子是使用简洁的语法和尽可能少的代码行编写的非常紧凑的方法。 虽然一个开发人员可以将其视为高质量的代码，但另一开发人员则可以将其视为简洁而深奥的，他们更喜欢将代码布置成更详细且易于阅读的结构。 在查看您的代码时，请问自己以下基本问题： 在HTML中。 该代码是否遵循商定的标准和约定？ 标记是否多次使用相同的元素ID名称？ 如果是这样，请将其更改为一个类，因为每个ID都应该是唯一的。 如果可重用模块包含元素ID，则一旦模块在同一页面中重用，该ID将不再是唯一的。 请记住，通过ID获取元素只会返回匹配的第一个元素，当您有多个具有相同ID名称的元素时，这可能会导致问题。 是否有不必要的包装器元素？ 如果应用程序使用允许复杂逻辑的模板语言，您是否过度使用它，从而使标记难以阅读？ 在将视图模型传递到模板之前，请考虑将逻辑应用于视图模型。 标记是否包含正确的ARIA属性以实现可访问性？ 在CSS中。…
Menyelam lebih dalam dengan现代前端开发（1）

Ada yang bertanya kepada saya tentang Mas kenapa sih harus pakai虚拟DOM？ SPA kan kurang bagus untuk SEO。 Hal…
在DoSelect进行前端和后端开发实习

什么使企业成功？ 合适的人！ 您如何找到合适的人呢？ 具有丰富（书面）简历的人？ 还是具有良好沟通能力的人？ 您将如何判断候选人的技术能力？ 当然，在面试过程中您只能问几个技术问题，但这够吗？ 对于遇到这种困境的任何人， DoSelect都可以为您提供帮助。 DoSelect是下一代评估平台，可帮助公司确定最佳人才。 它创建了一个评估引擎，可以通过编码评估来测试候选人的技术能力。 DoSelect套件提供了超过24种编程语言，15种应用程序框架和2种操作系统的编码评估。 评估测试应聘者的代码质量得分，语言构造能力和所拥有的中学技能，并评估应聘者的角色能力。 有针对校园和横向招聘的自定义编码评估。 所有这些都可以由雇主自己通过完全的超级用户和网络访问来处理。 持续学习对于员工做好行业准备并使其表现出色非常重要。 DoSelect提供端到端的员工敬业度解决方案，提供持续的和临时的学习与绩效评估。 。…
弄清楚FlexBox

它需要一维（一维）的思维来掌握它。 也就是说，应该以行或列的形式查看它。 这将需要一个伸缩容器元素。 （父容器包含所有需要在我们网页的特定区域中显示的项目） 即flex-container和flex-items 。 弹性容器内部的弹性项目可以按行或按列放置。 为了将flex-item放置在flex-container中，我们主要有3个主要属性，它们是align-items，align-self，justify-content 。 在我们看到按行和按列设置之前，我们需要了解两件事，即主轴和交叉轴 （如图形中的x和y轴） 行式模型伸缩 在行模型中，水平轴（任何图中的X轴）为主轴 ，垂直轴（Y轴）为交叉轴。 列式模型伸缩 在列式模型中，水平轴（任何图中的X轴）为横轴 ，垂直轴（Y轴）为主轴。 现在，“…
不断发展的JavaScript第1部分

再见骨干 注意：这是有关Javascript应用程序随着时间演变的多部分系列文章中的第一篇。 这是第 2 部分 和第 3部分 。 过去几年中，JavaScript社区的进步令人震惊。 随着功能强大的新工具，语言和框架的发布，许多前端开发团队突然发现他们可以使用更好的技术。 在Gusto，我们利用了这一优势，从Backbone切换到React。 我们已经在Gusto编写React超过一年了。 我们的开发团队正在使用React构建所有新功能，同时根据需要同时转换现有Backbone视图。 与此同时，我们已经对前端系统进行了全面检修，放弃了CoffeeScript，转而支持ES6 / 7，大量使用了诸如ESLint之类的静态分析工具，充分利用了我们自己的Flux架构风格，并采用了Webpack之类的构建工具来简化Rails资产管道的负担。 这将是关于在Gusto建立用户体验的多部分系列文章的第一篇，详细介绍（1）我们从Backbone迁移到React和Flux，以及（2）从Rails Asset…
ist是响应式改造吗？

响应式改造，最好的台式计算机网站ohne ein komplettes重新设计响应式计算机。 最好的网站。 死在移动网站上，死在桌面上。 Fehlen Budget和Responnfürein komplettes重新设计，kann自适应翻新eine gute替代方案。 Naurüstenstatt neu bauen 网站上的固件要更新，2012年到2012年的更新，响应式的更新是必须的。 重新设计世界趋势移动趋势—发行人和计划制定者。 Denn ein Grosses在Anspruch nehmen的Anspruch…
应用程序配置。 不要做错了！

作为软件开发人员，我认为您可以面对2种与公司中的配置有关的特定方案： –您正在一家公司中启动一个全新的项目。 尚无配置！ –您从一家已经为现有应用程序提供配置的公司开始。 第二种情况是，大多数时候开发人员对配置感到沮丧。 挫败感与生产力不相容… 您在职业生涯中遇到了挫折吗？ 不奇怪！！ 现在要做的一件事！ 面对这种情况时，您必须纠正这种情况🙂 要创建适当的配置，您可能需要采取多种策略。 本文将向您展示一种处理配置的策略，以避免或减少挫败感。 一些配置示例 让我们从一些有关配置的示例开始： 1- 功能标记 。 在客户端应用中显示或不显示页面链接…
Frontend先生每周链接共享＃35

本周，Frontend先生每周的链接共享包括与Design，SVG，JavaScript，WordPress和许多其他要检查的链接。 该列表基于整个社区的共享以及我们本周在社交媒体渠道上共享的内容！ 我们希望您能喜欢！ 如果您在列表中错过了任何东西，请在评论中添加它们🙂 设计 Redux入门：简介 随着Web应用程序复杂性的增加，更新和显示其基础数据的任务也随之增加。 管理此数据的许多方法都会导致… 使用React＆Redux建立书店I：React Redux Flow 在您复杂的React项目中的某个时候，您将需要一个状态管理库。 Redux是一个不错的选择，因为… 网页设计与开发新闻：257号集体| 科洛普斯 集体＃257：笨拙的鸟*纸浆*点缀的地球* tdo *设计网格*…
Menggunakan Webp di网站

Kurang lengkap rasanya kalau kita membuat sebuah网站tanpa menambahkan gambar di dalamnya，tapi terkadang kita berfikir，kalau mau menambahkan gambar，tentunya harus…

Supreme Topics

使用带有反向代理的Apache服务器运行asp.net核心应用

SOAP – Go语言中的WSDL请求

PL / SQL代码覆盖率：开发人员会喜欢Oracle Database 12c第2版第12部分的12件事

JavaScript：作用域链，变量对象和激活对象。

通过编码训练营面试

6种提高编码速度和优化性能的方法

ASP.NET Core MVC和异常处理

SQL —使用LEFT JOIN，子查询和SELECT的错误

宣布npm @ 6

97 Cosas Qu Todo Programador Debe Sabre

无功NIO（无阻塞输入/输出）

下一个编程范例到期

安装Typescript dan Webpack Pakai Yarn Tapi Ga Jalan

参加＃100DaysOfCoding作为我的新年决议-第1天

Unete库：修复API生态系统的反思。