問題タブ [head.js]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - headjs リサイザーの問題
私は最近 head.js をいじっていますが、正常ではないと思われる奇妙な動作を見つけました。サイズ変更機能に画面サイズ検出器を使用している場合、サイズのクラスは、新しいサイズに適応することが期待されていたため、変更されません (ウィンドウのサイズを変更した場合)。
head.js で同様の問題を経験した人はいますか?
ありがとう!
編集: Head.js は Github のチケットに回答し、問題は修正されました:
これは修正されました。
https://github.com/headjs/headjs/commit/91324d8e676fd7a7f22c9f51f5482db0cb155f1b
注: この時点では、ファイルの縮小版を更新していません。
ありがとう!
javascript - head.jsの関数を作成すると、さまざまなブラウザでかなりワイルドなエラーが発生します
jQuewy( http://jquewy.com)ライブラリとほぼ同じ方法でスクリプトをロードするhead.js(http://headjs.com )用の関数を作成しています。ただし、ブラウザが異なれば、かなりおかしなエラーが発生します。望ましい結果は、ロードされたjQueryのバージョンでアラートを取得することです。
Firefoxでは、次のようになります。
$は39行目で未定義です
しかし、さらに奇妙なことに、scriptタグがロードされます(<script type="text/javascript" src="http://jquewy.com/dev/headjs/?name=ui&rand=717786"></script>
)が、Firebugはそれが持っていると言います:
ソースの読み込みに失敗しました:hxxp://jquewy.com/dev/headjs/?name = ui&rand = 717786
これは明らかに問題なく解決します。Chromiumでは、スクリプトタグも読み込まれません。また、他のブラウザを確認する必要はありません。これら2つのブラウザで機能しない場合は、他の場所では機能しない可能性があるためです。
ここでソースを見ることができます:http://jquewy.com/dev/static/headjs/test/
編集:これのポイントを知りたい人のために、ポイントはあなたがURLを覚える必要がないようにすることです-私はjQuewyと呼ばれる私が構築した別のサービスを移植しています、それは彼らに基づいてライブラリをロードすることによって高速プロトタイピングを可能にします名前。私のサービスは自動的に最新のソースを取得し、それらをページに自動的に埋め込みます。head.jsは、同様のことを行う別のスクリプトです(ただし、はるかに人気があります)。そのため、エンドユーザーがスクリプトの読み込み方法を選択できるように、サービスと互換性を持たせたいと考えています。
編集#2:リンクをハードコーディングすると同じエラーが発生するようです。私のサーバーはリダイレクトを使用して適切なスクリプトを指し示しています。この動作は正常ですか?ブラウザに依存しない回避策はありますか?
javascript - head.js の使用に欠点はありますか?
私が知っていること:
スクリプトがスタイル/コンテンツを変更すると画面がちらつく (現在ページの最後にスクリプトをロードしているため、私にとっては問題ではなく、既に回避策がある)
スクリプトの読み込みエラーを検出できない (私が開発するものはすべて JavaScript の有無にかかわらず動作する必要があるため、これについてはあまり心配していません。項目 1 の回避策に影響する可能性がありますが、このリスクには満足しています)
それは私にとって非常に良い選択肢のように見えますが、次のプロジェクトに組み込むことに時間を費やす前に、いくつかの参考文献を期待しています (肯定的なことだけを自由に言ってください!)。
現在、中規模から大規模のサイトを開発しており、通常は適度な量の Javascript を使用しています (ただし、これは急速に増加しています)。また、Javascript の大部分に jQuery ライブラリを使用しています。
誰でも経験がありますか?良いまたは悪い!:)
興味のある方への PSこれは head.js です
css - Head.jsの画面サイズとCSS3の@mediaクエリ-なぜ前者なのか?
CSS3メディアクエリでHead.js画面サイズ検出を使用する利点は何ですか?
Head.js画面サイズの検出
CSS3@mediaクエリ
CSSとJSのどちらを選択するかという問題の場合、モバイル設計でどちらが信頼できるでしょうか。
javascript - head.js:奇妙な負の html マージン?
すでに使用経験のある方もいらっしゃると思いますhead.js
。私は初めてのユーザーで、いくつかの問題があります。複数の JavaScript ファイルを読み込もうとすると、すぐに<html>
タグがstyle="margin-left: -32767px;"
適用されます。
なぜそれが起こるのですか?Firebug を使用して HTML の奇妙なスタイル属性を取り除くと、すべての JavaScript ライブラリが正常に動作します。ただし、ページが読み込まれるとコンテンツがちらつき、この負のマージンが適用されるとすぐに、ページに何も表示されなくなります。
model-view-controller - if/endif シナリオの Head.js
head.js を使用するセクションの下に現在ある次の行を追加したいと思います。
誰でもこれを行う方法を教えてもらえますか? これは、他のものを追加する方法の例です。
ただし、コードの if/end if 行を追加しようとすると、エラーが発生し続けます。どんな助けでも大歓迎です。
ありがとう
jquery - asp.netマスターページがHTML解析エラーをスローするhead.js
head.jsを使用して、マスターページ(およびユーザーコントロール)を使用するasp.netページにjavascriptファイルをロードして、より自己完結型であることを確認しようとしています。
しかし、ページが読み込まれると、「HTML解析エラー:子要素が閉じられる前に親コンテナ要素を変更できません」というエラーが発生します。
head.jsはマスターページで参照されます
基本的に、実際のaspxページの1つのコンテンツホルダーの1つに次のスクリプトがあります。
助言がありますか?
javascript - Magentoでhead.jsやlabjsなどのJavaScriptローダーを使用する方法
すぐに使えるMagentoには、すでに面倒な読み込み時間に役立たない5ダース以上のJavaScriptライブラリが付属しています。非同期でロードできるように、head.jsやlabjsなどのスクリプトローダーをMagentoで正常に使用できる人はいますか?私は試してきましたが、動作させることができません。
ライブラリがロードされる前に、ページ上のインラインスクリプトが起動しているように見えます。head.jsには、実行するスクリプトを指示するhead.readyのような関数があることは知っていますが、インラインスクリプトが非常に多いため、サイト全体のすべてのオカレンスにこれを追加するのは実用的ではありません。
javascript - 多くの推奨されるスクリプトはページの下部にあるはずです - これには Cufon が含まれますか?
すべてのフロント エンド開発者は、ページの下部にスクリプトを配置するのがベスト プラクティスであるという一部の専門家の意見を聞いたことがあるでしょう。
私の質問は、これにはキュフォンも含まれますか? (もちろん、Cufonを使用している場合は、私たちです)。
余談ですが.. 最近http://headjs.com/について聞きました。ここで同じ質問です。この中に Cufon スクリプトを入れてもいいですか? または、「スタイルのないコンテンツのフラッシュ」が発生するリスクがありますか
javascript - headjsは、従来のJavaScriptアプローチに比べて実用的なパフォーマンス上の利点を提供しますか?
headjs Webサイトの情報から、 headjsを使用してファイルを並行してロードすることが外部JSファイルをロードする最も速い方法であるように見えます。また、ページの下部または上部にJSファイルをロードしても大きな違いはないということです。
説得力があるように聞こえますが、ウェブサイトに偏りがあるのではないかと思います。
どちらが速いですか?
- headjsを使用する
- Packagine / gzipping /minifying/コンパイラーJavaScript