Вопросы с тегом «javascript»

Для вопросов, касающихся программирования в ECMAScript (JavaScript / JS) и его различных диалектах / реализациях (исключая ActionScript). Этот тег редко используется отдельно, но чаще всего ассоциируется с тегами [node.js], [jquery], [json] и [html].

23
Как вы можете найти высоту текста на холсте HTML?
В спецификации есть функция context.measureText (text), которая сообщит вам, сколько ширины потребуется для печати этого текста, но я не могу найти способ узнать, насколько он высокий. Я знаю, что он основан на шрифте, но я не знаю, как преобразовать строку шрифта в высоту текста.
148 javascript  text  canvas 
10
Как использовать lodash, чтобы найти и вернуть объект из массива?
Мои объекты: [ { description: 'object1', id: 1 }, { description: 'object2', id: 2 } { description: 'object3', id: 3 } { description: 'object4', id: 4 } ] В моей функции ниже я передаю описание, чтобы найти соответствующий идентификатор: function pluckSavedView(action, view) { console.log('action: ', action); console.log('pluckSavedView: ', view); // …
7
Как работает вставка изображения из буфера обмена в Gmail и Google Chrome 12+?
Я заметил сообщение в блоге от Google, в котором упоминается возможность вставлять изображения непосредственно из буфера обмена в сообщение Gmail, если вы используете последнюю версию Chrome. Я попробовал это с моей версией Chrome (12.0.742.91 beta-m), и она прекрасно работает, используя клавиши управления или контекстное меню. Исходя из этого, я должен …
17
Изменение location.hash без прокрутки страницы
У нас есть несколько страниц, использующих ajax для загрузки контента, и есть несколько случаев, когда нам нужна глубокая ссылка на страницу. Вместо того, чтобы ссылаться на «Пользователи» и предлагать людям нажимать «Настройки», полезно иметь возможность связывать людей с настройками user.aspx #. Чтобы люди могли предоставить нам правильные ссылки на разделы …
7
Создание iframe с заданным HTML динамически
Я пытаюсь создать iframe из JavaScript и заполнить его произвольным HTML, вот так: var html = '<body>Foo</body>'; var iframe = document.createElement('iframe'); iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html); Я ожидал iframeбы тогда содержать действительное окно и документ. Однако это не так: > console.log (iframe.contentWindow); ноль Попробуйте сами: http://jsfiddle.net/TrevorBurnham/9k9Pe/ Что я пропускаю?
148 javascript  iframe 
29
Как отсортировать массив объектов по нескольким полям?
Исходя из этого исходного вопроса , как бы я применил сортировку к нескольким полям? Используя эту слегка адаптированную структуру, как бы я отсортировал город (по возрастанию) и затем по цене (по убыванию)? var homes = [ {"h_id":"3", "city":"Dallas", "state":"TX", "zip":"75201", "price":"162500"}, {"h_id":"4", "city":"Bevery Hills", "state":"CA", "zip":"90210", "price":"319250"}, {"h_id":"6", "city":"Dallas", "state":"TX", …
5
Имена компонентов ReactJS должны начинаться с заглавных букв?
Я играю с ReactJS фреймворком на JSBin . Я заметил, что если имя моего компонента начинается со строчной буквы, оно не работает. Например, следующее не отображает: var fml = React.createClass({ render: function () { return <a href='google.com'>Go</a> } }); React.render(<fml />, document.body); Но как только я заменить fmlс Fmlней действительно …
21
Как я могу закрыть раскрывающийся список при нажатии снаружи?
Я хотел бы закрыть раскрывающееся меню входа в систему, когда пользователь щелкает где-нибудь за пределами этого раскрывающегося списка, и я хотел бы сделать это с помощью Angular2 и с "подходом" Angular2 ... Я реализовал решение, но я действительно не уверен в нем. Я думаю, что должен быть самый простой способ …
7
Изменить размер изображения значка маркера Google Maps
Когда я загружаю изображение в свойство значка маркера, оно отображается с исходным размером, который намного больше, чем должен быть. Я хочу изменить размер от стандартного до меньшего. Как лучше всего это сделать? Код: function addMyPos(latitude,longitude){ position = new google.maps.LatLng(latitude,longitude) marker = new google.maps.Marker({ position: position, map: map, icon: "../res/sit_marron.png" }); …
11
React.js: определение разных входных данных с помощью одного обработчика onChange
Любопытно, как правильно подойти к этому: var Hello = React.createClass({ getInitialState: function() { return {total: 0, input1:0, input2:0}; }, render: function() { return ( <div>{this.state.total}<br/> <input type="text" value={this.state.input1} onChange={this.handleChange} /> <input type="text" value={this.state.input2} onChange={this.handleChange} /> </div> ); }, handleChange: function(e){ this.setState({ ??? : e.target.value}); t = this.state.input1 + this.state.input2; this.setState({total: …
148 javascript  reactjs  jsx 
8
Привязка нескольких событий к слушателю (без JQuery)?
Работая с событиями браузера, я начал использовать Safari touchEvents для мобильных устройств. Я обнаружил, что addEventListeners накапливаются с условными выражениями. Этот проект не может использовать JQuery. Стандартный прослушиватель событий: /* option 1 */ window.addEventListener('mousemove', this.mouseMoveHandler, false); window.addEventListener('touchmove', this.mouseMoveHandler, false); /* option 2, only enables the required event */ var isTouchEnabled …
18
NodeJS: Как получить порт сервера?
Вы часто видите пример кода hello world для Node, который создает Http-сервер, начинает прослушивание порта, а затем следует что-то вроде: console.log('Server is listening on port 8000'); Но в идеале вам нужно вместо этого: console.log('Server is listening on port ' + server.port); Как мне получить порт, который сервер в настоящее время …
6
Как загрузить файлы изображений с помощью файлового загрузчика webpack
Я использую webpack для управления проектом responsejs . Я хочу загружать изображения в javascript с помощью webpack file-loader. Ниже представлен файл webpack.config.js : const webpack = require('webpack'); const path = require('path'); const NpmInstallPlugin = require('npm-install-webpack-plugin'); const PATHS = { react: path.join(__dirname, 'node_modules/react/dist/react.min.js'), app: path.join(__dirname, 'src'), build: path.join(__dirname, './dist') }; module.exports …
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.