コーディング - ページ 2

Visual Studio CodeはMicrosoftの新しいコードエディタです。それは最近最初のメジャーリリースサイクル、1.0.0を迎えました。私はそれがベータ版にある間それをしばらくの間それを試みた、そして私はそれがこれまでにテーブルに持って来たすべてに感銘を受けた. Visual Studio Code（VSC）は軽量で高速です。以前にSublimeTextまたはAtomを使用したことがあれば、すぐに自宅にいるように感じるでしょう。 VSCは付属しています コマンドパレット、複数カーソルの選択、スニペット、コードの自動補完 - あなたがきっと既に精通している機能. それにもかかわらず、それはまたそれを市場の現在のプレーヤーの間で際立ったものにする独自のシグネチャも付いています。それで、それ以上の面倒なことなしに、見てみましょう. 1.インテリセンス IntelliSenseはコードです オートコンプリートは人工知能と出会う. 私たちがコードを書いているので、このユーティリティは短いヒントや説明と共に提案のリストを提供します。これらは いくつかの文脈上の要因から派生 プログラミング言語、構文、変数、関数、ファイル内のすべてのコードなど. IntelliSenseは、Sass、LESS、JavaScript、TypeScript、PHPなど、すぐに使用可能なプログラミング言語を数多くサポートしています。他のプログラミング言語用のIntelliSenseを含むためのいくつかの拡張も利用可能です。生産性を向上させるのは素晴らしい機能です. 2.ピーク コーディング中に、特定の関数を忘れてしまうことがよくあります。その関数は最初に定義されています。必要なパラメーターは何ですか。. あり ピーク, 機能を選択してからShift + F12を押すことができます。選択 関数の完全な定義を示すインラインウィンドウに展開されます。 関数が定義されている場所と同様に。この機能は現在、C、C＃、JavaScript、TypeScript、.NET、およびその他のいくつかのプログラミング言語で機能します。. 3. CLI SublimeTextと似ていますが...

ブラウザの互換性は、Web上のアクセシビリティの大部分です。開発者は考慮する必要があります サポートが必要な視聴者とブラウザのバージョンの違い. CSSのリセットは選択肢の1つですが、ほとんどの開発者は、シンプルさと現代のすべてのWebブラウザでの互換性のためにNormalize.cssを好みます。. この記事ではカバーします Normalizeの基本と一般的なCSSリセットとの比較. これは複雑なライブラリではなく、理解するのに2時間以上かかることはありません。しかし正規化の鍵は学習です どうやって 適切かつ賢明にそれを実行するため. ブラウザのリセットと正規化 私は何年もの間、Eric MeyerのCSSリセットのカスタマイズ版を使用してきました。これらは私のプロジェクトの大部分にとって十分なものであり、大きな問題を引き起こしていません。しかしNormalizeは私のリセットの見方を変えました。CSSのリセットとは動作が異なるからです。違いを理解することが重要です. 正規化を 衣服はすべてのブラウザに一貫して適用されます, と考える 熱核爆発としてのCSSリセット すべてのブラウザで. スタイルを標準化し、見出し、段落、ブロック引用符、および共通の要素をフォーマットします。 同一に見える（または十分に近い） サポートされているすべてのブラウザで。 CSSリセットが完全にスレートをきれいに拭くようにあります デフォルトなし 何でも. CSSをリセットすると、見出しは段落と同じように見えます。要素には、余白、余白、または間隔はありません。 CSSリセット付き あなたは新しいコードを供給しなければなりません スタイルを引き立てます。正規化を使用すると、あなたが得る デザイン済みのスタイル その上に構築することができます. それで、これらのうちの1つは他より良いですか？議論の1つのポイントは、正規化することを述べていますが、それは熱く議論されているトピックです 互換性のためにより良く機能し、ファイルサイズが小さくなります。....

