回答編集履歴

2

kahitu

2018/07/08 02:23

投稿

oikashinoa
oikashinoa

スコア2826

test CHANGED
@@ -1,6 +1,10 @@
1
+ ### 結論
2
+
1
- 結論から書と、`Web Components`でした。(ソウイエバカイテアッタナー)
3
+ classListの仕様ではなく`Web Components`で実現ているからでした。(ソウイエバカイテアッタナー)
2
4
 
3
5
 
6
+
7
+ ### Monacaのアーキテクチャー
4
8
 
5
9
  [先進的なアーキテクチャー](https://ja.onsen.io/v2/guide/index.html#onsen-uitoha)
6
10
 
@@ -22,9 +26,15 @@
22
26
 
23
27
 
24
28
 
29
+ ### 結論に至った経緯
30
+
25
31
  属性変更を検知するのって[MutationObserver](https://developer.mozilla.org/ja/docs/Web/API/MutationObserver)くらいしか知らなくて、onsenui.jsを調べたけど見つからず…
26
32
 
27
33
  下のコードで調べた時に`5.icon指定無しなら`の動作がどうしてもしっくりこない。タグ名で検索したら何だこのソースは?→そうか、これが`Web Components`か→あーicon属性なかったら動きそうにないなぁ ってところまで確認しました。
34
+
35
+ var icon = (略)'<ons-icon icon="' + `this.getAttribute('icon')` + '"></ons-icon>');
36
+
37
+
28
38
 
29
39
 
30
40
 

1

ぬけ追加。もう寝ます

2018/07/08 02:23

投稿

oikashinoa
oikashinoa

スコア2826

test CHANGED
@@ -18,7 +18,7 @@
18
18
 
19
19
  0. 独自のタグをjavascriptでclassで作成可能
20
20
 
21
- 0. 通常のタグと同じく、属性値を変えたら即反映(なんかうまいこと(^^;してlistenしているんでしょうな。[slim.js](http://slimjs.com/#/data-binding)
21
+ 0. 通常のタグと同じく、属性値を変えたら即反映(なんかうまいこと(^^;)してlistenしているんでしょうな。[slim.js](http://slimjs.com/#/data-binding)なのかな?
22
22
 
23
23
 
24
24