NextT テーマの主な目標は常にシンプルさと使いやすさですが、現実とアイデアの間には常にギャップがあります。詩は人生から生まれたものであり、詩よりも劣っていると言う人がいるのも不思議ではありません。実はそれには深い哲学的な理由があるのです。したがって、その背後にある理由が何であれ、要約すると、NexT は使いにくいということになります。ユーザーが比較的少なかった初期の頃は、根気よく一つずつ答えていましたが、後になって、同じような質問に答えていたことに気づき、やるべきこと、やりたいことが多すぎたので、この問題を解決するためのドキュメントを見てみましょう。
前シーズンのプロットレビュー
まず、Hexo を使用して NextT 使用法ドキュメント サイトの最初のバージョンを構築しました。選択された UI フレームワークは Semantic UI で、Luminosa と呼ばれる新しいテーマが作成されます。ただし、Markdown で Semantic UI コンポーネントを使用するのは少し面倒で、Hexo は Markdown を解析するときに自動的に大量の空白行を追加してしまうことがわかりました。最後の手段として、使用するセマンティック UI のコンポーネントをカプセル化するタグ プラグインをいくつか作成することしかできませんでした。
これは、プラグインの作成にすべての時間を費やしたため、セマンティック UI を使用している場合でも、インターフェイス全体が依然として非常に粗くて雑な理由の説明にもなります。文書の品質については、春の野原では長い間忘れられてきました。結局のところ、夏はサンシャインとビキニが共存する日です。ドキュメントのことは忘れてください(以前、熱心なユーザーが Docs に PR を送信したことを思い出します。私はそれをマージしませんでした。申し訳ありません)。しかし、時は容赦なく、夏の景色を十分に見ないうちに、あっという間に秋が来てしまいました。秋は文人や詩人が先導する季節です。そんな慌ただしい季節に、私は自分の魂への賞賛を表現できるのは「笑」だけだと気づきました。
短期計画がめちゃくちゃになってしまいました
ということで、忙しい仕事を終えて少し自由時間ができたので、最近の自由時間を NextT ドキュメントの再作成と作成に費やしました。現在の計画では、近い将来にリリースをリリースし、バージョン番号を 0.4 から 5.0.0 に直接アップグレードする予定です (Facebook の足跡をたどります)。このリリースには主に Pisces Scheme が含まれており、Pisces によって導入されたバグの修正とドキュメントの更新が含まれています。この後、主に問題で報告されたバグを解決するための小さなアップデートが行われるはずです。次のステップは、サイドバーを書き換えて画像を表示することです(このことは脇に置きました)。短期計画としてはこれでほぼ終わりです。
ドキュメントの再インストール
ドキュメントに戻ります。最初のバージョンの経験に基づいて、2 番目のバージョンでは Hexo を使用しないことが決定されました。 Markdown で HTML コードの大部分を記述するには、HTML コードを直接記述することもできますが、構造タグ (実際には多くのタグ) を記述することを除けば、HTML の記述は比較的簡単です。この利点は、コンテンツ レイヤーの制御が容易になり、外観や動作に障害がなくなることです。
2 番目のバージョンでは、Nunjucks テンプレート エンジン、Sass 前処理言語、Gulp ビルド ツールを使用して、UI フレームワークとして Bootstrap を選択しました。最初は、テクノロジースタックはそれほど高級なものではなく、ただ良い文書を書きたかっただけでしたが、3 ページ目を書いたときに我慢できなくなり、同じ文書の内容を最初から最後までコピーしなければなりませんでした。この公開コンテンツを適切に文書化する必要がある場合は、毎回このようなことが起こります。
そこでNunjucksが紹介されました。テンプレート エンジンを使用する場合は、開発プロセスと展開コード生成プロセスを含む、テンプレートからページを生成する問題を解決する必要があります。幸いなことに、この問題は難しくありません。 Nunjucks の API を使用してレンダラを生成すると、BrowserSync のミドルウェアや Gulp のデプロイメント生成タスクで使用できます。テンプレートのレンダリングの問題は正常に解決されました。したがって、ドキュメントの大部分は HTML コードであり、唯一の例外はコード スニペットです。 HTML で HTML ソース コードを記述するには、多数の を変換する必要があることを考慮して、コード スニペットをすばやく挿入するための code タグを追加しました。
広告を挿入して、自動更新、マルチデバイス同期、ミドルウェア サポート、およびプロキシ サポートを備えたアーティファクトである BrowserSync をダウンロードします。これは、フロントエンド開発には必須のアーティファクトです。それを知っています。私はかつてプロジェクトで Grunt をデュアル Watcher として使用しました。最初の Watcher はソース コードの変更を監視し、事前にデプロイされたコードを生成するために使用され、2 番目の Watcher は事前にデプロイされたコードを監視し、アプリケーション コンテナにコードをデプロイするために使用されました。 BrowserSync を使用すると、1 つの Watcher と Proxy だけでこのシナリオのニーズを簡単に解決できます。 BrowserSync を使用して以来、気分が数年若くなり、階段を上るときに元気に感じます (時代遅れの広告コピーライティングよりも)。
一般的なフレームワークが完成すると、ドキュメントの内容が利用可能になります。既存の文書の内容を時間をかけて磨き直し、あらゆる点を詳細に書き留めるように努め、今も書き続けています(「書く」という言葉は非常に強力で、文書を書くことの難しさを直接示しています。係数)非常に高いです)。その後、NexT には多くの機能が含まれており、そのうちのいくつかは私が使用していないことがわかりました。したがって、不足しているものを見つけた場合は、NextT ドキュメントにアクセスして問題を投稿するか、プル リクエストを投稿するとよいでしょう。