実行されたアクティビティの量を示すHTMLプログレスバーに慣れている場合は、メーター要素がそれに似ていることがわかります - 両方とも 最大値以外の現在値を表示. プログレスバーとは異なり、メーターバーは進行状況を表示するために使用されるべきではありません. それを示すために使用されます 特定の範囲の静的な値, たとえば、ディスク容量のうちどれだけの容量が使用され、どの容量が使用されていないかを表示することによって、ディスク容量を指定できます。. それに加えて、メーター要素は、その範囲内で最大3つの領域を視覚化するためにも使用できます。ストレージスペースの例を再利用して、占有されているスペースの量だけを表示するのではなく、占有されているスペースがまばらにいっぱい（30％以下）か半分近く（30〜60％）またはそれ以上かを視覚的に示すこともできます。異なる色を使用して半分いっぱい（60％以上）. これにより、ユーザーはいつ記憶域の制限に達しているかを知ることができます。. この記事では、私たちはあなたを紹介します メーターバーのスタイル 上記の両方の目的のために 簡易ゲージ （表示領域なし）と3色表示領域を持つゲージの2つの例。後者については、私たちは取り組むつもりです 「マーク」ゲージを作成する 貧弱な、普通の、そして良いマークを示すため 「pH」ゲージ 酸性、神経性、アルカリ性のpH値を表示するため. 属性 例から始めて詳細を説明する前に、以下の属性の一覧を見てみましょう。デフォルトなどの属性についての詳細は、例で説明します。. 値 - の値 メーター 素子 分 - メーターの範囲の最小値 最大...

カレンダーは、今日のほとんどのWebページ、特にブログや個人のWebサイトで頻繁に見られます。企業サイトや電子商取引サイトに関しては、発表の発表、今後のイベント、コンテストなどに利用されています。カレンダーがほとんど不可欠になる理由は何ですか？ユーザーは、何が新しいのか、指定された日に何が期待されるのかを知り、一目で古い情報を追跡することができます。. ホテル、映画、または航空会社のウェブサイトでのカレンダーは、部屋と航空券を予約するためにユーザーの対話を必要とします。ユーザーが予約をするために指定された日付を選ぶ必要があるのでこのウェブサイトでカレンダーを持つことは必要です。これが、Date Pickerがナビゲーション媒体としての役割を果たす場所です。カレンダーレイアウトである日付ピッカーは、ユーザーが彼らが望む日付を選ぶために日、週または年を通してナビゲートすることを可能にします。一部の日付ピッカーには、ユーザーに便利なように日付を入力して特定の日に直接ジャンプするオプションも含まれています. 今日の記事では、私たちが知っている最高のカレンダーと日付ピッカーのスクリプトをいくつか紹介します。あなたがあなたの要求に合ったものを見つけることを願っています。ジャンプ後の全リスト! iCal風カレンダー iPhoneカレンダーアプリケーションとiCalに非常によく似た見事なカレンダー。それは滑らかなアニメーションを持っています、そしてあなたが既存の出来事の上にホバーするとき、それから詳細な情報でツールチップはフェードインします。 [デモ] [ダウンロード] MooToolsデートピッカー スムーズなアニメーションで設定可能なJavascriptデートピッカー。任意の日付フォーマットに対応しており、タイムピッキングもサポートしています。基本スキン、Windows Vistaスキン、OSXダッシュボードスキン、およびJquery UIスキン。 [デモ] [ダウンロード] フルカレンダー これはGoogleスタイルのjQueryプラグインで、フルサイズのドラッグアンドドロップカレンダーを提供します。このカレンダーは簡単に設定でき、Ajaxを使用しています。 [デモ] [ダウンロード] jPint JPintは華麗に見えるWebベースのiPhone開発者です。カレンダーを選択するだけで、iPhoneと同じカレンダーが表示されます。 [デモ] [ダウンロード] jCalendar 3つの形式で使用できる動的jQueryカレンダー（日、月、年用）。このカレンダーにはアニメーションがありません。 [デモ] [ダウンロード] デートピッカー この日付ピッカーは、標準形式の入力フィールドに関連付けられているシンプルに見える日付ピッカーです。入力フィールドをクリックしてから矢印を使って月を変更するだけです。 [デモ] [ダウンロード]...

