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

人人都要学会使用的ES6语法与技巧；前端图片预览方式；饿了么大前端出品：一个用于调试 RESTful 接口的 HTTP 服务器中间件；一套Vue的单页模板：N3-admin；2017-08-13 前端日报；超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等；Vue.js路由懒加载；每个前端都该了解的“DNS域名解析”详解

人人都要学会使用的ES6语法与技巧使用箭头函数简单实现高阶函数扁平化 {代码…} 来个复杂一点的看看是什么样子？ {代码…} 能说出最后输出的结果是啥吗？ JSON内部可以直接书写不带function后缀的函数 {代码…} 使用default与不使用default声…
前端图片预览方式图片预览方法图片预览现在大多数基于HTML5提供的接口FileReader，而FileReader给我们提供了四个方法1.readAsArrayBuffer： result属性中二进制数据缓冲区2.readAsBinaryString： result属性中包含文件原始二进制…
饿了么大前端出品：一个用于调试 RESTful 接口的 HTTP 服务器中间件中文文档 Introduction restc is an HTTP server middleware, aiming to enhance de
一套Vue的单页模板：N3-admin趁着周末偷来一点闲，总结近期的工作和学习，想着该花点心思把N3-admin这套基于N3-components的单页应用模板简单的给介绍一下。首发于个人博客；blog.lxstart.net项目路径: https://github.com/N3-compone…ps:…
2017-08-13 前端日报2017-08-13 前端日报精选从 V8 源码看 JS 数组排序的诡异问题显示网格和隐式网格的区别JS打包工具rollup——完全入门指南使用 Redux 之前要在 React 里学的 8 件事JavaScript工作机制：第1部分aksakalli/gtop: Sy…
超多经典 canvas 实例，动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等超多经典 canvas 实例普及：元素用于在网页上绘制图形。这是一个图形容器，您可以控制其每一像素，必须使用脚本来绘制图形。注意：IE 8 以及更早的版本不支持元素。贴士：全部…
Vue.js路由懒加载作者：Joshua Bemenderfer 原文地址: lazy-loading-routes 译者：jeneser 当你的SPA（单页应用程序）变得复杂时，打包构建后的Javascript包会变得非常大，以至于严重影响页面的加载时间。幸运的是：vue-router支…
每个前端都该了解的“DNS域名解析”详解 DNS：Domain Name System（域名服务系统） DNS的常见用法：将服务器名称和 IP 地址进行关联,但它还可以将邮件地址和邮件服务器进行关联,以及为各种信息关联相应的名称。
Webpack 打包优化之速度篇在前文 Webpack 打包优化之体积篇中，对如何减小 Webpack 打包体积，做了些探讨；当然，那些法子对于打包速度的提升，也是大有裨益。然而，打包速度之于开发体验和及时构建，相当重要；所以有必要对其做更为深入的研究，以便完善工作流，这就是本文存在的缘由。减小文件搜索范围在使用实际项目开发…
#HTML5#【避免常见的6种HTML5错误用法】一、不要使用section作为div的替代品人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说，就是直接用作替代品(用于样式)。在XHTML或…请戳→ #前端开发博客#
anime.js 实战：实现一个 SVG 形变（morphing）动画这个实例来看看如何使用anime.js来实现一个形变（morphing）动画。至于什么是morphing动画，看完下面这个图就知道了。简而言之，就是不同形状之间能平滑的转换。这个用SVG来做羹适合不过了，因为SVG本身的形状就是有
Angular 4.3 带来新的 HttpClient 和更多功能
「前端」weex页面传参本文来自尚妆前端团队南洋发表于尚妆github博客，欢迎订阅！前言我司在weex上的应用是保证三端统一，为了延续web开发体验，统一在三端的跳转都采用url的形式，即采用组件，或者自定义的openUrl方法进…

一步一步教你 JavaScript 函数式编程（第三部分）这是关于使用 JavaScript 进行函数式编程的最后一篇文章，我们将从第1部分和第2部分开始，将 JSON 输出最终输出为满足我们需求的对象： (已经完成) 过滤掉一个月前发布(比如说，30天)的文章。 (已经完成) 通过文章的
让 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之后相关的知识要点，寄希望…
从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类的configure方法里，我们看到它先构建出一个WebAppC…
StackBlitz：针对 Web 开发者的在线 IDE 简评：StackBlitz 是最近公开上线的一款在线 IDE，主要面向 Web 开发者，并且和 VS Code 团队进行了合作，移植了很多 VS Code 的特性与功能，非常的方便易用，在这里推荐给大家。: ) 今天给大家介绍一款最近上线，非常不错的在线 IDE – StackBlitz，面向 Web 开发者，目前支持 Angular, React 和 Ionic，之后很…
高效的 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