Skip to content

Instantly share code, notes, and snippets.

View calacitizen's full-sized avatar

Nikita Izygin calacitizen

  • Russia, Yaroslavl
View GitHub Profile
@calacitizen
calacitizen / fr.md
Created December 25, 2020 12:15 — forked from anonymous/fr.md

Учебные материалы

На английском языке

French in Action

http://rutracker.org/forum/viewtopic.php?t=3623122

Полный курс для изучения французского, состоящий из видеоуроков, аудио, учебника и сборника упражнений. Видео представляет из себя забавный пятидесятисерийный сериал с кучей фансервиса и полностью на французском языке, так что его обязательно стоит смотреть, даже если вы не знаете английского и упражнений делать не будете. На материале каждой серии строятся аудиоуроки, подается новая лексика и грамматика, а также разбираются культурные особенности. Благодаря тому, что курс полностью self-contained, содержит огромное количество упражнений с ответами и способствует погружению в языковую среду, для самостоятельного изучения он является одним из лучших вариантов.

@calacitizen
calacitizen / example.md
Last active April 28, 2016 07:06
Контекстно-зависимые шаблоны

###Контекстно-зависимые шаблоны

Через тег компонент можно передавать как значения так и другие шаблоны.

  <div class="some-class" data-property="{{ outerproperty }}"> 
    <component data-component="SBIS3.CONTROLS.SomeControl">
      <ws:someproperty>
        <h1 class="{{ innerproperty }}"> // В данном случае значение будет из внутреннего контекста
 {{ outerproperty }} // В данном случае значение будет из внешнего контекста
@calacitizen
calacitizen / gist:4c5fe452f5d9ceb4501ae0fb2afc4f20
Last active April 22, 2016 11:56
Спецификация

#Шаблонизатор. Спецификация.

###Базовый синтаксис

  1. Типичный вид шаблона

    		<div class=”class1 class2 {{someClass}}”>
    			<span class=”{{someClass}}”>

{{ content|trim }}

##Сравнение генерации вёрстки на 1000 компонентах

DOT-шаблонизатор в данном тесте представлен в двух вариантах:

  1. DOT с эмуляцией шаблонов компонента (просто вставки вёрстки шаблона)
  2. Компонентная модель WS с использованием DOT в вёрстке

Шаблон в рамках компонентной модели WS

<div class="speed">

####Использование контролов в вёрстке

Шаблон компонента MyComponent.tmpl

   <p>hi</p>

Код использования:

####Использование контролов в вёрстке

Шаблон компонента "MyComponent"

   <span>{{variable}}</span>
var html = ''

###Генерация вёрстки

Генерация с помощью AST

/// <div class="oh"><p>hi</p></div>

var traversedAST = [{
   type: 'tag',

####Линеаризация AST

Разбор HTML вёрстки:

//  html:
var html = '<div class="oh"><p>hi</p></div>';

Пример разложения на линейное AST:

###AST

Разбор HTML вёрстки:

//  html:
var html = '<div class="oh"><p>hi</p></div>';
@calacitizen
calacitizen / rAF.js
Created January 20, 2014 10:12 — forked from paulirish/rAF.js
// http://paulirish.com/2011/requestanimationframe-for-smart-animating/
// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating
// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel
// MIT license
(function() {
var lastTime = 0;
var vendors = ['ms', 'moz', 'webkit', 'o'];