Ich habe kürzlich eine AMA bei Dev über gemacht. Nutzen Sie nur die Gelegenheit, um einige Antworten hier wie ein guter IndieWebber zu portieren.

Wenn Sie 2020 als Front -End -Entwickler anfangen würden, was würden Sie als erstes sagen, was Sie lernen würden und warum?

Sie müssen sich in eine Position versetzen, in der es Ihre Aufgabe ist, eine Website zu erstellen und aufzupassen. Auch wenn sich das schon früh wie eine Strecke anfühlt. Holen Sie sich die Domain, holen Sie sich die Website im ?ffentlichen Internet. Legen Sie Ihren Namen darauf. Jetzt haben Sie sich eingehalten und Sie lernen Technologie, weil Sie Ihre Ideen zum Leben erwecken müssen.

Für mich vor 650 Jahren war das eine Website für die Ol 'College -Band. Wir brauchten eine Website! Das klang für mich nach Spa? und ich habe es geschafft, durch den Kauf einer Domain, das Hosting und die Aufstellung einer WordPress -Website zu k?mpfen. Im Laufe der Zeit lernte ich Front-End-Web-Technologien, weil ich das Design ?ndern, die Vorlagen ?ndern, coole Funktionen hinzufügen usw. hinzufügen wollte.

Holen Sie sich ein Projekt und lernen Sie durch das Projekt.

Wie bestimmen Sie, was Sie in einen Blog -Beitrag verwandeln m?chten und was Sie als einfacher Tweet hinterlassen?

Normalerweise werde ich den Tweet nicht vermeiden. Der Tweet ist in der Regel ein guter Nachweis für den Blog -Beitrag. Wenn es niemanden kümmerte, was nicht so gut wie ein Posten. Wenn es ein gutes Engagement bekommt, ist es so, als ob das Gespr?ch um die Erstellung des Blog -Beitrags nützlich ist. Au?erdem sind Tweets so einfach, die Tür zu werfen. Blog -Beitr?ge haben für mich absichtlich einen l?ngeren Zeitplan, der Bearbeitung und Planung und dergleichen umfasst.

Hier ist ein Beispiel -Tweet. Nur ein dummes kleines UI -Experiment. Ich wollte nicht darauf warten, darüber zu bloggen, um die Demo zu fallen. Aber aus dem Twitter -Thread bekam ich ein interessantes technisches Feedback, Informationen darüber, welche Teile die am meisten überraschten und einige andere verwandte Ideen haben. Das wird hoffentlich zu einem viel robusteren Blog -Beitrag führen.

Ich behandle sogar so so, dass ich so so behandelt werde, ehrlich. Ich habe diesen Blog -Beitrag hier schnell geschrieben, aber dann für meinen eigenen Blog mit einigen Feedback verfeinert.

Hast du einen Lieblings-CSS-Trick, wo du genau wie "Wow" warst?

Ich denke, "Scroll Shadows" in CSS ist einer meiner Lieblings -CSS -Tricks aller Zeiten. Es wurde ursprünglich von Roman Komarov, erkl?rte und verbessert von Lea Verou. Ich habe neulich ein Werkzeug um die Idee von Stefan Judis gesehen.

Es ist ein echter Mind-Bender mit vierschichtigen Gradientenhintergriffen, die jeweils anders positioniert, dimensioniert und unterschiedlich gef?rbt und dann in Bezug auf das Scrollen verhaltensm??ig unterschiedlich sind.

Es ist nicht nur ein ordentlicher Trick, weil es echte UX -Implikationen hat. Es ist wichtig, einen Schatten zu zeigen, wo Sie scrollen k?nnen. Betrachten Sie diese Geschichte eines aktuellen Design -Updates in iOS, das zu vollst?ndigen Verwirrung in Bezug auf UI -Aktionen führte, an die Sie hinter einem Ort versteckt sind, an dem Sie scrollen konnten, aber keine Gew?hrleistung dafür hatte, wie Sie dorthin gelangen k?nnen. (Passiert mir die ganze Zeit in Spotify, um den Aufzeichnung zu erhalten.)

