Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 21.05.2022, 12:19
Новичок на форуме
Отправить личное сообщение для chessman2 Посмотреть профиль Найти все сообщения от chessman2
 
Регистрация: 21.05.2022
Сообщений: 1

Как из консольного приложения сделать браузерное?
Сделал небольшой проект,
реализующий частотный англо-русский
на 7800 словарных статей.
Консольный вариант заточен под Node.js,
и работает как задумано.
Всего три файла.
// setup.js
exports.min = () => 0; // начало блока слов для запоминания
exports.size = () => 10; // количество слов в блоке

// enru.js
exports.tiles = [
["the", "определенный член, артикль"],
["and", "и; а"],
["that", "PRON. тот, та, то, те PL; (а. этот и т.д.); который и т.д.; 2) CJ. что; чтобы"],
["you", "PRON. PERS. ты, вы; тебя, вас; тебе, вам (часто to ~) и т.д."],
["of", "PRP. о, об (П); из (Р); от (Р); указывает на причину, принадлежность, объект действия, качество, источник; часто соответствует русскому родительному падежу; think ~ a TH. # думать о (П)"],
["me", "косвенный падеж от I: мне, меня; F я"],
["in", "PRP. COM. в, во (П/В); ~ 1"],
["to", "PRP. (указывает на направление движения, цель): к"],
//... еще 7800 записей
]


// main.js
// Usage: node main.js

"use strict";

const block = require('./setup.js');

const vocab = require('./enru.js');

const min = block.min();

const max = block.size() + min;

function generateRandom( min, max ) {
    let difference = max - min; 
    let rand = Math.random ();
    rand = Math.floor ( rand * difference );
    rand = rand + min;
	return rand;
}

const rndWord = generateRandom ( min, max );

console.log ( vocab.tiles[rndWord][0] );
console.log ( vocab.tiles[rndWord][1] );


Пробовал переделывать для запуска
в браузере через HTML c простейшим
вызовом через alert, открывается
только пустая страница с заголовком.

<!DOCTYPE HTML>
<html>
    <meta charset="utf-8" />
    <title>Частотный словарь</title>
<body>

	<script type="module" src='main.js'></script>	

</body>

</html>


JavaScript изучаю всего около недели. Много не ясно.
Прошу помощи в браузерной реализации словаря -
- в какую сторону копать ?
Ответить с цитированием
  #2 (permalink)  
Старый 21.05.2022, 16:09
Аватар для micscr
Профессор
Отправить личное сообщение для micscr Посмотреть профиль Найти все сообщения от micscr
 
Регистрация: 10.09.2009
Сообщений: 1,577

Перепишите на браузерные модули или заюзайте webpack
Ответить с цитированием
  #3 (permalink)  
Старый 21.05.2022, 17:47
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 3,791

Я бы все на сервере оставил, на клиенте (в браузере) реализовал бы только интерфейс для работы с этим приложением, ибо переносить на клиент многомерный массив длинною ~8к строк - приговорить его к медленной загрузке.
Ответить с цитированием
  #4 (permalink)  
Старый 02.06.2022, 09:58
Кандидат Javascript-наук
Отправить личное сообщение для Signal Посмотреть профиль Найти все сообщения от Signal
 
Регистрация: 03.05.2016
Сообщений: 137

так тебе не на nodejs надо было делать, так оно работать не будет
тебе надо в nodejs сделать http сервер, а вот в браузере уже и будешь обращаться к этому http серверу или лучше websocket сервер

ps. всмысле на nodejs ты сделал гут, только так в браузере его не заставишь работать, сама твоя прога на nodejs должна сидеть в памяти, т.е. всегда работать, а там как хочешь или http сервер поднимай на другом порту или websocket сервер, а в браузере уже клиента надо писать, который бы делал запросы к твоей проге на nodejs

pss. а 8к строк это сколько в мегабайтах?

Последний раз редактировалось Signal, 02.06.2022 в 10:06.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать чтобы меню в зависимости от разрешения экрана выполняло свои функции? miha2020 Мобильный JavaScript 2 05.06.2022 09:02
Как сделать чтобы меню в зависимости от разрешения экрана выполняло свои функции? miha2020 Элементы интерфейса 5 07.03.2021 10:22
Как сделать сделать смену картинки по щелчку мыши? PavelGR Javascript под браузер 0 09.08.2020 09:28
Как сделать калькулятор и с чего начать? A.P. Yellowman Общие вопросы Javascript 3 15.11.2013 21:32
Как сделать реакцию на изменение любого элемента формы. Mik Events/DOM/Window 3 28.07.2011 08:52