2017年08月_秋雨冬雪

原创 Webpack 3，从入门到放弃

本文根据当前最新的 webpack 版本（即 v3.4.1）撰写，较长一段时间内无需担心过时的问题。其次，这应该会是一篇极长的文章，涵盖了基本的使用方法，有更高级功能的需求可以参考官方文档继续学习。再次，即使是基本的功能，也内容繁多，作者也通过通俗易懂的语言，将学习过程中的疑惑和坑一一做了解释。再次，为了清晰有效地讲解，作者还演示从零编写Demo，只要一步步跟着做，就会收获许多。阅读全文：We...

2017-08-31 16:52:58 803

原创 Android O 和 iOS 11 新功能对比

Apple 和 Google 都在推出 iOS 和 Android 的下一版本。Google 在上周推出了 Android Oreo （8.0 版本），Apple 将在九月份推出 iPhone 8 后发布 iOS 11。两者都有了哪些功能升级？差异化在哪里？本文将一一做图文分析。点击阅读全文：Android O 和 iOS 11 新功能对比欢迎加入“CSDN前端开发者”群，与更多专家、技术同...

2017-08-31 16:47:16 760

原创 AT UI：基于Vue.js 2.0的前端UI组件库

AT UI是一款基于Vue.js 2.0的前端UI组件库，主要用于快速开发PC网站产品。特性包括：基于 Vue 开发的 UI 组件；基于 npm + webpack + babel 的工作流，支持 ES2015；CSS 样式独立，保证不同的框架实现都能保持统一的 UI 风格；提供友好的 API，可灵活的使用组件。了解详情：AT UI：基于Vue.js 2.0的前端UI组件库欢迎加入...

2017-08-31 16:28:55 3761

原创深入理解Node.js Stream内部机制

相信很多人对Node.js的Stream已经不陌生了，不论是请求流、响应流、文件流还是socket流，这些流的底层都是使用Stream模块封装的，甚至我们平时用的最多的console.log打印日志也使用了它。Stream模块做了很多事情，了解了Stream，那么Node.js中其他很多模块理解起来就顺畅多了。本文将带你全面了解Stream。了解详情：深入理解Node.js Stream内部机制...

2017-08-31 16:21:23 881

原创 Chrome DevTools 动画演示，提高你的网页开发技能

Chrome 开发者工具（简称 DevTools）是一套内置于 Google Chrome 中的 Web 开发和调试工具，可用来对网站进行迭代、调试和分析。在这篇文章中，摘选了几个最近比较受欢迎的 Tips。了解详情：Chrome DevTools 动画演示，提高你的网页开发技能欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群。 ...

2017-08-25 10:47:02 706

原创 2017年8月前端开发者超实用干货大合集

在过去的几年当中，网络上所流传的各种设计和开发资源，在素质上有明显的提升。其中有一些已经几乎成为了设计师和开发者必备的工具，但是其中绝大多数由于其应用范畴的局限，或者传播不够广，导致它们大多并广为人知。将这些素材集中到一起，很大程度上是希望它们的目标用户能够明白，需要这些工具的时候，上哪儿找。这次的前端干货合集内容也很齐全，仔细看看，总能找到几款你所需要的。全文阅读：2017年8月前端开发者超实用...

2017-08-25 10:44:00 711

原创 Weex免费视频教程——从入门到放肆

与 Web App、HTML5 App 或 Hybrid App 不同，您可以使用 Weex 构建一个真正的原生应用。更贴心的是你的代码只需使用 HTML、CSS、JavaScript 可以构建原生应用，上手非常简单。但实际上，应用的底层是 Objective-C 或 Java，同时，Weex 提供很多 Native 组件或模块供开发人员使用。也就是说，你会前端知识，想作真正的App，那你学习W...

2017-08-25 10:40:25 5282 1

原创 H5 与 Native 交互之 JSBridge 技术

做过混合开发的很多人都知道Ionic和PhoneGap之类的框架，这些框架在web基础上包了一层Native，然后通过Bridge技术使得JS可以调用视频、位置、音频等功能。本文就是介绍这层Bridge的交互原理，通过阅读本文你可以了解到JS及Android底层的通讯原理及JSBridge的封装技术及调试方法。全文阅读：H5 与 Native 交互之 JSBridge 技术欢迎加入“CSDN...

2017-08-25 10:35:18 1299

原创 Vue插件编写与实战

