Обзор:

С быстрым развитием Интернета скорость технологических обновлений и итераций также увеличивается. Я испытываю зависть, когда вижу, что Java, Js и Swift процветают в различных областях. Новости о .net также впечатляют, в том числе о .net core 1, mono, xamarin и т. д., но большинство из них все еще находятся на стадии бурного развития. Фактически, понимание технологии всегда заключалось в том, что технология служит бизнесу и продуктам, а продукты в той или иной степени способствуют развитию технологий.

Интернет, беспроводная связь, Интернет вещей, виртуальная реальность и ПК способствуют технологической интеграции и микроинновациям в разных направлениях. Роль программистов в разных бизнес-сценариях обратная. С появлением node.js роль языка также меняется, и JS играет все более важную роль. Я также разобрался в знаниях, которые получил после ужина. Прочитав «Ваши знания требуют управления», я твердо осознал, что беспорядочный и обширный запас знаний не так полезен, как организованные и организованные знания. Так что да, нам нужно время от времени возвращаться, чтобы разобраться в имеющихся у нас знаниях, чтобы подготовиться к чрезвычайным ситуациям.

1. Библиотека интерфейсной платформы: 1. Zepto.js

адрес:http://www.css88.com/doc/zeptojs/

описывать:Zeptoэто Легкий для современных продвинутых браузеровJavaScriptБиблиотека, Он имеет API, аналогичный jquery. Если вы умеете использовать jquery, то вы также можете использовать zepto. Я также узнал о Zepto из беседы с другом из Tencent и имел лишь некоторые базовые знания.

2. SUI Mobile

адрес:http://m.sui.taobao.org

