Denis denisfl

VueJS + ExpressJS

Serve static files, exclude 404 error on backend

/* serve.js */
const path = require("path");
const express = require("express");

In your command-line run the following commands:

У CSS есть несколько базовых проблем, которые позволяют очень быстро отстрелить себе ногу при неправильном использовании:

Глобальный неймспейс – в серверном программировании все что написано в файле, в файле и остается. Все же что написано в css и js засирает глобальное пространство имен со всеми вытекающими. В JS эту проблему сейчас побороли всякими модульными системами, а вот с css сложнее. В идеальном мире это должен починить Shadow DOM и настоящие Web Components, но пока их нет единственный способ с этим бороться – следовать какой-то системе именований селекторов, которая по возможности уменьшает и исключает возможные конфликты.
Каскадность – если на один элемент может сработать несколько правил, то они все и сработают последовательно. Если есть элемент h1.title, на него сработают все правила для тегов h1 и все правила для класса .title. Так как весь html состоит из тегов, то правил которые п

	// В вашем bemjson пишем, внутри блока PAGE, один из его элементов js
	[
	'<!--[if lt IE 9]>',
	{ elem : 'js', url : '//yandex.st/es5-shims/0.0.1/es5-shims.min.js' },
	'<![endif]-->'
	]
	// Профит! Теперь можно пользоваться js методами типа map, reduce, some и т.д.

	$base-font-size: 16px;
	$base-line-height: 1.5;

	// this value may vary for each font
	// unitless value relative to 1em
	$cap-height: 0.68;


	@mixin baseline($font-size, $scale: 2) {

	/* -------------------------------------------------------- */
	/* */
	/* A media query that captures: */
	/* */
	/* - Retina iOS devices */
	/* - Retina Macs running Safari */
	/* - High DPI Windows PCs running IE 8 and above */
	/* - Low DPI Windows PCs with IE zoomed in */
	/* - Android hdpi devices and above */
	/* - Android tvdpi devices, including Google Nexus 7 */

	// Original code from http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/

	var metas = document.getElementsByTagName('meta');
	var i;
	if (navigator.userAgent.match(/iPhone/i)) {
	for (i=0; i<metas.length; i++) {
	if (metas[i].name == "viewport") {
	metas[i].content = "width=device-width, minimum-scale=1.0, maximum-scale=1.0";
	}
	}