热爱Vue开发的同学肯定知道awesome-vue这个Github地址，里面包含了数以千计的Vue开源插件，而这些插件大都来自第三方开发者们，是他们为Vue社区提供了大量的技术支持和解决方案。本文立足Vue开源的理念，主要为Vue开发者讲解编写Vue插件的方法和步骤，通过理论与实践相结合的方式来加深大家对Vue插件编写的认识。全文阅读：Vue插件编写与实战欢迎加入“CSDN前端开发者”群，与...

2017-08-25 10:16:03 730

原创又闹分裂？Node.js 被分叉出一个项目 — Ayo.js

Ayo（发音为“eye-oh”或 IO）是当前流行的 JavaScript 运行时 Node.js 的一个分支。它的创建是由于 Node.js 项目内部发生了一个关于“行为准则(Code of Conduct)”的问题。了解整个事件过程，请阅读：又闹分裂？Node.js 被分叉出一个项目 — Ayo.js 欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下...

2017-08-24 10:16:45 775

原创 Vue.js + Brunch：替代Webpack的有力工具

Brunch是这样一个构建工具：编译项目比Webpack更快，生成的dist文件更小并且项目配置更加容易。本文中将展示如何开发Vue.js + Brunch项目，并且涵盖Brunch的一些优缺点。全文阅读：Vue.js + Brunch: 替代Webpack的有力工具欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群。 ...

2017-08-23 17:44:34 1274

原创设计 Timeline 时间轴来更精确地控制动画

Firefox 偷偷实现了一个 AnimationTimeline，用来为动画提供时间轴。根据文档，它是一个抽象类，被 DocumentTimeline 继承。由于是非标准的特性，MDN的文档里面也没有解释的很清楚，只是说它用来让多个动画共享时间轴，但是具体该怎么用，并没有详细的说明。在这篇文章里，作者并不想解释 Firefox 实现的这个 Timeline 该怎么用，而是借着这个 Timelin...

2017-08-23 17:42:41 2507

原创 30 行 JavaScript 代码搭建神经网络

本文中，原文作者 Scrimba 的创始人 Per Harald Borgen 将会展示如何利用 Synaptic.js 来创建和训练神经网络，从而使我们可以在 Node.js 和浏览器中进行深度学习。全文阅读：30 行 JavaScript 代码搭建神经网络欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群。 ...

2017-08-23 17:40:33 880

原创我们是如何将 Cordova 应用嵌入到 React Native 中

React Native 结合 Cordova 的 WebView 方式有两种：React Native 与 Cordova 是两个不同的视图，使用时从 Cordova 跳转 React Native，再由 React Native 转回 Cordova。React Native 嵌入原有的 Cordova 的 WebView。本文将介绍这两种方案。阅读全文：我们是如何将 Cordova 应...

2017-08-18 16:20:03 1109

原创基于webpack的前后端分离开发环境实践

随着互联网应用工程规模的日益复杂化和精细化，我们在开发一个标准Web应用的早已开始告别单干模式，为了提升开发效率，前后端分离的需求越来越被重视，前端负责展现/交互逻辑，后端负责业务/数据接口，基本上也成为了我们日常项目分工中的标配，但是前后端分离一直以来都是一个工程概念，每个团队在实现工程中都会基于自身的技术栈选择和开发环境进行具体的实现，本文便根据自身团队在webapck开发中搭建的前后端分离开...

2017-08-18 16:14:42 880

原创你所不知道的JSON.stringify

JSON已经逐渐替代XML被全世界的开发者广泛使用。本文深入讲解JavaScript中使用JSON.stringify的一些细节问题。全文阅读：你所不知道的JSON.stringify 欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群。 ...

2017-08-18 15:58:34 750

原创做一枚全栈工程师，到底值不值？

与之前相比，现在的全栈工程师需要自带什么技能呢？本文列举了各项技能及每个技能下需要掌握的重要知识点。在作者看来，很少的全栈工程师称得上真正的全栈。因为精力有限，大部分全栈工程师仅关注了各项技术的某些方面，而不是所有的。成为一个全栈工程师到底值不值，这主要取决于你觉得这是一件值不值的事。全文阅读：做一枚全栈工程师欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫...

2017-08-18 15:41:41 841

原创移动 H5 首屏秒开优化方案探讨

