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

[译] 2017 前端工具趋势；我眼中的 JavaScript 函数式编程；一个基于 nodejs 的 api 网关 — 蚊香狗；执行 innerHTML 里的 script；js 中对 Object 对象的一些常用操作总结 – haorooms；Vuex 通俗版教程；前端工程与性能优化；Xweb：为 Python 之禅写的极简主义 Web 框架

[译] 2017 前端工具趋势前言前端界的摩尔定律，变化太快，ng2 的书刚出，听说 ng4 都要发布了。面对变化这么快的环境，2017 年 Q1 也快过完了，那在今年我们该如何走呢？3 月 17 日早读文章由京东金融前端工程师 @ 张明月翻译授权分享。正文从这开始~ 你有两年以上的开发经验吗？你是否掌握了强大的CSS扩展语言SA…
我眼中的 JavaScript 函数式编程看过许多关于函数式编程的讲解，但是其中大部分是停留在理论层面，还有一些是仅针对 Haskell 等纯函数式编程语言的。而本文旨在聊一聊我眼中的函数式编程在 JavaScript 中的具体实践，之所以是 “我眼中的” 即我所说的仅代表个人观点，可能和部分严格概念是有冲突的。
一个基于 nodejs 的 api 网关 — 蚊香狗用于将后端提供的 api 依据 dsl 合并规则描述生成新的 api。
执行 innerHTML 里的 script 背景有时候我们会有把一整段 HTML 动态塞进页面的需求，例如渲染了一个模板，从服务器端获取了一段广告代码等。一般情况下我们使用 container.innerHTML 即可。但是当 HTML 中出现 script 标签时，直接使用 innerHTML 并不会执行它。一个例子
js 中对 Object 对象的一些常用操作总结 – haorooms js 中对 Object 对象的一些常用操作总结，这篇文章主要总结一下常用的 object 对象，并对其方法进行一些简单的总结，希望对大家有所帮助
Vuex 通俗版教程通俗易懂的 Vuex 简明教程
前端工程与性能优化前端工程与性能优化
Xweb：为 Python 之禅写的极简主义 Web 框架 Why use xweb Your life will be long. Xweb has very simple api. Xweb did not use any third-party dependency. Xweb does not have any redundant code for python2. Source code is easy to understand. It is easy to write xweb’s middleware. Ins…
【提高您CSS开发能力的技巧集】本文是有关提高CSS开发能力的技巧集，希望对大家有所帮助。（来自： CSDN博客）
执行 innerHTML 里的有时候我们会有把一整段 HTML 动态塞进页面的需求，例如渲染了一个模板，从服务器端获取了一段广告代码等。一般情况下我们使用 container.innerHTML 即可。但是当 HTML 中出现 script 标签时，直接使用 innerHTML 并不会执行它。
【用CSS实现垂直居中的5种方法及操作实例】利用 CSS 来实现对象的垂直居中方法很多，但不一定对自己实用，这里介绍了5中方法的优缺点供大家参考。（来自： DevStore）
带你一分钟理解 JavaScript 闭包什么是闭包？先看一段代码： function a(){ var n = 0; function inc() { n++; console.log(n); } inc(); inc(); } a(); //控制台输出1，再输出2 简单吧。再来看一段代码： function a(){ var n = 0; this.inc = function ..
Animista: 交互地展示一系列拿来即用的 CSS 动画 Animista: 交互地展示一系列拿来即用的 CSS 动画
react-router@4.0 使用和源码解析 react-router 前不久发布了 4.0.0 版本，新版本有较大的改动。让我们来看看怎么使用顺便看看源码吧~
vswipe.js 又小又流畅
Angular 2 + 折腾记：(1) 初识 Angular-cli[官方脚手架] 及脱坑要点前言　这个系列的进度有些跳跃性，我尽量直白点解释，但是我不是官方文档，直入主题！！！！什么是Angular-cli 简言之：就是NG团队自行维护的一个｀脚手架｀　－－　这货前身是ember-cli；官网：https://cli.
#前端开发那些事#【CSS3-Animatian 抽丝剥茧一步步撸出跑男动画】详见：在这篇文章中，作者通过剖析一个“跑男”动画实例，来把 CSS3 中动画相关的知识点抽丝剥茧，一网打尽。（作者：LucasHC）欢迎朋友们投稿至——>>【前端开发那些事】专辑：作为一名真正的前端开发者，我们不能只关注前端逻辑部分。毕竟“水银泄地”般的页面设计和“炫酷逼真”的动画效果，是我们区别于其他程序员所特有的优势之一。尽量百分之百的还原视觉稿，为UE设计灵感和用户视觉享受架起一座桥梁：正所谓“晋帝时祭北郊，更祝版，工人削之，笔入木三分。”借古书法形容我们的代码，当真是恰当…
《Github 对程序员职业生涯的影响》在未来 12 到 24个月，程序员的聘用方式将会彻底地发生改变。13 年前上司对我说：“你在这里所做的一切工作都是开源的。将来你不再需要简历，人们可以直接通过谷歌来了解你。” （@酒肉和尚–进林译，欢迎加入翻译组：）
简单粗暴地理解 JavaScript 原型链原型链理解起来有点绕了，网上资料也是很多，每次晚上睡不着的时候总喜欢在网上找点原型链和闭包的文章看，效果极好。不要纠结于那一堆术语了，那除了让你脑筋拧成麻花，真的不能帮你什么。简单粗暴点看原型链吧，想点与代码无关的事，比如人、妖以及人妖。 1）人是人他妈生的，妖是妖他妈生的。人和妖都是对象实例，…
【一道面试题引发的JavaScript 数组的思考】一道面试题引发的JavaScript 数组的思考
《Vue 新视角》外国友人倾情推荐。在选择框架时，呼声最高的通常是 Angular 或是 React。作者说，为什么不试试 Vue 呢？上手快，文档友好，性能好，适合团队工作，拥有其他框架的所有优点。（古鲁伊译，欢迎加入翻译组：）
聊聊技术选型 – Angular2 vs Vue2 作者介绍：李旸，美团点评前端工程师，3 年 Web 前端开发经验，现在是美团点评点餐团队的一员。”Come, and take choice of all my library, And so beguile thy sorrow.” —— William Shakespeare
JS 回调函数详解最通俗易懂的 JS 回调教程，附带 PHP…
【PHP安全之webshell和后门检测】关于PHP安全，如何攻击，如何检测，如何防范
一个简单易用的 Vue 组件 V – Distpicker A easy-to-use district selector component.
真 · 异步加载 js / css 资源 JS / CSS 主要是指在别人服务器上的，或者是被 GFW 的，当然了，不只限于 JS 文件，CSS，图片什么的都可以，原理大同小异。
GitHub 更新 License 界面，让你对 License 一目了然 – 掘金 @Phodal