強力な機能と優れたユーザーエクスペリエンスを備えたWebサイトを構築するには、HTMLだけでは十分ではありません。次のテクノロジーも必要です。JavaScriptは、Webページに動的とインタラクティブ性を与え、リアルタイムの変更がDOMを操作することで達成されます。 CSSは、美学とユーザーエクスペリエンスを向上させるために、Webページのスタイルとレイアウトを担当しています。 React、Vue.JS、Angularなどの最新のフレームワークとライブラリは、開発効率とコード組織構造を改善します。

ブール属性は、値なしでアクティブ化されるHTMLの特別な属性です。 1.ブール属性は、無効化された入力ボックスを無効にするなど、存在するかどうかによって、要素の動作を制御します。 2.彼らの実用的な原則は、ブラウザが異なっているときに属性の存在に応じて要素の動作を変更することです。 3.基本的な使用法は、属性を直接追加することであり、高度な使用法はJavaScriptを介して動的に制御できます。 4.一般的な間違いは、値を設定する必要があると誤って考えており、正しい執筆方法は簡潔にする必要があります。 5.ベストプラクティスは、コードを簡潔に保ち、ブールのプロパティを合理的に使用して、Webページのパフォーマンスとユーザーエクスペリエンスを最適化することです。

HTMLコードは、オンラインバリデーター、統合ツール、自動化されたプロセスを使用するとクリーンになります。 1)w3cmarkupvalidationserviceを使用して、HTMLコードをオンラインで確認します。 2)リアルタイム検証のためにVisualStudiocodeにhtmlhint拡張機能をインストールして構成します。 3)HTMLTIDYを使用して、建設プロセスでHTMLファイルを自動的に検証およびクリーニングします。

HTML、CSS、およびJavaScriptは、最新のWebページを構築するためのコアテクノロジーです。1。HTMLはWebページ構造を定義します。2。CSSはWebページの外観に責任があります。

HTMLの機能は、Webページの構造とコンテンツを定義することであり、その目的は、情報を表示するための標準化された方法を提供することです。 1)HTMLは、タイトルやパラグラフなどのタグや属性を使用して、Webページのさまざまな部分を整理しています。 2)コンテンツとパフォーマンスの分離をサポートし、メンテナンス効率を向上させます。 3)HTMLは拡張可能であり、カスタムタグがSEOを強化できるようにします。

HTMLの将来の傾向はセマンティクスとWebコンポーネントであり、CSSの将来の傾向はCSS-in-JSとCSShoudiniであり、JavaScriptの将来の傾向はWebAssemblyとServerLessです。 1。HTMLセマンティクスはアクセシビリティとSEO効果を改善し、Webコンポーネントは開発効率を向上させますが、ブラウザの互換性に注意を払う必要があります。 2。CSS-in-JSは、スタイル管理の柔軟性を高めますが、ファイルサイズを増やす可能性があります。 CSShoudiniは、CSSレンダリングの直接操作を可能にします。 3. Webassemblyブラウザーアプリケーションのパフォーマンスを最適化しますが、急な学習曲線があり、サーバーレスは開発を簡素化しますが、コールドスタートの問題の最適化が必要です。

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造を定義し、2。CSSはWebページスタイルを制御し、3。JavaScriptは動的な動作を追加します。一緒に、彼らは最新のウェブサイトのフレームワーク、美学、および相互作用を構築します。

HTMLの将来は、無限の可能性に満ちています。 1)新機能と標準には、より多くのセマンティックタグとWebComponentsの人気が含まれます。 2)Webデザインのトレンドは、レスポンシブでアクセス可能なデザインに向けて発展し続けます。 3)パフォーマンスの最適化により、応答性の高い画像読み込みと怠zyなロードテクノロジーを通じてユーザーエクスペリエンスが向上します。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター

ホットトピック