随着移动设备性能不断增强，Web 页面的性能体验逐渐变得可以接受，又因为 Web 开发模式的诸多好处(跨平台，动态更新，减体积，无限扩展)，APP 客户端里出现越来越多内嵌 Web 页面（为了配上当前流行的说法，以下把所有网页都称为 H5 页面，虽然可能跟 H5 没关系），很多 APP 把一些功能模块改成用 H5 实现。虽然说 H5 页面性能变好了，但如果没针对性地做一些优化，体验还是很糟糕的，主...

2017-08-18 15:23:22 365

原创 2017 JS开发指南

你有没有一种被淹没在繁荣JavaScript社区中的感觉？层出不穷的工具、框架，犹如身处迷宫不知如何选择。本文作者针对这个“迷宫”梳理出一张地图，带你更好地选择与使用这些工具，以实现快速学习，形成自己的技术栈。全文阅读：2017 JS开发指南欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群。 ...

2017-08-15 10:07:28 114

原创学习 React.js 比你想象的要简单

本文不会讲什么是 React 或者你该怎样学习 React。而是面向那些已经熟悉了 JavaScript 和 DOM API 的人了解 React.js 基本原理。全文阅读：学习 React.js 比你想象的要简单欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群。 ...

2017-08-14 17:37:44 2537 1

原创一篇缺失的 TypeScript 介绍

TypeScript 是个出乎意料强大的工具，而且它真的很容易掌握。然而，TypeScript 可能比 JavaScript 要更为复杂一些，因为 TypeScript 可能向我们同时引入了一系列以前没有考虑过的 JavaScript 程序相关的技术概念。本文将介绍作者对 TypeScript 的看法以及它在加强 JavaScript 开发中所起的作用，同时也尽可能地给出在类型和编译方面的那些时髦...

2017-08-14 16:12:53 424

原创美团点评点餐 Nuxt.js 实战

在今年年初我开始接触vue的时候，就发现在vue官方文档中“服务端渲染”的一节中提到了Nuxt.js框架，SSR这种方式对于首屏的加载时间优化显而易见，同时还可以方便的进行SEO。美团点评的点餐业务中，数据平台因为其数据量大的特点，首页加载时间很长，非常适合进行SSR改造；于是，作者在非工作时间对nuxt.js框架进行了尝试，吃了一波螃蟹。本文对nuxt.js框架应用于生产环境进行了系统的论述，同...

2017-08-11 16:02:53 1181

原创 [译] 渐进增强的 CSS 布局：从浮动到 Flexbox 到 Grid

今年早些时候，大多数主流浏览器都支持了 CSS Grid 布局。自然地，规范也成为了大小会议的热门话题之一。在参与了一些关于 Grid 布局和渐进增强的讨论后，作者认为使用它还是有很大的不确定性。在听到以下一些很有趣的问题和发言，他便撰写了这篇文章来讨论他们。最近几周听到的声明和问题有：“我什么时候可以开始使用 CSS grid 布局？”“还需要好几年我才能在实际项目中使用 CSS Grid ...

2017-08-11 15:49:47 204

原创 Nginx最新模块—ngx_http_mirror_module分析

最近nginx官网公布了nginx1.13.4最新的ngx_http_mirror_module模块，利用mirror模块，业务可以将线上实时访问流量拷贝至其他环境，基于这些流量可以做版本发布前的预先验证，进行流量放大后的压测等等。本着兴趣，作者调研了其实现原理和使用方式，通过Demo的形式展示给读者，希望能解决大家在使用过程中遇到的问题。全文阅读：Nginx最新模块—ngx_http_mirro...

2017-08-11 10:55:45 585

原创 JavaScript 疲劳终极指南：我们行业的真相

抱怨 JS 疲劳就像是在抱怨人类发明了太多解决问题的工具：从邮件到飞机到宇宙飞船。上周我在 NebraskaJS 2017 会议上做了一个和这个话题极其类似的演讲，我也收到了许多积极的反馈，所以我就想这个演讲也可以写成一篇文章发表出来，让更多的人知道，并帮助他们应对 JS 疲劳，理解我们行业的真相。这篇文章的目的是希望改变你对软件工程行业的普遍的看法，助你在你可能工作的领域上一臂之力。全文阅读：J...

2017-08-10 10:29:50 176

原创教你用 Web Speech API 和 Node.js 来创建一个简单的 AI 聊天机器人