описывать:SUI Mobile представляет собой набор, основанный на [Framework7] (http://framework7.taobao.org/) Развитая библиотека пользовательского интерфейса. Он очень легкий и красивый. Чтобы использовать его, вам нужно всего лишь импортировать наш файл CDN, и он совместим с. iOS 6.0+ и Android 4.0+, очень подходит для разработки кроссплатформенного веб-сайта. App。

использовать:ты тоже это видел,Он даWeb для беспроводных терминалов. Разработка приложений.

3. Node.Js

адрес:http://www.runoob.com/nodejs/nodejs-tutorial.html (Китайский сайт)

описывать:Node.jsэтоJavascriptОперационная среда(runtime)。на самом деле этодаверноGoogle Двигатель V8 герметизирован. свинец V8 Движок очень быстро выполняет Javascript и имеет очень хорошую производительность. Node.js оптимизирует некоторые особые случаи использования и предоставляет альтернативные API, позволяющие улучшить работу V8 в средах, отличных от браузера.

Node.js — это платформа на базе Chrome. Платформа, построенная на среде выполнения JavaScript, Используется для простого создания сетевых приложений с быстрым откликом и легкостью расширения. Node.js Используйте управление событиями, Неблокирующий ввод-вывод Модель легка и эффективна и очень подходит для запуска приложений реального времени с интенсивным использованием данных на распределенных устройствах. 　　Проще говоря Node.js Он работает на стороне сервера JavaScript。 　　Node.js это приложение на базе Chrome JavaScript Платформа, создаваемая во время выполнения. 　　Node.js — это управляемая событиями среда JavaScript на стороне сервера ввода-вывода, основанная на движке Google V8. Движок V8 выполняет Javascript очень быстро и имеет очень хорошую производительность.

использовать:

1. RESTful API 　　Это самый идеальный сценарий приложения для NodeJS. Он может обрабатывать десятки тысяч соединений. Ему нужно только запросить API и организовать возвращаемые данные. По сути, он просто ищет некоторые значения из какой-то базы данных и компонует их в ответ. Поскольку ответы представляют собой небольшие объемы текста, а входящие запросы — небольшие объемы текста, трафик невелик, и одна машина может удовлетворить потребности API даже самых загруженных компаний.

2. Унифицируйте уровень пользовательского интерфейса веб-приложений. Текущая архитектура MVC в некотором смысле имеет два уровня пользовательского интерфейса: один находится в браузере, а другой, как мы видим, находится на стороне сервера и отвечает за генерацию и объединение страниц. Я не буду обсуждать, хороша эта архитектура или плоха, но есть другая практика — сервис-ориентированная архитектура, которая позволяет лучше разделить зависимости фронтенда и бэкенда. Если вся ключевая бизнес-логика инкапсулирована в вызовы REST, это означает, что верхнему уровню нужно только учитывать, как использовать эти интерфейсы REST для создания конкретных приложений. Этих серверных программистов не волнует, как конкретные данные передаются с одной страницы на другую. Их не волнует, получаются ли обновления пользовательских данных асинхронно через Ajax или путем обновления страницы.

3. Приложения с большим количеством Ajax-запросов Например, в персонализированном приложении каждый пользователь видит другую страницу, кеш недействителен, и при загрузке страницы необходимо инициировать запрос Ajax. NodeJS может ответить на большое количество одновременных запросов.　　В целом NodeJS подходит для использования в сценариях с высоким уровнем параллелизма, интенсивным вводом-выводом и небольшим объемом бизнес-логики. (Группа обмена веб-интерфейсом обучения: 328058344 Никакие светские разговоры запрещены, вход туда, если вы не заинтересованы, запрещен! )

4. angular.Js

адрес:http://www.runoob.com/angularjs/angularjs-tutorial.html (Китайский сайт)

описывать:AngularJS[1] Родился в 2009 году от Миско. Hevery Основана другими, а затем приобретена Google. Это отличный интерфейсный JS-фреймворк, который используется во многих продуктах Google. AngularJS имеет множество функций, наиболее важными из которых являются: MVVM, модульность, автоматическая двусторонняя привязка данных, семантические теги, внедрение зависимостей и т. д.

использовать:проходитьописывать Мы должны быть в состоянии понять очень хорошоAngularJSИстинная цель,MVVM,Модульный,Автоматизированная двусторонняя привязка данных и многое другое. В дополнение к простым операциям dom,Это может лучше отразить мощь программирования Js. Конечно, применение должно зависеть от случая.

5. JQuery Mobile

адрес:http://www.w3school.com.cn/jquerymobile/ (Китайский сайт)

описывать:Query Мобильная версия — это jQuery Версии для мобильных телефонов и планшетов. jQuery Mobile Он не только перенесет базовую библиотеку jQuery на основные мобильные платформы, но также выпустит полную и унифицированную инфраструктуру мобильного пользовательского интерфейса jQuery. Поддерживает глобальные основные мобильные платформы. jQuery Команда разработчиков мобильных приложений заявила: «Мы очень рады развитию этого проекта. Мобильный Интернет нуждается в кроссбраузерной среде, которая позволит разработчикам создавать по-настоящему мобильные веб-сайты.

использовать:jQuery Mobile Да Создать Мобильный web Каркас приложения.

jQuery Mobile Работает со всеми популярными смартфонами и планшетами. jQuery Mobile использовать HTML5 и CSS3 Разместите страницу с как можно меньшим количеством текста.

6. requirejs

адрес:http://www.requirejs.cn/

описывать:RequireJSцельда Поощряйте код Модульный,этоиспользоватьотличается от традиционного<script>Этапы загрузки скрипта тегов。可以用это来加速、Оптимизировать код,Но его основная цель по-прежнемудадля кода Модульный。это鼓励在использовать Скрипт начинается сmodule ID вместо URL-адреса.

RequireJS загружает весь код по адресу относительно baseUrl. Верхний уровень страницы<script>Тег содержит специальный атрибутdata-main,require.jsиспользовать его, чтобы начать процесс загрузки скрипта,В качестве baseUrl обычно указывается каталог, соответствующий этому атрибуту.

использовать:Модульныйдинамическая нагрузка。

7. Vue.js

адрес:http://cn.vuejs.org/

описывать:Vue.js используется для создания интерактивных Web Библиотека интерфейса. это обеспечивает MVVM Привязка данных и компонуемая система компонентов с простыми и гибкими API. Технически говоря, Vue.js сосредоточиться на MVVM Слой модели представления поверх схемы соединяет представление и модель посредством двусторонней привязки данных. действительный DOM Операции и форматы вывода абстрагируются в инструкции и фильтры. по сравнению с другими MVVM Фреймворк, Vue.js Легче начать.

8. backbone.js

адрес:http://www.css88.com/doc/backbone/

описывать:Backbone Предоставляет структуру моделей, коллекций и представлений для сложных приложений Javascript. Модель используется для привязки данных «ключ-значение» и пользовательских событий; коллекция оснащена богатым API перечислимых функций; Представления могут объявлять обработчики событий и использовать RESTful. JSON-интерфейс для подключения к приложению.

9.React

адрес:http://reactjs.cn/react/docs/why-react.html

описывать:React это Facebook и Instagram Используется для создания пользовательских интерфейсов JavaScript библиотека. многие люди думают React да MVC в V（вид）。мы создаем React дарешить проблему：Создавайте крупномасштабные приложения, в которых данные изменяются со временем.。для достижения этой цели,React Используйте следующие две основные идеи.

10. Ionic

адрес:http://www.ionic.wang/js_doc-index.html

описывать:Ionicтеперь этоэтоCSSрамка такжеэтоJavascript Библиотека пользовательского интерфейса. Многим компонентам для работы требуется Javascript, и хотя часто компоненты не требуют кодирования, их можно легко добавить с помощью расширений платформы, таких как наше расширение AngularIonic. Ionic следует шаблону управления представлением, популярному пониманию и Cocoa Сенсорные рамки аналогичны. В шаблоне управления представлением мы разделяем различные части интерфейса на подпредставления или контроллеры подпредставлений, которые содержат другие представления. Затем контроллер представления «управляет» внутренним представлением, обеспечивая интерактивность и функциональность пользовательского интерфейса. Хорошим примером является панель данных (Tab Bar) контроллер представления обрабатывает нажатие панели вкладок для переключения между серией визуальных панелей. Просмотрите нашу документацию по API, чтобы узнать об утилитах Javascript, доступных в контроллерах представлений и Ionic. Ionic да Тот, у кого на данный момент наибольший потенциал HTML5 Фреймворк для разработки мобильных приложений. проходить SASS Создайте приложение и оно предлагает много UI Компоненты, помогающие разработчикам разрабатывать мощные приложения. этоиспользовать JavaScript MVVM Рамка и AngularJS для улучшения приложения. Обеспечивая двустороннюю привязку данных, использовать их становится Web Распространенный выбор мобильных разработчиков.

2. Фреймворк внешнего пользовательского интерфейса 1.Pure

адрес:http://purecss.org/layouts/

описывать:PureТщательно разработанный,Просто для использования в любом веб-проекте. Чтобы проиллюстрировать это,Мы создали несколько шаблонов следующим образом. Все эти шаблоны адаптивны,И нет JavaScript.

использовать:настоящийда Очень красивая стильная рамка,Нам удобно быстро создавать некоторые персональные продукты,Конечно, он также может послужить некоторым рабочим проектам.

2.bootstrap

адрес:http://www.bootcss.com/

описывать:краткий、Интуитивный、Мощная среда разработки интерфейса ускоряет веб-разработку、Простой.

3.EasyUI

адрес:http://www.jeasyui.net/ (Китайский сайт)

описывать:easyuiдаодин на основеjQueryКоллекция плагинов пользовательского интерфейса.。

easyui предоставляет необходимую функциональность для создания современных интерактивных приложений JavaScript. используйтеeasyui, вам не нужно писать много кода,Вам просто нужно написать несколько простых HTML-тегов.,Вы можете определить пользовательский интерфейс.

• easyuida — это полноценная платформа, которая прекрасно поддерживает веб-страницы HTML5.
• easyui экономит время и масштаб вашей веб-разработки.
• easyui очень простой, но мощный. 4. Муравьиный дизайн

адрес:http://ant.design/

описывать:один UI Язык дизайна — набор интерактивных языков и визуальных систем, усовершенствованных и применяемых в серверных продуктах корпоративного уровня.

3. Визуальные компоненты 1.Echarts

адрес:http://echarts.baidu.com/

описывать:ECharts,один纯 Javascript библиотека диаграмм, которая может бесперебойно работать на PC èНа мобильных устройствах он совместим с большинством современных браузеров (IE8/9/10/11, Chrome, Firefox, Safari и т. д.), а базовый уровень основан на облегченном Canvas Библиотека классов ZRender предоставляет интуитивно понятные, яркие, интерактивные и легко настраиваемые диаграммы визуализации данных.

2.таблица (платно)

адрес:http://www.yuandingit.com/special/tableau/index.html

описывать:Tableau да Самый простой инструмент бизнес-аналитики в настольной системе — Tableau. Новая консоль также полностью настраивается, не заставляя пользователей писать собственный код. На консоли можно не только отслеживать информацию, но и предоставляются возможности полного анализа. Консоль Tableau является гибкой и очень динамичной.

4. Инструменты разработки интерфейса

1.gulp

адрес:http://www.gulpjs.com.cn/

описывать：легкийиспользовать

Благодаря стратегии перенастройки кода Gulp делает простые задачи простыми, а сложные — управляемыми. Стройте быстро Используя возможности потоков Node.js, вы можете быстро создавать проекты и сокращать частые операции ввода-вывода.

Высококачественные плагины Gulp Строгие правила использования плагинов гарантируют, что плагины будут работать так чисто и качественно, как вы ожидаете.

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

5. Создание блога

HEXO+Github, создайте свой собственный блог.

Введение ГЕКСО:Hexoэто Генератор статических блогов с открытым исходным кодом,Разработано с использованием node.js

Подготовить:git + node.js + уценкаредактировать + gitcafe + доменное имя