同期 そして 非同期 特に初心者にとって、JavaScriptの概念を混乱させています。 2つ以上のことがあります 同期の 彼らはいつ 同時に起こる （同期して） そうでないときは非同期 （同期していません）. これらの定義は取り入れやすいですが、実際には見かけよりも複雑です。考慮に入れる必要があります 正確に同期しているもの, そして そうでないもの. あなたはおそらく呼び出すと思います 普通の JavaScriptの同期関数、そうでしょ？そしてそれが何かのようなものであれば setTimeout（） またはAJAXを使用しているのですが、それを非同期であると見なすでしょう。私があなたにそれを言うならばどうなりますか 両方 ある意味では非同期です? 説明する なぜ, 私たちはX氏に助けを求める必要があります. シナリオ1 - X氏が同期を試みている これがセットアップです： X氏は、難しい質問に答え、要求されたタスクを実行できる人です。....

この記事の最初の部分では、 同期と非同期の概念 知覚される JavaScriptで. この第二部では、X氏は私たちが理解するのを助けるために再び現れます setTimeoutとAJAXのしくみ API 作業. 奇妙な要求 X氏の話とあなたが残しておきたい映画に戻りましょう。あなたが遠出の前にX氏に任務を任せ、彼がこの任務に取り組むことができるようになると彼に言いなさい 5時間 後に 彼はあなたのメッセージを得ました. 彼はそれに満足していません、覚えておいてください、彼は彼が現在のメッセージをやり終えるまで新しいメッセージを受け取りません。 待つ必要があります 五 時間 タスクを始めることすらあります。だから、時間を無駄にしないために、 ヘルパーをもたらす, H氏. 待つ代わりに、彼はH氏に タスクの新しいメッセージをキューに残す 与えられた時間が経過した後、そして次のメッセージに進む. 過去5時間H氏 キューを更新します 新しいメッセージで。 H氏の前に発生したメッセージをすべて処理した後、X氏 あなたの要求されたタスクを実行します. だから、このように、あなたはになるための要求を残すことができます 後で遵守しました,...

カスケーディングスタイルシート（CSS）は、主にHTMLマークアップへのスタイルの適用を目的としていますが、ドキュメントに追加のマークアップを追加することが冗長または不可能な場合、実際にはCSSに追加のマークアップを追加する機能があります。実際の文書、すなわち 疑似要素. あなたが私たちのチュートリアルのいくつかに従ってきたときは特に、あなたはこの用語を聞いたことがあります. に分類されるいくつかのCSSファミリーメンバーが実際にあります 疑似要素 のような ：一行目, ：最初の一文字, ：：選択, ：前 そして ：後. しかし、この記事では、私達は私達の報道を ：前 そして ：後, “疑似要素” ここでは特に両方を参照します。私達は基礎からこの特定の主題を調べます. 構文とブラウザのサポート の 疑似要素 それ以来、実際に出回っています CSS1, しかし ：前 そして ：後 ここで議論しているのは CSS2.1. 初めに、...

私達は皆のことを聞いたことがある DOM, または 文書オブジェクトモデル, JavaScriptに関連して、それは時々言及されます。 DOMはWeb開発において非常に重要な概念です。それがなければ、私たちはできないでしょう HTMLページを動的に変更する ブラウザで. DOMを学び理解することは、 アクセス、変更、および監視 HTMLページのさまざまな要素文書オブジェクトモデルも役に立つかもしれません スクリプト実行時間の不必要な増加を減らします. データ構造ツリー DOMとは何か、DOMがどのように存在するのか、どのように存在するのか、そして内部で何が起こるのかを説明する前に、ツリーについて知っていただきたいと思います。針葉樹＆落葉樹ではなく、約について データ構造ツリー. 定義を単純化すれば、データ構造の概念を理解するのがはるかに簡単になります。私は言うだろう、データ構造は約です データを整理する. そうです、あなたの家の家具や本棚の中の本、あるいは食事のために持っているいろいろな種類の食べ物のグループを整理するのですから あなたにとって意味のあるものにする. もちろん、データ構造にすべてがあるわけではありませんが、すべてが始まるところがほとんどです。この “配置” それがすべての核心です。 DOMでも同様に重要です。しかし、DOMについてはまだ話していません。 あなたが精通しているかもしれないデータ構造：配列. 配列と木 配列は持っています 指標 そして 長さ, 彼らはすることができます...