javascript- все статьи тега ➜ страница 21
Есть ли смысл использовать JSLint и следовать ему? [закрытый]
В последнее время я писал некоторый код JS, используя jQuery и JavaScript, как это есть, и я думал, что дам JSLint попробовать. Позвольте мне сказать, что код содержит различные функции и использование jQuery, и он прекрасно работает (без каких-либо ошибок ) в IE8 и последнем Firefox. Код также валидатас как переходный XHTML 1.0 (и строгий тоже, но я в основном хочу, чтобы он был переходным валидным). Однако с JSLint как будто все не так. Хотя я читал о том, что она очень строгая, даже если я п ...
проверить URL-адрес и проверить, если URL-адрес-это домен или поддомен
Мне нужно проверить URL и проверить, является ли введенный URL доменом или поддоменом. Я попробовал решение, оно сработало, но в каком-то сценарии оно провалилось. function subDomain(url) { // IF THERE, REMOVE WHITE SPACE FROM BOTH ENDS url = url.replace(new RegExp(/^s+/),""); // START url = url.replace(new RegExp(/s+$/),""); // END // IF FOUND, CONVERT BACK SLASHES TO FORWARD SLASHES url = url.replace(new RegExp(/\/g),"/"); // IF THERE, REMOVES 'http://', 'http ...
Почему именно на стороне сервера визуализации HTML быстрее, чем на стороне клиента?
Я работаю над большим веб-сайтом,и мы перемещаем большую функциональность на клиентскую сторону (Require.js, позвоночник и руль стека). Есть даже дискуссии о возможном перемещении всего рендеринга на клиентскую сторону. Но читая некоторые статьи, особенно о том, что Twitter уходит от рендеринга на стороне клиента, в которых упоминается, что серверная сторона быстрее / надежнее, у меня начинают возникать вопросы. Я не понимаю, как рендеринг довольно простых HTML виджетов в JS из JSON and templa ...
Как изменить интерполяцию для поведения масштабирования в d3.JS
Я использую d3.js V 4.0 для обеспечения масштабирования и панорамирования в SVG. Я использую кнопку сброса, чтобы вернуться в центр изображения. Он работает, но использует стандартный d3.interpolateZoom, так что изображение масштабируется во время перехода. Я просто хочу, чтобы масштабирование выполняло стандартную интерполяцию,но я не могу понять, как изменить интерполятор для поведения масштабирования. Вот сокращенная версия кода: var map = document.querySelector('#map'); var everythi ...
CSS Media Query и Javascript/jQuery не совпадают
В моем CSS у меня есть медиа-запрос, такой как: @media (min-width: 800px) { /* styles */ } А затем в моем jQuery я нацеливаюсь на ширину окна и выполняю некоторые действия. Edit: согласно ответам ниже, я изменил эту функцию, но мои JS и CSS все еще не выровнялись. Проблема была исправлена с помощью функции Modernizr, как указано в принятом ответе. $(window).resize(function() { var viewportWidth = $(window).width(); if (viewportWidth >= 800) { // do something } }); ...
CSS3 эффект перехода с onclick
Я работаю над CSS3 и как бы застрял на одной проблеме. Проблема заключается в следующем: У меня есть изображение, которое изначально находится в левой части экрана: .box img{ margin-left:0; -webkit-transition:1s; } Теперь, при наведении, когда я хочу, чтобы эффект имел место, т. е. переместите изображение 500px слева, когда я наведу курсор на изображение, следующий код: .box img:hover{ margin-left:500px; -webkit-transition:1s; } Это работает просто идеально. Единственная проблема за ...
В jQuery, как загрузить содержимое ajax после указанного элемента
У меня есть следующий HTML: <div id="mydiv"> </div> Я хотел бы загрузить содержимое с помощью jQuery, чтобы оно появилось после моего DIV. Я пробовал это: $("#mydiv").load("/path/to/content.html"); Однако это приводит к следующему результату: <div id="mydiv"> <p>content from file</p> </div> Как получить этот результат? <div id="mydiv"> </div> <p>content from file<p> ...
Динамическое изменение атрибута стиля элемента с помощью JavaScript
У меня есть определенная таблица стилей для div. Теперь я хочу изменить один атрибут div динамически, используя js. Как я могу это сделать? document.getElementById("xyz").style.padding-top = "10px"; Правильно ли это? ...
Как передать значение от родительского компонента к дочернему компоненту (react)
Я новичок в изучении React и пытаюсь передать значение, которое я получаю от пользовательского ввода внутри моего ParentComponent (через поле ввода) в его ChildComponent - которое я буду использовать для запуска вызова AJAX. Я думал, что путем замены состояния в ParentComponent будет работать-но я все еще не в состоянии схватить его в ChildComponent. Я также хочу, чтобы ChildComponent запускался/визуализировался только после получения входного значения от ParentComponent (чтобы я мог выполнит ...
создание линейного градиента путем получения цветов фона из двух дивов с помощью события onclick javascript
Я работаю над проектом, который будет получать цвет фона от двух разных дивов, используя два разных onClick events.My дивы имеют шестнадцатеричные значения цвета фона. Я хочу получить их и объединить в виде линейного градиента, применить их к родительскому div,а также преобразовать тот же код в rgb. Вот мой HTML, CSS и Js <div class="color ForeignCrismon" onClick="GetColorOne(event)"></div> <!--First Color Stop--> <div class="color BrewedBrown" onClick="GetColorTwo(event)" ...
Общая глубокая разница между двумя объектами
У меня есть два объекта: oldObj и newObj. Данные в oldObj использовались для заполнения формы и newObj являются результатом изменения пользователем данных в этой форме и отправки их. Оба объекта глубоки, т. е. у них есть свойства, которые являются объектами или массивами объектов и т. д.-Они могут быть глубиной n уровней, поэтому алгоритм diff должен быть рекурсивным. Теперь мне нужно не только выяснить, что было изменено (например, добавлено/обновлено/удалено) из oldObj в newObj, но и как э ...
Вложенность вкладок ng-bootstrap (угловая 2)
Я пытаюсь вложить виджет вкладки ng-bootstrap, но содержимое вложенной вкладки не отображается должным образом. В тот момент, когда я нажимаю на вложенную вкладку, само содержимое исчезает. Минимальная демонстрация Что я делаю не так? Это код вида: <ngb-tabset> <ngb-tab *ngFor="let tab of tabs"> <ng-template ngbTabTitle> {{ tab.title }} </ng-template> <ng-template ngbTabC ...
Установка значений по умолчанию в select2 с помощью AJAX-вызова?
У меня есть два примера. Это с обычным select2 со статическими входами, который работает с полями по умолчанию заранее: http://jsfiddle.net/z96Ca/2/ Далее идет select2 с вызовом ajax, и значения по умолчанию не добавляются в поле-почему?! http://jsfiddle.net/z96Ca/1/ Я некоторое время возился, но не могу понять, как добавить значения заранее, когда есть вызов ajax. Вот строка, которая обычно добавляет код заранее: $(test).val(["test1","test2"]).trigger("change"); Надеюсь, я достаточно ...
Как нарисовать диаграмму Ганта с помощью chart js или других библиотек
Я хочу нарисовать диаграмму Ганта, как показано ниже В диаграмме js нет возможности нарисовать диаграмму Ганта. возможно ли это?? если это невозможно, пожалуйста, предложите мне некоторые библиотеки диаграмм, чтобы нарисовать график, как это ...
Jquery изменение переменной по клику
Верно, я бы хотел, чтобы при нажатии кнопки (или в данном случае какого-то текста) Jquery показывал тег div, содержащий изображение, затем через 2 секунды изображение исчезало, а затем отображался текст. Все это прекрасно работает, однако я хочу, чтобы это сработало только один раз. Я решил сделать это с помощью переменной и оператора if, поэтому переменная изменяется от 0 до 1, а затем кнопка не может быть нажата снова из-за изменения переменной. Или, по крайней мере, это плохо сформулировано в ...
Как динамически изменять в materialize CSS framework
Я только начал использовать фреймворк materialize css. Теперь materialize преобразует любой тег select в набор элементов ul и li. Раньше, используя JQuery, я мог сделать это: var $selectDropdown = $("#dropdownid"); $selectDropdown.empty(); $selectDropdown.html(' '); var value = "some value"; $selectDropdown .append($("<option></option>").attr("value",value).text(value)); Мой html-это просто пример тега select: Раньше это работало. Теперь это не удается. Какова была бы Альтер ...
Принудительная проверка орфографии на текстовой области в WebKit
Я создаю браузер на основе QC / Data entry app, который позволит людям редактировать OCRed файлы, в которых, естественно, есть тонны ошибок. Куски данных помещаются в текстовые области, чтобы их можно было проверить, но красные подчеркивания появляются только тогда, когда пользователь вручную помещает курсор в слово с ошибкой. Есть ли способ заставить WebKit добавить маленькие красные подчеркивания проверки орфографии в текстовые области? ...
как написать настольное приложение, которое использует HTML и CSS для пользовательского интерфейса и python / perl/c++ / java для обработки?
Различные языки имеют различные наборы инструментов GUI, но это выглядит очень трудно достичь привлекательных пользовательских интерфейсов так хорошо, как мы можем, используя HTML и CSS с меньшими усилиями. Я не делаю свое приложение на javascript, так как сомневаюсь, что у него есть все необходимые библиотеки, и я хочу сделать это на python. Как использовать движки рендеринга, такие как gecko, webkit и т. д. В python? Которые будут более приспособлены для работы с Python?.Есть только движок р ...
Синхронизация прокрутки div, чтобы не прокручивать див
У меня есть веб-страница с тремя дивами, которые синхронизируются вместе. +----------+ | TOP | +---+----------+ | | || | L | CENTER || | |_________|| +---+----------+ <!--Rough HTML--> <div> <div class="topbar-wrapper"> <div class="topbar"></div> </div> <div class="container"> <div class="sidebar-wrapper"> <div class="sidebar"></div> </div> <div class="center-wrapper"> ...
получить координаты мыши через расширение chrome
Мне интересно знать, есть ли способ получить координаты мыши через расширение chrome, а затем использовать эти координаты, чтобы проверить, нажал ли человек в этой позиции ? ...