Тег: java-script
Як я робив PWA
![Як я робив PWA Як я робив PWA](/uploads/2019/03/pwa150.jpg)
PWA - це не клей :) Що таке Progressive Web Apps? Гугліть =>.
ОСЬ ЩО З ЦЬОГО ВИЙШЛО: https://avislab.github.io/map/
1. Робимо звичайне Web-application (HTML - сторіночку з JavaScript - тиком :))
Наприклад, щось таке /files/map/0.html
Зверніть увагу HTTPS немає, тому доступу до вашої локації не буде.
INKSVG.JS - бібліотека для роботи з SVG файлами
![INKSVG.JS - бібліотека для роботи з SVG файлами INKSVG.JS - бібліотека для роботи з SVG файлами](/uploads/2018/12/inksvgjs.png)
INKSVG.JS - бібліотека яка допоможе зв`язати векторну графіку (SVG) з будь-якими даними.
- пошук графічних об`єктів у SVG - файлі по ID, переміщення zoom-у на об`єкт
- зміна стилю об`єктів
- зміна текстових написів, та їх стилю
- анімація об`єктів
INKSVG.JS використовує D3.js, та фактично є обгорткою, яка спрощує роботу саме SVG файлами, які створені графічними редакторами типу Inkscape. INKSVG.JS враховує нюанси саме форматів Sodipodi.
Віконний інтерфейс HTML + Javascript
![Віконний інтерфейс HTML + Javascript Віконний інтерфейс HTML + Javascript](/uploads/2018/11/WinManager150.png)
Ми всі вже звикли до віконного інтерфейсу у операційних системах. Звикаємо до "віконець" які вискакують на сайтах і дратують нас. Інколи самі на сайтах використовуємо щось типу чатів для on-line консультацій, тощо. Я помітив що такі вікна вкрай туплять і капець як гальмівно завантажуються і працюють. Бо сучасні підходи розробки вимагають... Та в деяких проектах зручніше використовувати саме інтерфейс схожий на віконний. Тому трохи заморочився і зробив щось таке, що назвав WinManager.
Openlayers. Библиотека для работы с картами. С чего начать?
![Openlayers. Библиотека для работы с картами. С чего начать? Openlayers. Библиотека для работы с картами. С чего начать?](/uploads/2018/10/map.png)
Openlayers - библиотека для работы с разными картами. В том числе с OpenStreetMap - шикарной альтернативой Google Maps.
Качаем openlayers-workshop: https://github.com/openlayers/workshop/releases
В рабочей папке:
1. рспаковать файл openlayers-workshop-en.zip
Websocket. Сервер (Python) & Клиент (JavaScript)
![Websocket. Сервер (Python) & Клиент (JavaScript) Websocket. Сервер (Python) & Клиент (JavaScript)](/uploads/2018/10/websocket-lifecycle.png)
Пример использования Websocket. Websocket сервер на Python, Websocket клиент на Java Script. Пример в виде простого чата.
WebSocket — протокол связи поверх TCP-соединения, предназначенный для обмена сообщениями между браузером и веб-сервером в режиме реального времени.
Недавні записи
- Selenium
- Комп'ютерний зір (Computer Vision)
- Деякі думки про точність вимірювань в електроприводі
- Датчики Холла 120/60 градусів
- Модуль драйверів напівмосту IGBT транзисторів
- Драйвер IGBT транзисторів на A316J
- AS5600. Варіант встановлення на BLDC мотор
- DC-DC для IGBT драйверів ізольований 2 W +15 -8 вольт
- U-FOC - Векторне керування безколекторними моторами
- FOC - своя реалізація векторного керування. Підбиваю підсумки 2022 року
Tags
raspberry-pi st-link bldc timer max1674 bluetooth eb-500 python ngnix rtc atmega servo avr pwm web tim uart remap brushless bme280 smd esp8266 eeprom bkp capture dht11 ethernet sensors websocket mongodb 3d-printer piezo rs-232 led css meteo i2c options exti html battery soldering bmp280 wifi mpu-9250 examples dma adc gpio sms motor solar hih-4000 lcd docker ssd1306 encoder dc-dc displays pmsm barometer watchdog java-script flask git gps mpu-6050 flash nvic books foc nodemcu programmator usb usart rfid mpx4115a stm32 ssd1331
Архіви