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

80% 应聘者都不及格的 JS 面试题；CSS 样式画各种图形；前端程序员必知：单页面应用的核心；Vue 知乎日报又又又来了，一样的配方不一样的味道；《你不知道的JavaScript》读书笔记（一）；详解 Webpack2 的那些路径；CSS 变换、过渡、动画实现案例；JS 调试之 console 对象使用

80% 应聘者都不及格的 JS 面试题共 5024 字，读完需 6 分钟，速读需 2 分钟，本文首发于知乎专栏前端周刊。写在前面，笔者在做面试官这 2 年多的时间内，面试了数百个前端工程师，惊讶的发现，超过 80% 的候选人对下面这道题的回答情况连及格都达不到。这究竟是怎样神奇的一道面试题？他考察了候选人的哪些能力？对正在读本文的你有什么启示？且听我慢…
CSS 样式画各种图形经常需要用 CSS 绘制一些图形，这篇文章是一些常用图形的 CSS 绘制代码
前端程序员必知：单页面应用的核心这几年里，单页面应用的框架令人应接不暇，各种新的概念也层出不穷。从过去的 jQuery Mobie、Backbone 到今天的 Angular 2、React、Vue 2，除了版本号不同，他们还有很多的相同之处。刚开始写商业代码的时候，我使用的是 jQuery。使用 jQuery 来实现功能很容易，找到一个相应的 jQuery 插件，再编写相应…
Vue 知乎日报又又又来了，一样的配方不一样的味道学习 Vue.js 蛮久的了, 也看了不少别人写的知乎日报, 干脆自己也拿日报练练手, 该项目使用 vue-cli 构建、打包, 配合 vue 全家桶（vue、vuex、vue-router）进行编码、使用 axios 进行资源请求
《你不知道的JavaScript》读书笔记（一） 1、编译原理分词/词法分析（ Tokenizing/Lexing）这个过程会将由字符组成的字符串分解成（对编程语言来说）有意义的代码块，这些代码块被称为词法单元（ token）。例如，考虑程序 var a = 2;。这段程序通常会被分解成为下面这些词法单元： v
详解 Webpack2 的那些路径用简单的例子来详细解释 webpack2 中的哪些路径系相关的配置。
CSS 变换、过渡、动画实现案例 CSS 变换、过渡、动画学习的过程中实现的效果，方块 “Z” 字形路线运动、线段围绕盒子运动、动态静态饼图的实现以及渐变色的录音旋转小按钮初级效果实现。
JS 调试之 console 对象使用 JavaScript 中的 console 对象在调试的时候特别实用，下面就是 console 的一些使用方法，并不是所有的方法你都用过哦
简单 web 安全 checklist 及解决方案面向公网的 web 服务或者 http 接口服务可能会面临黑客的攻击，故一些基本的 web 安全案例在上线之前要过一遍，本文记录一些简单的 web 安全漏洞，后续发现陆续补充。
系列文章：Angular 2 修仙之路 (更新内容 – Angular 2 AsyncPipe；更新时间 – 2017-03-20 12：08 ) Provider Angular 2 Provider Angular 2 Multi Providers Angular 2 Forward Reference Angular 2 OpaqueToken & InjectionToken Directiv…
[译] WebAssembly 为什么比 asm.js 快？本文作者：Alon Zakai 英文连接：Why WebAssembly is Faster Than asm.js WebAssembly 是为 Web 而设计的、可以生成浏览器可执行的二进制文件的编程语言。并且于2017 年 2 月 28 日，四个主要的浏览器一致同意宣布 WebAssembly 的 MVP 版本已经完成，即将推出一个浏览器可以搭载的稳定版本。W…
如何使用 Vue2 做服务端渲染解决了前后端代码不能复用和单页面 SEO 问题
原生Android也能做Web开发了 – 掘金 @攻城狮严振杰
一种生产环境中高效定位 JS 异常的方案我们发布到生产环境中的代码，往往都经过压缩和混淆，文件名、函数名、变量名已经不具有可读性了，捕获的异常堆栈信息的价值有限，简单的通过这些异常信息，我们依然很难定位到源文件中错误出处。本文我们就试图解决这个问题：基于 AST(抽象语法树) 对源代码进行 try catch 包裹，并
towebp-loader 诞生记~ 一个 webpack 图片 loader 自己写的，webpack 处理图片转换成 webp 格式并且解决 hash 不同问题的 webpack-loader
【JavaScript 性能优化杀手】文章包含了如何避免使代码性能远低于预期的建议，尤其是一些会导致 V8 (牵涉到 Node.js, Opera, Chromium 等) 无法优化相关函数的问题。（来自：三人成鸟）
【前端基础进阶：详细图解jQuery对象，以及如何扩展jQuery插件】分析jQuery对象的整体构建思路
React Router v4 中文文档新的 React Router 从 React 汲取了很多思想和理念，它所提供的路由都可以看成是一个组件。所以，如果你会 react，那么你就了解 React Router，他们的核心是一样的。
《Jenkins Gitlab持续集成打包平台搭建》Jenkins，一个用Java编写的开源的持续集成工具，提供了软件开发的持续集成服务，可监控并触发持续重复的工作，具有开源，支持多平台和插件扩展，安装简单，界面化管理等特点。（by SkySeraph）
《13 个最佳 JavaScript 数据网格库》JavaScript 是一种通常被用在网页开发中的编程语言。它主要是在互联网上的网页浏览器中开发出效果出众且可交互的特效。它是客户端脚本语言中的一种，是被用来作为通过用户的网页浏览器进行处理的源代码。（by oschina）
【Omi v1.0震撼发布 – 令人窒息的Web组件化框架】原文链接–https://github.com/AlloyTeam/omi 写在前面 Omi框架经过几十个版本的迭代，越来越简便易用和强大。经过周末的连续通宵加班加点，Omi v1.0版本终于问世。虽然版本遵循小步快跑、频繁迭代，但是Omi团队…
【10个可以替代Bootstrap的前端框架】Bootstrap 是最受前端开发者欢迎的框架之一，虽然它的功能很强大，但是如果是做一些小型网站的话，会有很多用不到的功能，这时可以用一些其他框架来替代 Bootstrap。（来自： Coder信息网）
[译] 新一代 JavaScript 的开发图谱（2017）原文地址：A Map To Modern JavaScript Development 原文作者：Santiago de León 译文出自：掘金翻译计划译者：gy134340 校对者：IridescentMia,Tina92 过去 5 年里你一直使用 REST 接口。或者
【一次完整的HTTP请求与响应涉及了哪些知识？】一次完整的HTTP请求与响应涉及了哪些知识？
自定义元素：在 HTML 中定义新元素 – HTML5 Rocks 很有意思的自定义元素
[译] React 未来之函数式 setState 原文地址：Functional setState is the future of React 原文作者：Justice Mba 译文出自：掘金翻译计划译者：reid3290 校对者：sunui，imink React 使得函数式编程在 JavaScript 领域流行了起
[译] 在你沉迷于包的海洋之前，还是了解一下运行时 Node.js 的本身 – 掘金 @弋只妖的圈圈
《ReactiveCocoa 小总结》RAC与MVVM如今已经不是一个新鲜的玩意了, 对于介绍他们两的精品文章更是大把, 这篇文章主要是用来记录自己学习RAC的过程以及RAC的一些用法, 以防以后要用到的时候却记不起来了.. （ by Jerry4me ）