chekit

Анализ сайта lifehacker.ru (главная страница)

1. Шапка сайта (тэг < head />) замесорена inline скриптами и пр. всё это можно разнести по соответсвующим файлам js и css, оставив только необходимое.

CSS

CSS стили разбиты на множество отдельных файлов, некоторые из которых сжаты, а не которые нет (в некоторых файлах всего несколько строк). В итоге на этапе загрузки страница делает множество запросов, чтобы загрузить необходимые стили.

• Нужно объединить разрозненные файлы стилей, минифицировать, а так же применить плагин, группирующий селекторы, использующие одинаковые свойства (например CSSO или подобный)
• Можно так же создать не один общий файл, а несколько, объединённых смыслом:

chekit

let text = 'test'.replace(/t/gi, '<span>$&</span>'); 

// text = "<span>t</span>es<span>t</span>"

chekit

/*
* Алгоритм сортировки выбором
* Сортировка массива по возрастанию
*/
// Функция поиска индекса наименьшего элемента массива
let smallestIndex = function (arr) {
  let ind = 0;
  
  arr.reduce((init, item, index) => {
    if (init >= item) {

chekit

//$watch returns a deregistration function. Calling it would deregister the $watcher.

var listener = $scope.$watch("quartz", function () {});
// ...
listener(); // Would clear the watch

chekit

To prevent Hammer.js stop verticall scroll on using swipe use this:

Hammer.defaults.touchAction = 'pan-y';

I've used it on my projects with hammer-angular

chekit

        .regions
          .regions__item(
            ng-repeat="region in mobnav.regions",
            ng-hide = "filteredLocations.length === 0"
          )
            h2.regions__item-header {{region.name}}
            ul.cities
              li.cities__item(
                ng-repeat="location in (filteredLocations = (region.cities | filter: filterRegion))"
              )

chekit

Данное решение необходимо для динамического изменения title страницы по средствам AngularJS

HTML

...
<title ng-bind="'Титул' + title"></title>
<!-- ng-bind вместо {{}} нужен для того, чтобы в title не "мигал" expression-->
...

chekit

{
    "name": "my-app",
    "version": "1.0.0",
    "description": "My test app",
    "main": "src/js/index.js",
    "scripts": {
        "jshint:dist": "jshint src/js/*.js'",
        "jshint": "npm run jshint:dist",
        "jscs": "jscs src/*.js",
        "browserify": "browserify  -s Validating -o ./dist/js/build.js ./lib/index.js",

chekit

'use strict';

//The sandbox http://jsbin.com/leraku/edit?js,console

let mas = [1, 2, 3];

let prom = function (value) {
  return new Promise(resolve => {
    setTimeout(() => {
       console.log(value);

chekit

//Example: http://jsbin.com/ciguhe/edit?js,console

'use strict';

module.exports = (function () {
  let events = {};

  function publish (evt, val) {
    events[evt].forEach((fn) => fn(val));
  }