Inhaltsverzeichnis
Langweiliger Code
Salzerzcode
Radioaktives Code
Heim Web-Frontend CSS-Tutorial Die drei Arten von Code

Die drei Arten von Code

Apr 11, 2025 pm 12:02 PM

Die drei Arten von Code

Wenn jedes neue Projekt beginnt, sortiere ich den Code, den ich sehe, in drei Typen oder Kategorien aus. Ich denke, diese Typen können auf jede Codebasis, jede Sprache, jede Technologie oder jedes Open -Source -Projekt angewendet werden. Egal, ob ich HTML, CSS oder Bauen von React -Komponenten schreibe, über diese verschiedenen Kategorien nachzudenken, hat mir geholfen, herauszufinden, was neu gestaltet und priorisiert werden muss und was jetzt vorerst auf Eis gelegt werden kann.

Diese Kategorien sind: langweiliger Code, Salzerzcode und radioaktiver Code.

Lassen Sie mich erklären.

Langweiliger Code

Der Bohrcode bezieht sich auf Code, der beim Lesen völlig logisch ist. Es ist kein Refactoring erforderlich, es führt seine Funktionen auf eine Weise aus, die Sie nicht dazu bringt, in den Fluss zu springen. Der langweilige Code ist ein guter Code. Es wird keine Tricks spielen, noch wird es versuchen, Sie zu beeindrucken. Sie können es verwenden, ohne mehr Code zu schreiben oder Tipps zu entwerfen. Der langweilige Code wird genau buchstäblich ausgeführt und verursacht niemals Überraschungen.

Diese Funktion ist logisch, diese Eigenschaft ist eindeutig benannt und diese React -Komponente ist einfach. Hier gibt es keine Schleife, und für die Gymnastik ist keine Gehirnleistung erforderlich.

Der Bohrcode ist jedoch fast unmöglich zu schreiben, da unser Verständnis fast immer unvollständig ist, wenn wir das Problem lösen. Sehen Sie, wie viele Faktoren Sie berücksichtigen müssen, um einen Kontraststil für einen einfachen Absatz festzulegen. Um langweiliges Code zu schreiben, müssen wir fleißig sein, müssen ständig umgestaltet werden und müssen uns um die Codebasis kümmern, nicht nur das Gehalt am Ende des Monats.

Der langweilige Code ist gut, weil langweiliger Code sehr freundlich ist.

Salzerzcode

Dies ist dieser verrückte und bedeutungslose Code. Dies ist Code, den wir kaum lesen können, aber er ist tief in der Codebasis vergraben und ist fast unmöglich zu ändern. Aber! Es läuft nicht an andere Teile unseres Codes, sodass wir es meistens ignorieren können. Es mag nicht hübsch sein, und solange wir am Leben sind, möchten wir es vielleicht nicht mehr sehen, aber es verursacht keinen aktiven Schaden.

Dies ist die Art von Code, die wir in den meisten Fällen vergessen können. Wenn er geöffnet und manipuliert wird, ist dieser Code -Typ gefährlich, aber im Moment ist alles in Ordnung.

Probleme, es tief unter der Erde zu begraben.

Radioaktives Code

Radioaktives Code ist ein echtes Problem im Herzen jedes technischen Teams. Dies ist die Art von Code, die uns dazu bringt, nicht zur Arbeit zu gehen. Es ist nicht nur schlecht, es wird auch aktiv unsere Codebasis vergiften und im Laufe der Zeit alles verschlimmern. Stellen Sie sich vor, die Codebasis ist wie ein Kernreaktor; Radioaktiver Code ist etwas, das durch den Container zerbrochen ist und jetzt in verschiedene Teile unserer Codebasis verläuft.

Ein Beispiel? Für unser Gusto- und das Designsystemteam denke ich, dass unsere Formularkomponenten radioaktiv sind. Jede Komponente verursacht mehr Probleme, da wir die Komponente niemals so verwenden können. Wir müssen es ändern, um das zu bekommen, was wir wollen. Jedes Mal, wenn jemand diesen Code verwendet, muss er mehr Code darüber schreiben und die Situation im Laufe der Zeit verschlimmern, und er ermutigt alle im Team, dies zu tun.

