2019-05-01から1ヶ月間の記事一覧
Foundation reset.cssなどサイト全体のデフォルトスタイルを定義Layout Objectの配置を決める -->ページでは唯一の存在になるのでidセレクターをつかうObject Component 再利用可能なパーツ(プレフィックスにc-をつけること c-btn,) ーー>SMACSSのモジュー…
JSフレームワークの2大巨頭の一つである、React.jsに触れています これまでに、Backbone.jsでTODOアプリをつくったことで、とっつきやすさはあるように感じます。 ・MVCのVだけのフレームワーク(というかライブラリに近い) ・bootstrapのようにボタン、フ…
何がしたいか:入力フォームで入力して、タスクを複数追加 各タスクのアイコンで削除、チェック、編集を行う そのためには: ・まずは1個1個のタスクを、モデル、ビューの連携で生成 ・タスクモデルを作成(defaults,initialize,renderは最低必要) これは一つ…
・ViewにはTemplate: でテンプレートプロパティをもつことができる ・renderメソッドで、underscoreをつかって、DOMを取得して表示していたが、 >|javascript| var ItemView = Backbone.View.extend({ template: _.template($('#template-list-item').html()…
・Viewは画面に情報を表示, Modelはデータそのものを永続的に保管 ・View、Modelで、コンストラクタを元に、インスタンス化をした時、initialize: が呼ばれる。(constructorでも可)オブジェクト指向のコンストラクタなのでインスタンスが生成してたときに呼…
このthisは 何についてのthis??jsでよく出てくるthisのパターンの4つを紹介 1.メソッド呼び出し2.関数呼び出し3.コンストラクタ呼び出しパターン4.apply callパターン今回はその3 コンストラクタでの呼び出しパターン コンストラクタとは設計図 (PHPと違っ…
npm initで package.jsonが作られる https://bagelee.com/programming/npm-package-json-dependencies/また、 package.jsonだけある状態で、 npm install することで、自動的にpackage.jsonの中身にインストールされ、node.modulesが生成できダウンロードで…
このthisは 何についてのthis?? jsでよく出てくるthisのパターンの4つを紹介 1.メソッド呼び出し2.関数呼び出し3.コンストラクタ呼び出しパターン4.apply callパターン 今回はその2 関数の中で呼び出された時注意!! object.show(); はメソッド, show(); …
このthisは 何についてのthis?? 参考:https://qiita.com/rifutan/items/a55f132d4dae7e2f1941 jsでよく出てくるthisのパターンの4つを紹介 1.メソッド呼び出し 2.関数呼び出し 3.コンストラクタ呼び出しパターン 4.apply callパターン 今回はその1 1メソ…
CSS設計 BEM マルチクラスは list-item list-active など クラスを組み合わせて使う 以前やったOOCSS BEMはシングルクラス 一つのクラスで定義するので メンテナンスがしやすい Block 元になる要素 Element 子要素 Modifire 変化した状態 この3つを Block__…
Ajax通信 Asynchronous Javascript XML えいスィんくろぉなす. 非同期の という意味 非同期通信とは 画面遷移を伴わない通信で画面がパッて切り替わらない通信 POSTとかは画面がいちいち切り替わってたので、それは同期通信 一部のHTMLを書き換える ことで、…