LINUX.ORG.RU

Ответ на: комментарий от miltorg

Удаление делает хорошо и правильно. Спасибо вам. Я сейчас посмотрю оба кода ваш и свой и сравним возможности языков и пр.

Ну вот, а говорили, что ТС на все говорит - «не нужно» …

Владимир

anonymous ()
Ответ на: комментарий от anonymous

Не нужно говорю - если не нужно Хорошо говорю - если хорошо.

Я ответ Сервера выводил в новом окне, а тут в модальное окно всё в одну функцию выводится. Ну лучше ведь когда модальное окно и в одну функцию. Лучше.

Только на сколько я посмотрел код - никакого Vue тут и близко нет. Может я чего не увидел?

miltorg ()
Последнее исправление: miltorg (всего исправлений: 1)
Ответ на: комментарий от anonymous

Блин. А я то в начале обрадовался. Вот думал, что хоть посмотрю первое нормальное применение для фреймворка. Что ж получается? Я прав? Фреймворк баловство?

miltorg ()
Ответ на: комментарий от anonymous

Не забыли. Они работают. Надо просто передавать все необходимые парамеиры в запросе.

Не, параметры передавал. Там не в 501 была ошибка. Вчера браузер отказывался отправлять запрос. Сегодня, кстати, нормально. Так что это у них действительно ошибка была.

static_lab ★★★★★ ()
Ответ на: комментарий от miltorg

Блин. А я то в начале обрадовался. Вот думал, что хоть посмотрю первое нормальное применение для фреймворка. Что ж получается? Я прав? Фреймворк баловство?

В чем проблема то?
Погуглите «примеры vue кода JavaScript».

Владимир

anonymous ()
Ответ на: комментарий от anonymous

Кстати, анон, как называется такой стиль, чейнинг, конвеерное преобразование списка, map, вот все это? Это же не ФП, там должна быть композиция функций, а не чейнинг, или это не так важно? И это же не лисповая обработка списков, так как нет хвостовой рекурсии)? Да и в JS хеш массивы же, а не списки.

goingUp ★★★★★ ()
Ответ на: комментарий от goingUp

Кстати, анон, как называется такой стиль, чейнинг, конвеерное преобразование списка, map, вот все это?

FRP. Реактивные библиотеки в разных языках предлагают как раз такой способ преобразования данных.

static_lab ★★★★★ ()
Ответ на: комментарий от anonymous

Вовсе и не парсил страницы MSDN. DOM же есть …

 oPage = document.getElementById( "LoadPageDiv" );         //oPage = LinkLoadText.getElementsByTagName( "LoadPageDiv" );

 var NameFunctionTxt  = "",                                // Название   функции
     VpPurposeTxt     = "",                                // Назначение функции
     VpSyntaxTxt      = "",                                // Syntax     функции
     VpParametersTxt  = "",                                // Данные из секции "Parameters"
     VpReturnValueTxt = "",                                // Данные из секции "Return value"
     VpRemarksTxt     = "";                                // Данные из секции "Remarks"
     VpRequirements   = "";                                // Данные из секции "Requirements"

// -------------------------------------
// --- Поиск <title> функции /название функции/
//
 var oTitle            = oPage.getElementsByTagName( "h1" ), // oTitle = LinkLoadText.getElementsByTagName( "h1" );
     NameFunctionTitle = oTitle[ 0 ].innerText + "\r\n";     // В title иногда задано не правильное имя функции
     NameFunctionTxt   = NameFuction;

 var oSections = document.getElementById( "mainSection" ); // Данные всех секций вложены в <div id="mainSection">
...

Владимир

anonymous ()
Ответ на: комментарий от miltorg

Неправильно. Нужно обновить данные прямо в строке. В вашем решении если затем нажать на редактирование другой строки, то восстановятся все удалённые строки и сбросятся все отредактированные данные.

static_lab ★★★★★ ()
Ответ на: комментарий от static_lab

Чисто любительским взглядом, честно говоря, не увидел в примере какого-то мега-преимущества в использовании фреймворка. Скорее наоборот.

Чиста поржать:


<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <style>
	.st {
    text-decoration: line-through;
   }
  </style> 
  <title>JS Bin</title>
  <script>
  
	function remStrikeClick(n,t){
		var ol = document.getElementById('ol');
		var arr_li = fillArray(ol);
		var txt = "", srtike = "", chk = "";
		var new_n = 0;

		for(let i=0; i<arr_li.length; i++){
			if(t==1){
				if (n==i) continue;
			}
			if (arr_li[i][1] == "true"){
				chk = "checked";
				srtike = "class=st";
			}
			txt += htmlTXT(chk, srtike, arr_li[i][0], new_n);
			new_n++;
			chk = "";
			srtike = "";
		}
		ol.innerHTML = txt;
	}
	
	function fillArray(o){
		var arr = o.getElementsByTagName('input');
		//console.log(arr);
		var n = 0;
		var arr_li = [];
		for(let i=0; i<arr.length; i++){
			if(arr[i].type == "checkbox"){
				arr_li[n] = [arr[i].nextSibling.nodeValue, arr[i].checked.toString()];
				n++;
			}
		}
		return arr_li;
	}
	
	function addLi(){
		var ol = document.getElementById('ol');
		var arr_li = fillArray(ol);
		var nl = document.getElementById('newli');
		ol.insertAdjacentHTML('beforeend', htmlTXT("", "", nl.value, arr_li.length));		
	}
	
	function htmlTXT(ch, sr, nm, n){
	var txt;
	txt = '<li><label ' + sr + '><input type="checkbox" onclick="remStrikeClick(' + n + ',0)" ' +ch+ '>' +nm+ '</label>';
	txt +='<input type="button" value="-" onclick="remStrikeClick(' +n+',1)">';
	txt +='</li>';
	console.log (txt);
	return txt;
	}
  </script>
</head>
<body>

<div id="app">
  <h2>Todos:</h2>
  <ol id="ol">
    <li>
      <label><input type="checkbox" onclick="remStrikeClick(0,0)">Чекер1</label>
	  <input type="button" value="-" onclick="remStrikeClick(0,1)">
    </li>
	<li>
      <label><input type="checkbox" onclick="remStrikeClick(1,0)">Чекер2</label>
	  <input type="button" value="-" onclick="remStrikeClick(1,1)">
    </li>
	<li>
      <label  class="st"><input type="checkbox" onclick="remStrikeClick(2,0)" checked>Чекер3</label>
	  <input type="button" value="-" onclick="remStrikeClick(2,1)">
    </li>
  </ol>
  <input type="text" id="newli" value="" maxlength="20" size="20">
  <input type="button" value="+" onclick="addLi()">
  </form>
</div>

</body>
</html>

И работает даже в IE11, в отличие ))

rechnick ★★ ()
Ответ на: комментарий от miltorg

Красота. Сами писали?

Нет. Программист вернулся и написал.

200 строчек - это очень много кода.

Для этого и нужны фреймворки, чтобы много кода не писать.

anonymous ()

Тот самый ответ, которого ты ждал

Все, что можно сделать на Vue (а так же любом другом %frameworkname%) можно сделать и на JS. Потому как Vue не расширяет возможности JS, а лишь предоставляет инструментарий, который сфокусирован на определенной задаче.

Для задач рендера статичной страницы - оно не нужно и является overhead’ом. Потому что задача инструментария в другом. А именно, создание динамичных web приложений.

И профит от подобных инструментов именно в том, что для создания продукта требуется не человеко-годы большой команды, а достаточно пары-тройки вменяемых разрабов.

Собственно, как и большинство библиотек, просто экономит время. Вы же их используете? Или все с нуля пишите?

anonymous ()
Ответ на: Re: Тот самый ответ, которого ты ждал от anonymous

Re: Тот самый ответ, которого ты ждал

В таком случае на лицо непринятие данным гражданином новых инструментов.

Скорее всего он не видит в них смысл, потому что не сталкивался с задачами, которые эти инструменты призваны облегчить.

anonymous ()
Ответ на: комментарий от anonymous

Ждём ваше, гениальное решение. Правда. мне хочется увидеть на Vue что то подобное - красивых табличек jq. Но я пока не увидел на Vue ничего вообще. Вообще НИ-ЧЕ-ГО

miltorg ()
Ответ на: комментарий от miltorg

Пример: кабинет менеджера, в котором должны быть графики, которые обновляются в реальном времени. И это не один и не два графика.

При этом в кабинете манагера помладше должна быть куча форм, которые динамично меняются в зависимости от ранее введенных данных. А так же формы, которые формируются на основе схемы с backend’а.

Спора нет, можно и на голом JS, если есть стойкое желание поработать в выходные, чтоб успевать по срокам. Но так можно рехнуться к концу проекта.

Либо взять современный %frameworkname%, и запилить все тоже самое, только удобней и быстрее.

anonymous ()
Ответ на: комментарий от miltorg

https://javascript.ru/forum/misc/80635-zachem-vue-chto-v-njom-est-takogo-chto-nelzya-sdelat-na-js.html#post526746

Для примера. - Я не использую jq. - Весь необходимый мне функционал есть в js

Да? Зачем ты всем мозги пудришь?

Обратись уже к профессионалам, в психиатрическую больницу. Тебя надо изолировать от общества.

anonymous ()
Ответ на: комментарий от miltorg

Но я пока не увидел на Vue ничего вообще. Вообще НИ-ЧЕ-ГО

Это нужно произносить требовательно, громко, и под конец ударить три раза по столу в такт слогам)

goingUp ★★★★★ ()