Was würden Ihre Top 3 Top -Teile schneller Ratschl?ge für Entwickler sein, die versuchen, einem ?hnlichen Weg zu dem Wachstum ihres Einflusses und ihrer Exposition zu folgen?

Ich denke, das Schreiben ist buchst?blich der einzige Weg .

Ich kann mir keinen Entwickler mit Einfluss vorstellen, der diesen Einfluss auf etwas anderes als das Schreiben hat. Oder wenn es nicht schreibt, dann ist es ein YouTube -Kanal oder eine andere Form des Erstellens ?ffentlicher Dinge .

Wie viel sehen Sie sich pers?nlich mit Houdini -APIs, w?hrend sie ver?ffentlicht werden? Auf welche API freuen Sie sich am meisten (Malerei, Layout, tippt Om,…)?

Dieses super-niedrige Zeug fühlt sich manchmal über meinem Kopf an. Es f?llt mir schwer, mir die Branchenauswirkungen solcher Dinge vorzustellen, indem ich mich nur um Spezifikationen ansiehst, wei?t du?

Für mich scheint es, dass die Layout -API das m?chtigste Potenzial hat.

Ich stelle mir gerade vor, dass Houdini den normalen t?glichen Front-End-Entwicklern wie mich nicht so sehr beeinflusst. Ich werde nicht viel Houdini -Code schreiben. Aber ich werde ausgefallene Dinge verwenden, die andere Leute schaffen, weil es für mich etwas Nützliches tut. Genau wie die meisten Leute keine eigenen Bibliotheken schreiben oder NPM -Pakete ver?ffentlicht haben - sie verwenden sie einfach.

Es macht Spa?, von Houdini Wow zu sein. Wenn jemand danach sucht, schauen Sie sich die Showcase -Website von Vincent de Oliveira an.

Was ist Ihre Lieblingsbesch?ftigung bei der Arbeit bei Codepen und/oder CSS-Tricks?

Wei?t du was ich wirklich mag? Ich mag es jeden Tag ins Büro und habe eine ziemlich anst?ndige Menge an Freiheit von dem, was ich an diesem Tag tun werde. Ich werde wahrscheinlich Meetings haben. Ich werde wahrscheinlich ein paar Sachen im alten Kalender haben. Ich werde wahrscheinlich einige Teamerwartungen haben, die ich zu treffen versuche. Aber normalerweise habe ich auch viel Zeit, um Dinge zu verfolgen, die für mich im Moment interessant sind.

Manchmal bin ich im Moment, um einige E -Mails durchzubohren. Manchmal m?chte ich an einer Demo basteln, die nach Spa? klingt. Manchmal m?chte ich einen Gedanken schreiben oder ein Video aufnehmen. Manchmal m?chte ich etwas planen oder etwas dokumentieren. Manchmal m?chte ich etwas mit anderen Menschen aussprechen oder ein Paar programmieren.

Ich habe das Glück, dass ich der Boss bin (lol) und ich mich absichtlich in diese Position versetzt habe, damit ich diese Freiheit habe.

Was wünscht Sie sich, wir k?nnten CSS hinzufügen?

Ich habe das Gefühl, jedes Mal, wenn jemand dies fragt, sollten wir alle jede Gelegenheit nutzen, um Containerfragen zu schreien! bis wir sie bekommen.

Die Idee ist, dass wir in der Lage sein sollten, CSS zu schreiben, auf der steht: ?Wenn dieses Element so weit ist, sollte dieses CSS wirksam werden.“ Und nicht nur Breite, sondern auch, welche Medienanfragen wir bereits auf der Seitenebene haben.

Die beste Demo eines Anwendungsfalls ist die Seite von Philip Walton.

Ich m?chte eine Kartenkomponente schreiben, die sich basierend darauf, wie weit es ist, nicht immer so weit verdreht, dass die Seite nicht immer eine direkte Verbindung zwischen diesen beiden Dingen gibt (z. B. kann eine Kartenkomponente in einer schmalen Seitenleiste auf einem gro?en Bildschirm angezeigt werden, aber eine vollst?ndige Breite auf einem Tablet oder etwas).

