20170814 前端开发日报

记得点击文章末尾的“阅读原文”查看哟~

下面先一起看下今天的日报摘要吧~

人人都要学会使用的ES6语法与技巧

使用箭头函数简单实现高阶函数扁平化 {代码...} 来个复杂一点的看看是什么样子？ {代码...} 能说出最后输出的结果是啥吗？ JSON内部可以直接书写不带function后缀的函数 {代码...} 使用default与不使用default声...

一套Vue的单页模板：N3-admin

趁着周末偷来一点闲，总结近期的工作和学习，想着该花点心思把N3-admin这套基于N3-components的单页应用模板简单的给介绍一下。 首发于个人博客；blog.lxstart.net项目路径: https://github.com/N3-compone...ps:...

饿了么大前端出品：一个用于调试 RESTful 接口的 HTTP 服务器中间件

中文文档 Introduction restc is an HTTP server middleware, aiming to enhance de

前端图片预览方式

图片预览方法 图片预览现在大多数基于HTML5提供的接口FileReader，而FileReader给我们提供了四个方法1.readAsArrayBuffer： result属性中二进制数据缓冲区2.readAsBinaryString： result属性中包含文件原始二进制...

2017-08-13 前端日报

2017-08-13 前端日报 精选 从 V8 源码看 JS 数组排序的诡异问题显示网格和隐式网格的区别JS打包工具rollup——完全入门指南使用 Redux 之前要在 React 里学的 8 件事JavaScript工作机制：第1部分aksakalli/gtop: Sy...

超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等

超多经典 canvas 实例 普及：<canvas> 元素用于在网页上绘制图形。这是一个图形容器，您可以控制其每一像素，必须使用脚本来绘制图形。 注意：IE 8 以及更早的版本不支持 <canvas> 元素。 贴士：全部...

Vue.js路由懒加载

作者：Joshua Bemenderfer 原文地址: lazy-loading-routes 译者：jeneser 当你的SPA（单页应用程序）变得复杂时，打包构建后的Javascript包会变得非常大，以至于严重影响页面的加载时间。幸运的是：vue-router支...

Webpack 打包优化之速度篇

在前文 Webpack 打包优化之体积篇 中，对如何减小 Webpack 打包体积，做了些探讨；当然，那些法子对于打包速度的提升，也是大有裨益。然而，打包速度之于 开发体验 和 及时构建 ，相当重要；所以有必要对其做更为深入的研究，以便完善工作流，这就是本文存在的缘由。 减小文件搜索范围 在使用实际项目开发...

避免常见的6种HTML5错误用法

一、不要使用p作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的<p>等价于<div>——具体地说，就是直接用作替代品(用于样式)。在XHTML或...请戳→ #前端开发博客#

每个前端都该了解的“DNS域名解析”详解

DNS：Domain Name System（域名服务系统） DNS的常见用法：将服务器名称和 IP 地址进行关联,但它还可以将邮件地址和邮件服务器进行关联,以及为各种信息关联相应的名称。

anime.js 实战：实现一个 SVG 形变（morphing）动画

这个实例来看看如何使用anime.js来实现一个形变（morphing）动画。 至于什么是morphing动画，看完下面这个图就知道了。 简而言之，就是不同形状之间能平滑的转换。这个用SVG来做羹适合不过了，因为SVG本身的形状就是有

Angular 4.3 带来新的 HttpClient 和更多功能

让 CSS 完成背景图加载完毕后显示 之 解析 IOING 的 onload url 原理

WEB 之所以看起来很 WEB，除了自身慢的问题还有因为它具备了一些独有的特性，比如链接跳转，物理像素，不能获取软键盘高度等具有 WEB 特色的问题。 而今天我想讲一点大家都不在意的一个问题，图片流式加载的问题 ...

65.从 Vue.js 自定义输入框深入理解 v-model

Owner ccforward commented Vue.js 中使用内置的 v-model 指令通过绑定值和捕获 input 事件来模拟双向绑定。 在 官方文档 中也只是对 input 输入框做了自定义的组件，并没有 radio 和 checkbox 的举例。 关于 v-model 表单的处理在 官方文档 已经说的很细了,这里再深入

