20170922 前端开发日报-前端开发博客

HTTP请求中的Form Data与Request Payload的区别；Vue.js填坑记；两行 JavaScript 代码；我从Angular 2转向Vue.js, 也没有选择React；新一代Node.js的Web开发框架Koa2；前端工程-从原理到轮子之JS模块化；React Native源码分析原理（二）(基于0.48版本)；2017 年 9 月：15 个有趣的 JS 和 CSS 库

HTTP请求中的Form Data与Request Payload的区别前端开发中经常会用到AJAX发送异步请求，对于POST类型的请求会附带请求数据。而常用的两种传参方式为：Form Data 和 Request Payload。 GET请求使用get请求时，参数会以key=value的形式拼接在请求的url后面。
Vue.js填坑记前言上一篇文章主要介绍了我们团队的「Vue.js项目模板」的搭建过程，这只是第一步。作为新手，在实际开发过程中，还会遇到各种各样奇怪的问题。本文主要介绍问题的原因以及解决方式。
两行 JavaScript 代码最近看到了两行 JavaScript 代码，很受启发。 1. 封装 DOM 属性在 JavaScript 中，我们可以获取HTML元素的属性值，例如 element.id 。但是，因为 for 和 class 是 JavaScript 中的关键字，所以在 JavaScript 中这两个属性名称分别用 htmlFor 和 className 代替，于是在封装的时候需要先对这两个属性进行特殊判断。
我从Angular 2转向Vue.js, 也没有选择React 我们曾经不喜欢，现在依然不喜欢的就是Angular 2 默认使用Typescript作为开发语言。我知道Angular 2可以直接使用JavaScript，但是在Angular 2中使用JavaScript几乎等于重写整个项目。我不认为Typescript为开发增加了附加值，甚至更加糟糕了。我发现我们的编码速度反而变慢了。在JavaScript中很简单的事情，比如定义一个对象，如果使用Typescript就会变得复杂。在你决定使用Typescript之前，我强烈建议你读读下面这两篇文章。Typescript并不是每个人的最佳选择。
新一代Node.js的Web开发框架Koa2 从零开始nodejs系列文章，将介绍如何利Javascript做为服务端脚本，通过Nodejs框架web开发。Nodejs框架是基于V8的引擎，是目前速度最快的Javascript引擎。chrome浏览器就基于V8，同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express，可以帮助我们迅速建立web站点，比起PHP的开发效率更高，而且学习曲线更低。
前端工程-从原理到轮子之JS模块化目前，一个典型的前端项目技术框架的选型主要包括以下三个方面： JS模块化框架。(Require/Sea/ES6 Module/NEJ) 前端模板框架。(React/Vue/Regular) 状态管理框架。(Flux/Redux) 系列文章将从上面三个方面来介绍相关原理，并且尝试自己造一个简单的轮子。本篇介绍的是 JS模块化。
React Native源码分析原理（二）(基于0.48版本)上一篇文章大家如果仔细阅读揣摩对RN有了一个初步的认识了，接下来将基于上一篇文章的这种初步认识然我们详细了解一下RN的启动过程
2017 年 9 月：15 个有趣的 JS 和 CSS 库迎来了金秋 9 月，在这收获的季节，Tutorialzine 又为我们带来了哪些新鲜、有趣的前端资源呢？前端开发者们，一起来看看有木有你需要的前端库。 1. DisplayJS DisplayJS 是一个帮助你渲染 DOM 的简易框架。使用它，你可以更容易地将 JS 变量遍历到特定的 HTML 元素中，类似于 React 或 Vue.js 处理模版的方式…
Nodejs流学习系列之四: Nodejs流的应用例子前言理论花了三篇文章，也算是基本讲完了Nodejs流的一些基础知识，理论是给实践服务的，我们这篇文章也就没有那么多知识了，通过两个小应用来解决我在实际项目中遇到的两个问题。实际情况当然比这里的demo复杂，这里是我简化过的，所以大家清楚解决思路即可，无须纠结内在的一些细节哈。
Nodejs流学习系列之一: Readable Stream nodejs网关开发或多或少都会牵扯到流的使用，但每次的使用都是迷迷糊糊、懵懵懂懂，总是踩完坑后才知道怎么使用，所以有必要深入学习一下Nodejs的流。学习是为了实践，因此这篇文章将利用两个很常用的demo来学习理论并实践。本来只打算一篇文章就写完的,后来看官网文档,越看越觉得一篇文章解决不来,于是打算使用3篇文章来阐述清楚nodejs流的原理.
浅谈HTML5 Web Worker Javascript是运行在单线程环境中，也就是说无法同时运行多个脚本。假设用户点击一个按钮，触发了一段用于计算的Javascript代码，那么在这段代码执行完毕之前，页面是无法响应用户操作的。但是，如果将这段代码交给Web Worker去运行的话，那么情况就不一样了：浏览器会在后台启动一个独立的worker线程来专门负责这段代码的运行，因此，页面在这段Javascript代码运行期间依然可以响应用户的其他操作。
ReactDOM 是如何把组件渲染到 DOM 中的？当我们在开发 React 项目中，第一次调用 ReactDOM.render 的时候都发生了什么呢？今天就从源码角度来追踪一下这个问题（主要看流程，而不纠结与细节）。首先我们需要明确两个概念， ReactElement 和 ReactComponent.
APIJSON：后端零用时开发接口，前端/客户端定制返回 JSON 的内容和结构 Java-Server Android JavaScript Vue.js English Document 在线测试 1.简介 2.对比传统方式 2.1 开发流程 2.2 客户端请求 2.3 服务端操作 2.4 客户端解析 2.5 对应不同需求的请求 2.6 对应不同请求…
【 js 基础】 setTimeout(fn, 0) 的作用在 zepto 源码中，$.fn 对象有个 ready 函数，其中有这样一句 setTimeout(fn,0); $.fn = { ready: function(callback){ // dont use “interactive” on IE <= 10 (it can fired premature) // // document.readyState：当document文档正在加载时,返回"loading"。
react都这么无情了，vue还是那么有义，4种父子组件数据双向传递大法原本想放张老尤的照片的，烧三根香膜拜一下的，可惜图片和不上去，在前端这么mmp的时代，天天有那么多B事，在数据驱动的时候，大家都推崇数据的走向都是单向数据流，都是通过父组件去向子组件传递数据，还是那句话，那来这么多B事，只要注意点就可以了，合理的运用双向绑定，无论对业务和组件开发来说，都是一件双赢的事…
中国开发者的 Vue 成为 WordPress 弃用 React 后的最佳选择上周， WordPress 团队因专利问题而决定停止使用 React 的消息，引发了社区关于新技术框架的讨论。在美中国开发者尤雨溪（英文名：Evan You）的 Vue.js 框架，成为呼声最高的竞争者。
cqc：前端代码质量检查工具 Number of files Source lines of code Duplicate rate Max complexity Complexity > 5 (count) Complexity > 10 (count) Complexity > 20 (count) Supported Languages js jsx css less scss…
React 许可证虽严苛，但不必过度 react | 与实际情况相比，这个争议更具倾向性。事实上，这样做不太可能影响 React.js 的采用，对 BSD +专利许可证（FB + PL）的批评大多数不 … （
iPhone X 的 “刘海儿” 和 CSS iPhone X 配备一个覆盖整个手机的全面屏，顶部的“刘海”为相机和其他组件留出了空间。然而结果就是会出现一些尴尬的情景：网站被限制在一个“安全区域”，在两侧边缘会出现白条儿。移除这个白条儿也不难，给 body 设置一个background-color就可以搞定。或者，可以添加 viewport-fit=cover meta 标签，将整个网站扩展到整个…
#Vue#【从零开始学Vue-Vue.js教程】Vue是一个小巧轻便的JavaScript库。它有一个简单易懂的API，能够让开发者在开发web应用的时候更加简易便捷。这篇教程的目的就是通过一些例子，让你能够概览一些基本的概念和特性。在…请戳→ #前端开发博客#
#前端技术#【使用 Vue & SVG 快速绘制曲线图（带动画）】详见：详解如何使用 Vue & SVG 实现图表数据更新和曲线动画。[喵喵]
聊聊 React 高阶组件使用react已经有不短的时间了，最近看到关于react高阶组件的一篇文章，看了之后顿时眼前一亮，对于我这种还在新手村晃荡、一切朝着打怪升级看齐的小喽啰来说，像这种难度不是太高同时门槛也不是那么低的东西如今可不多见了啊，是个不可多得的zhuangbility的利器，自然不可轻易错过，遂深入了解了一番。概述 …
#JavaScript#【javascript中的for in循环和for循环的使用】JavaScript for…in 语句for…in 语句用于对数组或者对象的属性进行循环操作。for … in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。T…请戳→ #前端开发博客#
如何自定义 Ephox Textbox.io for IBM Web Content Manager 8.5 此文描述了与 Ephox Textbox.io for IBM WCM 8.5 的一些自定义操作相关的案例分析前提条件前提条件包括： WPS 管理的基本知识。使用 WAS 控制台的基本知识。 WCM 创作接口（WCM 创作 portlet）的基本知识。 Javascript 语言的基本知识。 JAVA 语言和 WCM API 的基本知识（可选）。逐步介…