Jede Komponente kann in einer solchen Situation sein. Lassen Sie mich für die Liebe von CSS Medienabfragen schreiben, die an diese Komponenten gesammelt wurden. Ich wiederhole viele andere Leute, als ich sah, dass die überwiegende Mehrheit der Medienfragen, die wir schreiben, diese, keine Seitenebene.

Glauben Sie, dass es sich lohnt, eine {Position: oben zu empfehlen; }?

Ich bin mir nicht sicher, ob ich in meiner Karriere jemals einmal eine gro?e Entscheidung auf der Fold-basierte Entscheidung getroffen habe. Kein gro?er Fan dieses Denkens. Es gibt eine Linie, in der dieses wichtige Modul nicht überqueren darf, haha. Priorisieren Sie die wichtigsten Dinge, um auf der Seite h?her zu sein. Websites falten nicht wie Zeitungen.

Au?erdem haben wir jetzt Ansichtsfenster.

Haben Sie seit so lange Blog -Beitr?ge geschrieben, haben Sie einen Prozess zum Schreiben eines Schreibens entwickelt?

Sorta! Es fühlt sich für mich immer noch ziemlich l?ssig an (nennen wir meine mittelschwere Qualit?t), also ist es nicht so, als würde ich eine Kabine in der Wildnis mieten und Inspiration in den Sonnenunterg?ngen und billigem Whisky finden.

• Ich schreibe jede Blog -Post -Idee auf, die zu mir kommt. Ich versuche, diese Liste ziemlich ?ffentlich zu halten, aber ich habe auch eine pers?nliche Liste, auf der ich noch schlampiger sein kann.
• Ich habe so viel Kontext in diese Listen wie m?glich gesteckt, damit ich hoffen kann, dasselbe Emotionen aufzurufen, die mich dazu gebracht haben, sie überhaupt aufzuschreiben. Wenn ich die Idee eine Woche sp?ter erneut besuche und nicht kann, ist es wahrscheinlich keine sehr gute Idee.
• Ich schreibe den Beitrag mit so viel Kontext wie m?glich. Die Lichtforschung ist in der Regel beteiligt.
• Wir haben einen leitenden Redakteur für CSS-Tricks, daher wird er von mindestens einer Person überprüft, bevor er geplant ist.

CSS oder CSS-in-JS?

Ich sehe eine Menge cooler Sachen in CSS-in-Js. Ich denke, es l?st viele interessante Probleme für bestimmte Websites. Zum Beispiel mag ich die Idee, die Option zu haben, Stile zu schreiben, die programmgesteuert in eine Komponente skopiert werden, und sind daher Baumschlepper, wenn die Komponente nicht automatisch verwendet wird.

Aber das Web ist ein gro?er Ort, und ich wage es, die meisten Websites nicht mit JavaScript-betriebenen Komponentenmodellen zu erstellen. Daher ist CSS-in-JS für viele Websites nicht notwendig oder angemessen.

Obwohl zwei Dinge klar sind:

• Ohne CSS k?nnen Sie keine CSS-in-JS haben. CSS-in-JS sind immer noch Stile, die auf Elemente angewendet werden. Es befreit Sie nicht vom Erlernen von CSS.
• Die CSS-in-JS-Landschaft ist breit. Es ist ein bisschen schwer, so vage darüber zu sprechen. Jedes Projekt im Eimer von CSS-in-JS bearbeitet die Dinge ein wenig anders und wie die Stile auf die Website angewendet werden, ist sogar ziemlich breit. Ich denke, es geht manchmal in den Argumenten verloren, dass einige der Ans?tze buchst?blich ein CSS-Stylesheet erzeugen, das Sie wie jedes andere CSS-selbst mit SASS-produzierte CSS-verknüpfen-, worüber es nicht mehr viel Argument zu geben scheint.

Das obige ist der detaillierte Inhalt vonClips von meinem Dev Ama. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!