タグ付けされた質問 「coffeescript」

CoffeeScriptは、JavaScriptにコンパイルされる言語です。これらの恥ずかしい中括弧とセミコロンの下にあるJavaScriptは、常にその中心にゴージャスなオブジェクトモデルを備えてきました。CoffeeScriptは、JavaScriptの優れた部分を簡単な方法で公開する試みです。



9
CoffeeScriptでの匿名オブジェクトの配列の定義
CoffeeScriptで匿名オブジェクトの配列を定義するにはどうすればよいですか?YAML構文を使用してこれはまったく可能ですか? 名前付きオブジェクトの配列を持つことは非常に簡単です: items:[ item1: name1:value1 item2: name:value2 ] ただし、これらの2つのオブジェクトに名前がない場合は、少しトリッキーになります
105 coffeescript 

4
Node.jsを介してbase64でエンコードされた画像をAmazon S3にアップロードする
昨日、深夜のコーディングセッションを行い、小さなnode.js / JS(実際にはCoffeeScriptですが、CoffeeScriptは単なるJavaScriptなので、JSと言いましょう)アプリを作成しました。 目標は何ですか: クライアントがキャンバスdatauri(png)をサーバーに送信(socket.io経由) サーバーが画像をAmazon S3にアップロードします ステップ1が完了しました。 サーバーに文字列が追加されました data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt... 私の質問は、このデータをAmazon S3に「ストリーミング」/アップロードし、そこで実際のイメージを作成するための次のステップは何ですか? knox https://github.com/LearnBoost/knoxはS3に何かをPUTするための素晴らしいライブラリのようですが、欠けているのは、base64-encoded-image-stringと実際のアップロードアクションの間の接着剤ですか? どんなアイデア、アドバイス、フィードバックも歓迎します。


