Javascript-форум (https://javascript.ru/forum/)
-   Оффтопик (https://javascript.ru/forum/offtopic/)
-   -   Документация к фреймворку UI-js (https://javascript.ru/forum/offtopic/64133-dokumentaciya-k-frejjmvorku-ui-js.html)

cyber 22.07.2016 13:59

ES6privates, https://vuejs.org/

ES6privates 22.07.2016 13:59

Смотри какая красота))) картинка вылезает от туда куда произошел клик, мелочь а приятно https://www.youtube.com/watch?v=kD8xjKUC-w8 ну это не связано с фреймворком правда, это скорее я грамотно css запилил.

Цитата:

Сообщение от cyber
https://vuejs.org/

да ладно? хочешь сказать там тоже сеттеры и геттеры?

ES6privates 22.07.2016 14:05

cyber, тебе не кажется что у меня как то покрасивее штоле будет, и попроще:

Vue:

Описываем
var demo = new Vue({
  el: '#demo',
  data: {
    message: 'Hello Vue.js!'
  }
})


Используем
<div id="demo">
  <p>{{message}}</p>
  <input v-model="message">
</div>


==================================================
UI-js:

Описываем
class Demo {

  statis tag = 'demo'

  static template = `
      <p>{{message}}</p>
      <input [value]="message">
  `

  constructor {
    this.message = 'Hello UI-js!'
  }

}


Используем:
<demo></demo>


===========================================
При чем у меня можно написать даже так.
Просто дать инпату айдишник и рисовать из него свойства куда хотим и где хотим:

class Demo {
  statiс template = `
    <input #myInput>
    {{myInput.value}}
  `
}

ES6privates 22.07.2016 14:12

ОООО Я ПРИДУМАЛ!!! Я сделаю сравнение как делать TODO app на моем фреймворке и как на других! Чтобы все сами увидили что у меня в тысячу раз все удобнее продуманнее и логичнее

cyber 22.07.2016 14:13

Цитата:

Сообщение от ES6privates
Просто дать инпату айдишник и рисовать из него свойства куда хотим и где хотим

а потом кто то другой возмет этот код и будет искать куда он рисует

ES6privates 22.07.2016 14:18

Цитата:

Сообщение от cyber
а потом кто то другой возмет этот код и будет искать куда он рисует

Айдишник действует только в пределах компонента). Мой фреймворк пропитан инкапсуляцией вообще-то, так что странный ты мне упрек выдал). То есть у меня как раз АААНТИ то что ты описал. Я всю архитектуру так и выстраивал чтобы НЕ БЫЛО такого то что ты сказал. То есть ты все наоборот сказал! ИИМЕННО благодаря тому что мы айдишник задали, человек И НЕ БУДЕТ бегать искать, а просто глянет и сразу увидет). Может ты документацию не прочитал? Она же размером со статью на хабре.

Изолированная реиспользуемая логика (обычные javascript классы), изолированные реиспользуемые шаблоны, изолированные css стили действующие только в рамках шаблона компонента (даже селектор звездочка) и.т.п.

ES6privates 22.07.2016 15:24

TODO APP https://www.youtube.com/watch?v=py36bDUPZq4

ES6privates 22.07.2016 15:25

Кстати дока снейкскин не работает

jquery.scrollTo.min.js:7 Uncaught ReferenceError: jQuery is not defined

cyber 22.07.2016 15:34

Цитата:

Сообщение от ES6privates
Кстати дока снейкскин не работает

хз, у меня работает

Erolast 24.07.2016 19:17

Итак, спустя трое суток:

Ботнет сдулся :)


Часовой пояс GMT +3, время: 16:20.