In unserem Designsystem müssen wir, wenn wir Klassennamen zu einem DIV -enthaltenden Formularelemente hinzufügen möchten, die FormFieldClass -Eigenschaft in einer Komponente und die WraperClass -Eigenschaft in einer anderen Komponente verwenden. Es gibt einen ProfType namens isDefaultLayout, den jeder auf False setzt und eine benutzerdefinierte CSS -Klasse darüber schreibt. Mit anderen Worten, radioaktiver Code macht es uns nicht nur schwer, all diesen bedeutungslosen Code zu verstehen, sondern es auch für uns immer schwieriger, andere Teile der Codebasis zu verstehen. Denn die Datei, die wir jetzt betrachten, hängt von acht verschiedenen Dingen ab, die wir nicht sehen können. Das Ergebnis des Löschens dieses radioaktiven Codes bedeutet, alles andere zu ändern, was davon abhängt.

Mit anderen Worten, radioaktiver Code - wie unsere Formularkomponenten - macht die Codebasis nicht vertrauenswürdig.

Radioaktives Code ist nicht nur schädlich für uns und unsere Codebasis, sondern auch für unser Team. Es kann schlechte Gewohnheiten anregen, Grausamkeit im Slack -Thread schaffen, ganz zu schweigen davon, dass es nicht messbare Reibung zwischen den Teammitgliedern erzeugen kann. Radioaktive Codes ermutigen auch andere Teams im Unternehmen, ihr eigenes Ding zu machen und neue Technologien in die Codebasis einzuführen, und das Problem mit dem radioaktiven Code selbst ist kein technisches Problem. Jeder kann diese Art von Code schreiben, unabhängig von Sprache, System oder Lint, solange er dem Problem nicht genug Aufmerksamkeit schenkt. Oder wenn sie versuchen, zu schlau zu sein. Oder wenn sie versuchen, andere zu beeindrucken.

Wie reparieren wir radioaktive Codes? Nun, wir müssen einen Kreis um ihn herum zeichnen und das verrückte Verhalten steuern, das an andere Teile der Codebasis ausgelöst wird. Dann müssen wir etwas äußerst Heldenhaftes tun: Wir müssen es langweilig machen.

Das obige ist der detaillierte Inhalt vonDie drei Arten von Code. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Vue 3 Vue 3 Apr 02, 2025 pm 06:32 PM

Es ist aus! Herzlichen Glückwunsch an das Vue -Team, dass es eine massive Anstrengung war und lange kommt. Alle neuen Dokumente auch.

Können Sie gültige CSS -Eigenschaftswerte aus dem Browser erhalten? Können Sie gültige CSS -Eigenschaftswerte aus dem Browser erhalten? Apr 02, 2025 pm 06:17 PM

Ich ließ jemanden mit dieser sehr legitimen Frage einschreiben. Lea hat gerade darüber gebloggt, wie Sie gültige CSS -Eigenschaften selbst aus dem Browser erhalten können. Das ist so.

Ein bisschen auf CI/CD Ein bisschen auf CI/CD Apr 02, 2025 pm 06:21 PM

Ich sage "Website" passt besser als "Mobile App", aber ich mag dieses Rahmen von Max Lynch:

Verwenden von Markdown und Lokalisierung im WordPress -Block -Editor Verwenden von Markdown und Lokalisierung im WordPress -Block -Editor Apr 02, 2025 am 04:27 AM

Wenn wir dem Benutzer direkt im WordPress -Editor Dokumentation anzeigen müssen, wie können Sie dies am besten tun?

Gestapelte Karten mit klebriger Positionierung und einem Schuss Sass Gestapelte Karten mit klebriger Positionierung und einem Schuss Sass Apr 03, 2025 am 10:30 AM

Neulich habe ich dieses besonders schöne Stück von der Website von Corey Ginnivan entdeckt, auf der eine Sammlung von Karten aufeinander stapelt.

Vergleich von Browsern für reaktionsschnelles Design Vergleich von Browsern für reaktionsschnelles Design Apr 02, 2025 pm 06:25 PM

Es gibt eine Reihe dieser Desktop -Apps, in denen das Ziel Ihre Website gleichzeitig in verschiedenen Dimensionen angezeigt wird. So können Sie zum Beispiel schreiben

So verwenden Sie CSS -Gitter für klebrige Header und Fußzeilen So verwenden Sie CSS -Gitter für klebrige Header und Fußzeilen Apr 02, 2025 pm 06:29 PM

CSS Grid ist eine Sammlung von Eigenschaften, die das Layout einfacher machen als jemals zuvor. Wie alles andere ist es eine kleine Lernkurve, aber das Gitter ist

Google -Schriftarten variable Schriftarten Google -Schriftarten variable Schriftarten Apr 09, 2025 am 10:42 AM

Ich sehe, dass Google -Schriftarten ein neues Design (Tweet) ausgelöst haben. Im Vergleich zur letzten großen Neugestaltung fühlt sich dies viel iterativer an. Ich kann den Unterschied kaum erkennen

See all articles