ES6 变量作用域与提升：变量的生命周期详解

ES6 变量作用域与提升：变量的生命周期详解从属于笔者的现代 JavaScript 开发：语法基础与实践技巧系列文章。本文详细讨论了 JavaScript 中作用域、执行上下文、不同作用域下变量提升与函数提升的表现、顶层对象...

ES6学习总结（一）

前端发展的太快了，快到ES6,ES7出来之后，今年已经是ES8了，但是纵然前端发展很快，我们除了马不停蹄的学习新的技术之外，也要沉下心来，好好的潜心磨砺自己，本文是整理了自己学习ES6之后相关的知识要点，寄希望...

「前端」weex页面传参

本文来自尚妆前端团队南洋 发表于尚妆github博客，欢迎订阅！ 前言 我司在weex上的应用是保证三端统一，为了延续web开发体验，统一在三端的跳转都采用url的形式，即采用<a>组件，或者自定义的openUrl方法进...

一步一步教你 JavaScript 函数式编程（第三部分）

这是关于使用 JavaScript 进行函数式编程的最后一篇文章，我们将从 第1部分 和 第2部分 开始，将 JSON 输出最终输出为满足我们需求的对象 ： (已经完成) 过滤掉一个月前发布(比如说，30天)的文章。 (已经完成) 通过文章的

从Haskell、JavaScript、Go看函数式编程

引言 本文就是我在学习函数式编程的过程当中自己体悟到的一些东西，这里将用go,JavaScript以及Haskell三种语言来分析函数式编程的一些奥秘。JavaScript由于具有的一些优势能够让我们可以实现函数式编程，而go作为...

Jetty 源码剖析（二）：web.xml 的解析与执行

当用Jetty来启动一个web项目的时候， Jetty会去读取war包的WEB-INFO目录里面的web.xml文件，然后解析这个web.xml。那这一步是什么时候进行和整个过程是怎样的？我们一起来分析一下。 以用Jetty Runner来启动一个war包为例， 在org.eclipse.jetty.runner.Runner类的confi

StackBlitz：针对 Web 开发者的在线 IDE

简评：StackBlitz 是最近公开上线的一款在线 IDE，主要面向 Web 开发者，并且和 VS Code 团队进行了合作，移植了很多 VS Code 的特性与功能，非常的方便易用，在这里推荐给大家。: ) 今天给大家介绍一款最近上线，非常不错的在线 IDE - StackBlitz，面向 Web 开发者，目前支持 Angular, R

高效的 Web 拒绝服务攻击

本文将介绍一种基于算法缺陷的，高效的 Web DoS 方法。 前言与预备知识 你是否见过这样的代码？ h = {} # 清空 hash 表 h = 'bar' # 插入 print h # 查找并打印 你知道它是如何工作的么？ 比如，h = "test233" 计算 hash('test'...

Pwnhub 第一次线下沙龙竞赛 Web 题解析

Pwnhub在8月12日举办了第一次线下沙龙，我也出了两道Web相关的题目，其中涉及好几个知识点，这里说一下。 题目《国家保卫者》 国家保卫者是一道MISC题目，题干： Phith0n作为一个国家保卫者，最近发现国际网络中有一些奇怪的数据包，他取了一个最简单的（神秘代码 123456 ），希望能分...

React使用小记

使用React遇到一些坑的总结

Vue不同编译输出文件的区别

Vue 源码是选用了 rollup 作为 bundler ，看 Vue 的源码时发现： npm script 对应了不同的构建选项。这也对应了最后打包构建后产出的不同的包。 不同于其他的 library ， Vue 为什么要在最后的打包构建环节输出不同类型的包呢？接下来我们通过 Vue 的源码以及对应的构建配置中简单的去分析下...

从Javascript单线程谈Event Loop

欢迎点击“阅读原文”，学习今日精华文章～

前端开发博客

——————————————————

领略前端技术 阅读前端日报

长按二维码，关注前端开发博客

▼