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

手把手 | 30行JavaScript代码，教你分分钟创建神经网络；Vue组件库的那些事儿，你都知道吗？；JavaScript实现自动重连和Web技术实现移动监测；Vue中的路由：分页获取数据以及路由更新；【技术分享】妙用JavaScript绕过XSS过滤；使用 CSS 栅格和 Flexbox 打造 Trello 布局；五年 Web 开发者 star 的 github 整理说明；学习 JavaScript：9 个常见错误阻碍你进步

手把手 | 30行JavaScript代码，教你分分钟创建神经网络作者：Per Harald Borgen 编译：高宁，Saint，钱天培 *本文含大量代码，如需原文请从文末来源链接获取。自己搭建神经网络太复杂？别怕！今天我们将手把手教你如何用30行代码轻松创建一个神经网络。在本篇文章中，你将学到如何使用Synaptic.js（ https://synaptic.juancazala.com/#/ …
Vue组件库的那些事儿，你都知道吗？前段时间一直在研究Vue组件库，终于在组内派上了用场。来给大家贡献一篇关于Vue组件库的相关知识。经验不多，如果有不合理的地方还请多多指出哦～～～前段时间一直在研究Vue组件库，终于在组内派上了用场。来给大家贡献一篇关于Vue组件库的相关知识。经验不多，如果有不合理的地方还请多多指出哦～～～
【前端日报：JavaScript实现自动重连和Web技术实现移动监测】JavaScript作用域和闭包；JavaScript实现H5自动重连技术；JavaScript中的RegExp对象；探索webpack模块以及webpack3新特性；在 Node.js 中使用原生 ES 模块；用Web技术实现移动监测
Vue中的路由：分页获取数据以及路由更新最近一直在忙着做项目，也渐渐开始有些疲倦了，感觉如果一直做一些重复的事情，还真的是很容易厌倦的，所以也是时候停下来，总结一下自己这段时间遇到的一些小问题以及一些小感悟吧。项目中用到的是vue，但其实说实话，对于其背后的核心以及真正的理念，自己还不是很清楚，就先
【技术分享】妙用JavaScript绕过XSS过滤 2017-09-15 09:58:09 阅读：242次来源： portswigger.net 作者：blueSky 译者： blueSky 预估稿费：200RMB 投稿方式：发送邮件至linwei#360.cn，或登陆网页版在线投稿前言在一年一度的AppSec Europe会议上， Sebastian Lekies，Krzysztof Kotowicz和Eduardo Vela Nav…
使用 CSS 栅格和 Flexbox 打造 Trello 布局原文地址：Building a Trello Layout with CSS Grid and Flexbox 原文作者：Giulio Mainardi 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：sunui 校原文地址：Building a Trello Layout with CSS Grid and Flexbox 原文作者：Giulio Mainardi 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：sunui 校
五年 Web 开发者 star 的 github 整理说明前端从业几年，积累了不少 github开源库。有时候想查阅以前star的库，但不好找，github大多库都是英文说明，对中文开发者不太友好，这里整理下收集的github库，方便需要的时候查阅。其实老早就有整理github上资源的想法，现在才付诸行动。正在写的时候收到稀土圈公众号开源库功能上线的通知，英雄…
学习 JavaScript：9 个常见错误阻碍你进步原文地址：Learning JavaScript: 9 Common Mistakes That Are Holding You Back 原文作者：Yaphi Berhanu 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m
Immutable.js与React和Redux实践本篇文章将聚焦Immutable与Redux的项目实践，将从多方面阐述Immutable及Redux：包括什么是Immutable，为什么需要使用Immutable，Immutable.js与React，Redux及reselect的组合实践及优化，最后总结使用Immutable可能遇到的一些问题及解决方式。索引 3 为什么需要Immutable 3.1 不可变，副作…
响应式 Web 应用（二）响应式编程是一种基于数据流以及传播数据变化的编程范例。例如，考虑表 1.1 中所表示的电子表格。单元格 C1 以如下的方式来定义： C1 = A1 * B1 如果我们在电子表格中运行上述例子，一旦 A1 或者 B1 的值发生改变，那么 C1 的结果将相应地作出改变。因此电子表格背后的编程语言允许我们定义数据之间的…
四个小视频，带你走出React表单的哪些坑在前端与用户发生最多的交互行为都产生在表单里，在React中表单组件不同于其他组件，因为它们会缓存用户的录入信息和录入状态，由此也带来了React对表单处理的一些特殊性。你是不是经常会在学习或者React中对于使用表单有所疑惑，有很多小伙伴会陷入表单的坑中，并在前端与用户发生最多的交互行为都产生在表单里，在React中表单组件不同于其他组件，因为它们会缓存用户的录入信息和录入状态，由此也带来了React对表单处理的一些特殊性。你是不是经常会在学习或者React中对于使用表单有所疑惑，有很多小伙伴会陷入表单的坑中，并在前端与用户发生最多的交互行为都产生在表单里，在React中表单组件不同于其他组件，因为它们会缓存用户的录入信息和录入状态，由此也带来了React对表单处理的一些特殊性。你是不是经常会在学习或者React中对于使用表单有所疑惑，有很多小伙伴会陷入表单的坑中，并
css3 pointer-events 介绍 css3 pointer-events pointer-events 是什么？顾名思义，pointer-events 是一个用于 HTML 指针事件的属性。 pointer-events 可以禁用 HTML 元素的 hover/focus/active 等动 css3 pointer-events pointer-events 是什么？顾名思义，pointer-events 是一个用于 HTML 指针事件的属性。 pointer-events 可以禁用 HTML 元素的 hover/focus/active 等动
nginscript：使用nginx运行js 有个需求是需要解析ua，在流量不大的情况下，肯定是用nginx直接处理了是最省心的，有动态c库，有lua版的，但是对于国内混乱的贴牌手机支持都比较弱，最后打算用nginscript+百度前端写的 fex-team/ua-device(js版) 来解析ua 有个需求是需要解析ua，在流量不大的情况下，肯定是用nginx直接处理了是最省心的，有动态c库，有lua版的，但是对于国内混乱的贴牌手机支持都比较弱，最后打算用nginscript+百度前端写的 fex-team/ua-device(js版) 来解析ua
你所不知道的 CSS 动画技巧与细节怕标题起的有点大，下述技巧如果你已经掌握了看看就好，欢迎斧正，本文希望通过介绍一些 CSS 不太常用的技巧，辅以一些实践，让读者可以更加深入的理解掌握 CSS 动画。废话少说，直接进入正题，本文提到的动画不加特殊说明，皆指 CSS 动画。正负旋转相消嗯。名字起的很奇怪，好像数学概念一样。 …
【面试的妹纸问我：Web缓存设置不是后台的事情吗？】和大家分享面试过程中关于web缓存设置这个问题的一些对话和思考。详见（来自：@程序猿小卡_casper）
#前端开发那些事#【JavaScript 常用工具函数总结】详见：javascript常用工具函数总结(不定期补充) 关于 JS 常用的工具函数整理。（作者：TokenYang）分享Web前端相关的技术文章、工具资源、学习心得以及笔记。小编会在12小时内审核通过，并与大家分享精选文章。小狮也会在微博【IT程序狮】上，推荐大家的文章。欢迎Web开发者们踊跃投稿哦。
React setState漫谈（一）一张图看懂React setState操作网上关于react setState的结论不少，比如： setState不会立刻改变React组件中state的值；多次setState函数调用产生的效果会合并。但你是否真的了解setStat
在 HTTP/2 的世界里管理 CSS 和 JS 原文地址：Managing CSS & JS in an HTTP/2 World 原文作者：Trevor Davis 译文出自：掘金翻译计划本文永久链接：github.com/xitu/gold-m… 译者：sunui 校对者：Usey95、alf
《HttpClient 获取 Cookie 的一次踩坑实录》在使用 HttpClient 进行抓取一些网页的时候，经常会保留从服务器端发回的 Cookie 信息，以便发起其他需要这些 Cookie 的请求。但…… （by @fullstackyang ）