問題タブ [javascript-framework]
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 - KSSの欠点
ここでKSSを使用した人はいますか?
KSS は AJAX フレームワークです。
KSS には、クライアント側の Javascript ライブラリとサーバー側のサポートの両方があります。
クライアント側の Javascript ライブラリをページに含める必要があります。サーバーからキネティック スタイル シートを取得して解析し、一連のアクションをブラウザー イベントやページ要素にバインドします。これは、JQuery や ExtJS などの他のクリーンな Javascript ライブラリ (原文のまま) と平和的に共存できるクリーンな Javascript コードです。プロダクションモードで約100kです。プラグインによる拡張メカニズムを使用して、独自の Javascript コードを統合できます。
私は現在、それを使用するプロジェクトに取り組んでいます。注意すべき欠点や落とし穴はありますか?
クロスブラウザのサポートはどのようなものですか?
最初は、JS を手動で記述せず、実際に CSS のようなファイルを JS の動作に変換するという事実に本当に気が進まなかったのですが、実際に動作してみると、非常にうまく機能していると言わざるを得ません。 . しかし、クロスブラウザテストはまだ行っていません。
javascript - このスコープはjavascriptで可能ですか?
私はjavascriptフレームワークに取り組んでいます。次のような独立したスクリプトがいくつかあります。
この関数は別の外部スクリプトから呼び出されます。変数にアクセスできるように、この関数に変数を渡そうとしていますwithout using the this keyword.
上記の例では、wot が未定義であるというエラーが発生します。
関数を匿名関数でラップし、そこで変数を宣言すると、期待される望ましい結果が得られます
私がやろうとしているのは、変数をスコープチェーンのさらに上に宣言して、2番目の例のように this キーワードを使用せずにモジュールでアクセスできるようにすることです。関数の宣言時に関数の実行範囲が封印されているように見えるので、これが可能だとは思いません。
update
どこで wot を定義しようとしているのかを明確にするために。別のJavaScriptファイルには、このような登録モジュール関数を呼び出すオブジェクトがあります
javascript - javascriptフレームワークの有望な代替手段?
jQuery、MooTools、Prototype、YUIなどの人気のあるJavaScriptフレームワーク/ライブラリ(最も人気のあるJavaScriptフレームワークのいくつかを挙げれば)は、JavaScriptフレームワークの分野で確かな足がかりを持っています。
しかし、新しいまたは代替のフレームワーク/ライブラリを探しているより冒険的な開発者のために、次のようなオプションがあります。
- SproutCore
- 元気
- JavaScriptMVC
- qooxdoo
- みどり
- ArchetypeJavaScriptフレームワーク
- 6月のフレームワーク
- ウイゲ
- SimpleJS
- Fleegix.js
それぞれにメリットがあります。しかし、どちらが何のために好ましいのでしょうか?
javascript - サイト全体のスクリプトとローカルページのスクリプトを使用すると、JavaScriptフレームワークのバージョンが競合する可能性があります
これはJavaScriptフレームワークの問題だと思います。
私は自分のサイトのすべてのページでMooToolsを使用しています。一部のページでは、スクリプトは2年前のものです。新しいページにMooToolsが必要な場合、私は通常、最新バージョンをダウンロードして、過去のバグによるハングアップを回避し、新しい機能を利用します。
古いページは引き続き機能し、新しいページには最新かつ最高のものがあるため、これは正常に機能しました。
最近、サイトのすべてのページで共有されているページ要素でMooToolsを使用したいと思いました。サイトのヘッダーやナビゲーションのように。
私はまだこれを行っていませんが、サイト全体のバージョンのMooToolsを使用すると、古いページで使用されている既存のバージョンと競合すると思います。
サイト全体で1つのバージョンにコミットするのは嫌で、古いページをすべてテストして、新しいバージョンで壊れないことを確認した場合にのみアップグレードします。
質問は次のとおりです。どのようなオプションがありますか?あなたたちはその仕事をどのような解決策を使ったことがありますか?2つのバージョンを同じページに共存させる機能はありますか?
javascript - Fixing a project with multiple Javascript frameworks
I just started a new job, and my first task is to clean up the Javascript code for the site - the problem is that there are two JS libraries being used (jQuery and Prototype / Scriptaculous).
I'm trying to figure out what's being used where, but it's pretty difficult, especially not being very familiar with the code.
Does anyone have any suggestions? I'd probably prefer to drop Prototype / Scriptaculous if possible.
javascript - フォーム要素のドラッグアンドドロップ作成/編集を提供するJavascriptライブラリはありますか?
私は、ユーザーが入力要素(テキストフィールド、テキストエリアなど)をドラッグアンドドロップすることで独自のフォームを作成できるWebアプリケーションを作成しています。
現在、ユーザーはフォーム要素を追加/並べ替え(上または下)/削除できますが、自由にドラッグできるようにする必要があります。
少し前に、ユーザーがテーブルをドラッグアンドドロップしてそこからSQLを生成できる、Javascriptで記述されたツールを見たことがありますが、どこで見たのか思い出せません。
たぶん、これのためのある種のJSライブラリ、できればMootools / jQueryのための何かがありますか?検索しましたが、結果が得られませんでした。
何か案は?
javascript - JavaScriptで可変個引数(可変長引数リストを使用)関数ラッパーを作成する方法
目的は、さまざまなスクリプトホストで可変アリティを使用してネイティブ関数を呼び出す一貫したメソッドを提供するラッパーを構築することです。これにより、スクリプトをブラウザーだけでなく、WindowsScriptHostやその他のスクリプトエンジンでも実行できるようになります。
私は3つの方法を知っていますが、それぞれに独自の欠点があります。
/li>eval()
方法:
/li>switch()
方法:
/li>apply()
方法:
あなたが尋ねる彼らの何が問題になっていますか?
eval()
さて、私たちはなぜ悪であるかすべての理由を掘り下げましょうか?また、すべての文字列の連結...「エレガント」とラベル付けされるソリューションではありません。最大値
n
、つまりcases
準備する数を知ることはできません。これはまた、スクリプトを巨大な比率にまで伸ばし、聖なるDRYの原則に反して罪を犯します。apply()
スクリプトは、メソッドをサポートしていない古い(JavaScript 1.3 / ECMA-262-3より前の)エンジンで実行される可能性があります。
さて、質問の部分:そこに別の解決策はありますか?
javascript - プロトタイプ JS は dom:loaded と ajax コールバックのエラーを飲み込みますか?
dom:loaded
プロトタイプがイベントや AJAX ハンドラーでエラー メッセージを抑制する理由がわかりません。
次の HTML が与えられた場合:
domready イベントが発生し、コンソールにログが表示されますが、エラーの兆候はまったくありません。console.log(idontexist);
行をハンドラーの外に移動すると、
idontexist が定義されていません
コンソールのエラー。「クリック」などの他のイベントハンドラーでエラーメッセージが表示されるのは少し奇妙だと思いますdom:loaded
。この問題があるのは だけのようです。
同じことが AJAX ハンドラーにも当てはまります。
エラーは表示されません。これはprototype.js 1.6.1にあり、ドキュメントでこの動作の兆候を見つけることも、これらのハンドラーでエラーレポートを有効にする方法も見つけることができません.
FireBug のデバッガーでコードをステップ実行しようとしましたが、dom:loaded
ハンドラーで不足している変数に遭遇すると、53 行目の K という名前の関数にジャンプするようです。
しかし、どのように?なんで?いつ?そこに try/catch ブロックが表示されません。プログラム フローはどのように終了しますか?
ハンドラーを try/catch ブロックに詰め込むことでエラーを表示できることはわかっていますdom:ready
が、これはあまり快適なオプションではありません。AJAX 呼び出しのグローバル onException ハンドラーを登録する場合も同様です。
エラーを抑制するのはなぜですか?誰かが以前にこれに遭遇しましたか?
javascript - Jqueryカレンダーとタブスライドdivの衝突
こんにちは、私が遭遇したと思われるこの問題を回避する別の方法を見つけようと最善を尽くしています。私のウェブサイトには、jquery カレンダーと jquery div タブ スライダーがあります (これ: http://www.queness.com/resources/html/tabmenu/jquery-tabbed-menu-queness.html )。
問題は DIV タグで発生します。カレンダーは、ID が「calendar」の DIV 内に読み込まれます。タブの CSS には DIV が隠されています。
CSS:
そのため、カレンダーはページに表示されません。ただし、上記の CSS コードをコメントアウトすると、表示されますが、各セクションが適切にカバーされません。つまり、タブをクリックして表示するまで、非表示にする必要があるときにすべてが表示されます。
コード:
カレンダーが機能するように DIV を非表示にする必要がないように、タブの JavaScript コードを変更するにはどうすればよいですか? すべての div を「span」または「p」に置き換えようとしましたが、まったく機能していないようです。
私はこれに行き詰まっており、解決しないとこれ以上先に進むことができないので、どんな助けも素晴らしいでしょう! :)
デビッド