使用语音命令在今天变得非常普遍，许多手机用户使用像 Siri 和 Cortana 这样的语音助手，我们的卧室也被亚马逊的 Echo 和 Google Home 这样的设备“入侵”了。这些系统都离不开语音识别软件，现在，我们的浏览器也友好支持了 Web Speech API，可以让用户在 Web 应用中集成语音功能。这篇文章将介绍如何使用 API 来在浏览器中创建人工智能语音聊天界面。这个应用会识别...

2017-08-10 10:24:51 1396

原创 Chrome浏览器控制台（console）花式调试

在使用React、Vue等需要编译语法的前端框架开发时，前端调试已经变得不那么容易，除了使用React Dev Tools，Vue Dev Tools和Redux Dev Tools等Chrome插件，就是一堆的 console.log() 来打印我们需要看到的变量，虽然也有用，但是比较单一，要调试复杂数据需要多次输出比较才行。如果你平时只是用console.log()来输出一些变量的值，那你肯定...

2017-08-09 14:05:20 1629

原创 HTML5中手势原理分析与数学知识的实践

在这触控屏的时代，人性化的手势操作已经深入了我们生活的每个部分。现代应用越来越重视与用户的交互及体验，手势是最直接且最为有效的交互方式，一个好的手势交互，能降低用户的使用成本和流程，大大提高了用户的体验。近期，公司的多个项目中都对手势有着较高的需求，已有的手势库无法完全cover，因此便撸了一个轻量、便于使用的移动端手势库。这篇博文主要是解析了移动端常用手势的原理，及从前端的角度学习过程中所使用的...

2017-08-09 11:13:27 137

原创【全栈React】第4天：复杂组件

《全栈React》系列包含30多篇文章，带你循序渐进的学习React。它从最基本知识开始，逐渐贯穿你需要了解的所有内容。如果你想学习React，不妨从这个系列开始学起。本文为系列的第四篇，带你开始构建一个更复杂的界面。全文阅读：【全栈React】第4天：复杂组件欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群。 ...

2017-08-04 16:52:35 78

原创【全栈React】第3天：我们的第一个组件

《全栈React》系列包含30多篇文章，带你循序渐进的学习React。它从最基本知识开始，逐渐贯穿你需要了解的所有内容。如果你想学习React，不妨从这个系列开始学起。本文为系列的第三篇，带你写第一个React应用。全文阅读：【全栈React】第3天：我们的第一个组件欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群。 ...

2017-08-04 16:48:54 76

原创【全栈React】第2天：什么是JSX？

《全栈React》系列包含30多篇文章，带你循序渐进的学习React。它从最基本知识开始，逐渐贯穿你需要了解的所有内容。如果你想学习React，不妨从这个系列开始学起。本文为系列的第二篇，主要介绍JSX，ES5和ES6。阅读全文：【全栈React】第2天：什么是JSX？欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群。 ...

2017-08-04 16:31:37 117

原创 JavaScript 包管理的前世今生

从大型的框架库，到解决某个问题的小型函数包，如今的 JavaScript 生态系统几乎囊括了每一个需求所需要的包。JavaScript 作为一个强大而流行的编程语言，这种组件化的代码包对 JavaScript 的发展进化至关重要。随着包的增多，开发者也看到了对于高性能、安装管理包依赖的稳定的包管理器的需求。本文会聊聊包管理器是如何出现、如何发展的，聊聊针对于可扩展应用，在未来包管理的革命道路上 K...

2017-08-03 09:43:40 126

原创如何实现前端微服务化？

微服务在后端开发中大行其道，其实对于越来越复杂的前端应用来说，微服务也是一种不错的选择。本文将带你了解前端微服务化及实现方案、可参考资源。阅读全文：如何实现前端微服务化？欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群。 ...

2017-08-02 10:21:08 1321

原创 HTTP/2推送的现状比我想象的更艰难

每当讨论到网页加载性能问题时，就会听到很多人说“HTTP/2推送将解决这个问题”，这也促使作者决定深入研究一下“HTTP/2”，并撰写了本文。本文分享了HTTP/2推送流程及推送细节，针对每个细节都解析了各浏览器对该技术的的支持情况及使用建议。全文阅读：HTTP/2推送的现状比我想象的更艰难欢迎加入“CSDN前端开发者”群，与更多专家、技术同行进行热点、难点技术交流。请扫描以下二维码申请入群...

2017-08-01 10:59:48 357

u012996572的博客