Структура иерархий для разработки браузера

Я занимаюсь разработкой браузера. У меня есть сильный опыт программирования на C (c/C++/C#) и веб-разработка (html/css/wordpress/some JS). Эта область программирования кажется хаосом, и никто не имеет прочной основы, которая хорошо работает и хороша.Структура иерархий для разработки браузера

Я изучаю доступные библиотеки, такие как gameQueryJs и другие обучающие программы, которые я нашел, такие как Canvas Tutorial. Я продолжаю сталкиваться с той же проблемой.

Все они просто вставляют STRAIGHT в код. Нет предварительной настройки, как должна выглядеть HTML-страница, просто ничего. Все они идут BANG, прямо в javascript.

Прежде чем попасть в javascript, мне нужно настроить веб-страницу. Мне интересно, как будет выглядеть такая страница, как и как правильно импортировать скрипты.

Например, если бы я хотел добавить jquery и библиотеку игр, я бы добавил его так:

<html> 
    <head> 
    <link rel="stylesheet" type="text/css" href="style.css"> 
    <script src="js/jquery-3.1.0.min.js"></script> 
    <script src="js/jquery.gamequery-0.7.1.js"></script> 
    <title> GAME TITLE </title> 
    </head> 
    <body> 
    <div id="game-txt"> 
     <h1> GAME TITLE </h1> 
    </div> 
    <div id="wrap"> 
     <div id="canvascontainter"> 
      <canvas id="canvas" width="300" height="300"></canvas> -- ignore this, this was when I was playing with the canvas tutorial 
     </div> 
    </body> 
</html> 
<!-- SCRIPT STUFF DOWN HERE? -->

Для дальнейшего объяснить мой вопрос, вот первая линия gameQueryJS о коде они вводят вас, чтобы использовать.

var PLAYGROUND_HEIGHT = 250; 
    var PLAYGROUND_WIDTH = 700; 

    $("#playground").playground({height: PLAYGROUND_HEIGHT, width: PLAYGROUND_WIDTH});

Куда уходит? Каков идентификатор игровой площадки, который они манипулируют на странице? Они просто бросают эту линию на вас, как и все другие учебники, которые я нашел, ничего не объясняя.

источник

2016-08-25 Robert Ochinski

Если вы не знаете, как правильно структурировать веб-страницу, не переходите прямо в учебники для игр. Изучите основы. Учебники, охватывающие этот предмет, будут (по праву) предполагать, что их аудитория не является или, по крайней мере, не должна быть абсолютными новичками. – Turnip

О нет, я знаю, как правильно структурировать веб-страницу. Это не проблема. Я отношу это к развитию игры суе. Нажмите на ссылку игры в моем вопросе. Внизу вы увидите сценарии, которые они говорят о добавлении. Где же я их добавляю? –

Пожалуйста, объясните, почему голосуют? :( –

Javascript может быть размещен в тегах сценариев или в отдельном файле, так же как и библиотеки gameQueryJs, которые вы загружаете.

Куда вы помещаете теги сценария, почти полностью зависит от вас, хотя большинство людей поместит их в раздел.

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

Игровая площадка, на которую они ссылаются, - это элемент, который у вас будет на вашей странице, в их примере с урока один - это div с игровой площадкой id.

Кроме того, если вы проверите первый пример, который они дают, вы можете выбрать «Редактировать» с помощью JSFiddle, который показывает код, который должен показывать часть вашего вопроса, а также добавить к отсутствию информации, о которой вы жаловались.

источник

2016-08-26 04:18:57 ophychius

Что касается JSFiddle, не работает ли демо для вас? Я пытаюсь проверить его, и он не работает. Но спасибо, что указали, что я полностью пропустил это. –

К сожалению, демо не работа для меня тоже. Я не мог понять, почему :( – ophychius

Структура иерархий для разработки браузера

ответ

Смежные вопросы