問題タブ [shorthand]

オブジェクトの境界線を使用しています。お気に入り

これを速記で書けますか？

数か月前に、HTMLの短縮バージョンまたは拡張機能に関する記事を読んだことを覚えています。その目的は、終了タグを削除することにより、HTMLコードを大幅に簡潔にすることであり、ある種のループも許可されている可能性があります。今使いたいのですが、何と呼ばれていたのか思い出せないようです。

オンラインで検索してHamlを見つけましたが、Hamlの構文は記事から覚えている例のようには見えません。この記事の構文では、インデントの一種である直角ブラケットを使用していました。

この言語はなんですか？

等しく$('.item:last').attr('id').split('-')[1]ない場合、等しい場合は等しいundefined var liidundefinednull

スキームでは、これはなぜですか：

これよりも優れたスタイルと見なされます:

そして、どちらか一方を優先する理由はありますか?

私が理解しているように、省略形のプロパティを使用するbackgroundと、ブラウザは最初にすべての背景プロパティをデフォルト値に設定し、次に宣言している値を入力します。それなら、使用する方が良いですかbackground-color:white; background:white？の代わりに 背景の位置や背景画像など、より多くの値を入力すると、これは変わりますか？それとも、属性を個別に宣言するのが常に最善ですか？

バイト単位の節約で、属性を個別に指定することで得られる処理時間のバランスをとる、ある種の転換点があるはずだと思います。しかし、私は完全に間違っている可能性があります-それが私がここで尋ねている理由です。

私が作成したJavaScript関数は、必ずしも「1つの」値が付加されていないすべてのCSS値を解析する必要があります。たとえば、margin:0 0 4px 12px;は実際には4つの値（margin-top、margin-rightなど）です。

基本的に、必要なのは省略形のプロパティのリストだけです。ただし、すべての速記CSSは必要ありません。アニメーション化できる可能性のある簡略化されたcss（rgb、px、emなど）が必要です。border:1px solid black;ですから、アニメートできないので気にしませんが、border-widthは4つの境界線すべての省略形なのでsolid.気にします。border-width,

とにかく、私のリストには次のものが含まれます：
-ボーダー-幅
-背景-位置
-パディング
-マージン
-ボーダー-半径-ボックス-シャドウ
-アウトライン-半径
-ボーダー-色
-ボーダー-色-テキスト-シャドウ-フォント

それで、私は何かを逃しましたか？ほら、次のようなあいまいなプロパティがあるかどうかはわかりません。mystery-color:red green blue hazel pigbreath;

関数内にこのコードがあり、それを短くしたい - 配列内のすべての項目に同じスタイルを適用します。

これまでの回答はありませんでした（コードをループしているため??）

以前に表示されていたスライドの可視性のみを非表示に設定することで解決しました

基本的に、変数が存在しない場合を除き、変数を 1 つのものとして定義できるようにしたいと考えています。どこかで、次のような省略形の条件文を見たことを誓います。

しかし、これを正しく行うためのドキュメントが見つかりません。正直なところ、JS か ASP か、私が見たものであった可能性があります。

上記のコードで発生する必要があるのは、いずれかのステートメントが true を返すかどうかを確認することだけであることを理解しています。しかし、最初に失敗した場合のデフォルトを本質的に定義する何かを誰かが行っているのを見たと思いました。これは誰かが知っていて、私を助けることができるものですか? 私はクレイジーですか？次のように言うのは冗長に思えます。

または特に言うのは冗長です：

考え？

jQueryの透かしプラグインを使用して、関数をjslintして最小化しようとしていますが、実際に割り当てまたは関数呼び出しが必要な式がある、これまでに見たことのない構文に出くわしました:

私は特に次の行に興味があります。

と

誰かがこの速記を説明し、これらの関数を比較して自分で速記をよりよく理解できるように書き直すことができますか?

ありがとうございました。

通常のコーディングの習慣に速記のテクニックを取り入れ、圧縮されたコードでそれらを見たときにそれらを読むことができるようにしたいと考えています。

テクニックの概要を説明しているリファレンス ページやドキュメントを知っている人はいますか?

編集: 以前にミニファイヤについて言及しましたが、ミニファイと効率的な JS 型付けの手法が 2 つのほぼ完全に別個の概念であることは明らかです。