16
クライアント側のJavaScript依存関係を管理する方法は?[閉まっている]
閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか?Stack Overflowのトピックとなるように質問を更新します。 3年前休業。 この質問を改善する サーバー側の依存関係を管理する優れたソリューションはありますが、一貫したクライアント側のJavaScript依存関係管理ワークフローを使用するという私のニーズをすべて満たすソリューションは見つかりませんでした。次の5つの要件を満たしたいです。 NPMのと同様の形式で、私のクライアント側の依存関係を管理package.jsonか亭さんbower.json dependency.jsonあまり知られていないライブラリのファイルでgit repoまたは実際のjsファイル(ウェブ上またはローカルのいずれか)を指す柔軟性が必要です(npmではgit reposを指定できます) それはのような単一のファイルにすべてのライブラリを縮小化し、名前空間べきでエンダー私は私の中に置く必要があるだろう唯一のjsファイルです- <script>クライアント側でタグ BoxJS 4のようなCoffeeScriptをそのままサポートする必要があります(現在は無効) ブラウザでは、次のいずれかのスタイルを使用できるはずです。 var $ = require('jquery'); var _ = require('underscore'); あるいは、headjsスタイルを実行します。 head.js(['jquery', 'underscore', 'mylib'], function($, _, mylib) { // executed when all libraries are loaded }); そのような単一のツールが存在しない場合、volo(またはgrunt)のようなものを使用して組み合わせることができるツールの最適な組み合わせ、つまりツールチェーンは何ですか? 私はここでリンクしているすべてのツールをすでに調査しており、それらのツールは、最大で個別に最大3つの要件のみを満たします。したがって、これらのツールについて再度投稿しないでください。私の5つの要件をすべて満たす単一のツールを提供する回答、または誰かが私の要件をすべて満たすそのような複数のツールのツールチェーンの具体的なワークフロー/スクリプト/作業例を投稿した場合の回答のみを受け入れます。ありがとうございました。

7
誰かが本番アプリケーションにCoffeescriptを使用しましたか?[閉まっている]
現在のところ、この質問はQ&A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 8年前に閉鎖。 Coffeescriptはかなりクールに見えます。誰かがそれを使ったことがありますか?その長所と短所は何ですか?

5
反応入力のdefaultValueが状態で更新されない
reactを使用して単純なフォームを作成しようとしていますが、データをフォームのdefaultValueに適切にバインドすることが困難になっています。 私が探している行動はこれです: ページを開くと、テキスト入力フィールドにデータベースのAwayMessageのテキストが入力されているはずです。それが「サンプルテキスト」です データベースのAwayMessageにテキストがない場合は、テキスト入力フィールドにプレースホルダーを配置するのが理想的です。 ただし、現在、ページを更新するたびに[テキスト]入力フィールドが空白になっています。(入力に入力した内容は適切に保存され、保持されます。)これは、AwayMessageが空のオブジェクトである場合に入力テキストフィールドのhtmlが読み込まれますが、awayMessageが読み込まれたときに更新されないためです。また、フィールドのデフォルト値を指定できません。 わかりやすくするために一部のコードを削除しました(つまり、onToggleChange) window.Pages ||= {} Pages.AwayMessages = React.createClass getInitialState: -> App.API.fetchAwayMessage (data) => @setState awayMessage:data.away_message {awayMessage: {}} onTextChange: (event) -> console.log "VALUE", event.target.value onSubmit: (e) -> window.a = @ e.preventDefault() awayMessage = {} awayMessage["master_toggle"]=@refs["master_toggle"].getDOMNode().checked console.log "value of text", @refs["text"].getDOMNode().value awayMessage["text"]=@refs["text"].getDOMNode().value @awayMessage(awayMessage) awayMessage: (awayMessage)-> console.log "I'm saving", …

8
CoffeeScript未定義
変数が作成されていないかどうかをチェックするJavaScriptでは、次のようにします if (typeof MyVariable !== "undefined"){ ... } 私はコーヒースクリプトでどうやってそれをするのだろうと思ったのですが…。 if (MyVariable?false){ ... } しかし、このチェックMyVariableは、関数である場合、MyVariable(false)を呼び出します。そうでない場合、void(0)またはそのようなものを呼び出します。

11
文字列がnullまたは空かどうかを確認する最も簡単な方法
空またはnull文字列をチェックするこのコードを持っています。それはテストで働いています。 eitherStringEmpty= (email, password) -> emailEmpty = not email? or email is '' passwordEmpty = not password? or password is '' eitherEmpty = emailEmpty || passwordEmpty test1 = eitherStringEmpty "A", "B" # expect false test2 = eitherStringEmpty "", "b" # expect true test3 = eitherStringEmpty "", "" # expect true …

8
AngularJS ui-routerステートマシンで[戻る]ボタンを使用するにはどうすればよいですか?
私はui-routerを使用してangularjsシングルページアプリケーションを実装しました。 元々は個別のURLを使用して各州を識別していましたが、これはGUIDがパックされた非友好的なURLになりました。 それで、私は自分のサイトをより単純なステートマシンとして定義しました。状態はURLでは識別されませんが、次のように、必要に応じて単に移行されます。 ネストされた状態を定義する angular .module 'app', ['ui.router'] .config ($stateProvider) -> $stateProvider .state 'main', templateUrl: 'main.html' controller: 'mainCtrl' params: ['locationId'] .state 'folder', templateUrl: 'folder.html' parent: 'main' controller: 'folderCtrl' resolve: folder:(apiService) -> apiService.get '#base/folder/#locationId' 定義済み状態への移行 #The ui-sref attrib transitions to the 'folder' state a(ui-sref="folder({locationId:'{{folder.Id}}'})") | {{ folder.Name }} このシステムは非常にうまく機能し、私はそのクリーンな構文が大好きです。ただし、URLを使用していないため、戻るボタンが機能しません。 きちんとしたui-routerステートマシンを維持しながら、戻るボタン機能を有効にするにはどうすればよいですか?

14
onClickに反応してPreventDefault()リンクを更新/リダイレクトしますか?
私はreactでリンクをレンダリングしています: render: -> `<a className="upvotes" onClick={this.upvote}>upvote</a>` 次に、上記に賛成票機能があります。 upvote: -> // do stuff (ajax) リンクの前に私はその場所にスパンしていましたが、リンクに切り替える必要があり、ここに問題があります-.upvotesページをクリックするたびに更新され、これまでに試したことは次のとおりです。 event.preventDefault()-機能していません。 upvote: (e) -> e.preventDefault() // do stuff (ajax) event.stopPropagation()-機能していません。 upvote: (e) -> e.stopPropagation() // do stuff (ajax) falseを返します-機能しません。 upvote: (e) -> // do stuff (ajax) return false index.htmlでjQueryを使用して上記のすべてを試しましたが、何も機能しないようです。ここで何をすべきで、何が間違っているのですか?event.typeを確認しましたが、clickどういうわけかリダイレクトを回避できるはずです。 すみません、Reactに関しては私は新人です。 ありがとうございました!


1
Coffeescriptの静的クラスとメソッド
静的ヘルパークラスをcoffeescriptで記述したいと思います。これは可能ですか? クラス: class Box2DUtility constructor: () -> drawWorld: (world, context) -> 使用: Box2DUtility.drawWorld(w,c);

11
CoffeeScriptのプライベートメンバー?
CoffeeScriptで非静的なプライベートメンバーを作成する方法を知っている人はいますか?現在、私はこれを行っています。これは、アンダースコアで始まるパブリック変数を使用して、クラス外で使用してはならないことを明確にしています。 class Thing extends EventEmitter constructor: (@_name) -> getName: -> @_name 変数をクラスに入れると静的メンバーになりますが、どうすれば非静的にすることができますか?「ファンシー」にならずにそれも可能ですか?
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.