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

如何写出小而清晰的函数？（JS 版）；CSS入门指南-4：页面布局；基于 Electron 的前端文件处理工具；免费天气API，全国天气 JSON API接口，可以获取五天的天气预报；Vue.js，jquery 实现tabe切换；ES6常用新特性——读《Understanding ECMAScript 6》总结；Angular AOT编译大型项目出现内存溢出瓶颈；JavaScript 单线程与异步

如何写出小而清晰的函数？（JS 版）本文以 JavaScript 为例，介绍了该如何优化函数，使函数清晰易读，且更加高效稳定。软件的复杂度一直在持续增长。代码质量对于保证应用的可靠性、易扩展性非常重要。然而，几乎每一个开发者，包括我自己，在职业生涯中都见过低质量的代码。这东西就是个坑。低质量代码具备以下极具杀伤力的特点：函数超级长…
CSS入门指南-4：页面布局这是《CSS设计指南》的读书笔记，用于加深学习效果。 display 属性 display是 CSS 中最重要的用于控制布局的属性。每个元素都有一个默认的 display 值。对于大多数元素它们的默认值通常是 block 或 inline 。一个…
基于 Electron 的前端文件处理工具项目地址 GIthub splice GUI workflow for Front-End developers based on Electron 功能实现前端常用的文件处理功能： HTML：压缩 ht
免费天气API，全国天气 JSON API接口，可以获取五天的天气预报稳定高效的天气API接口是很少有的，本站前一段时间开发了一个万年历，需要带天气预报，花了几天功夫，集成和容错处理好对外开放的天气接口。天气接口支持返回JSON和XML结果。并且可以获取到昨天，以及今天和未来4…
Vue.js，jquery 实现tabe切换table切换在各个网页中经常用到，平常用jQuery比较容易实现，使用jQuery中的siblings选择其余同胞元素，为了加深记忆顺便把jQuery的代码贴一下。 {代码…} {代码…} 上面的代码我是百度来的，实现方法也比较多…
ES6常用新特性——读《Understanding ECMAScript 6》总结现在ES6在很多项目中大量使用。最近我也花时间看了一下《Understanding ECMAScript6》的中文电子书。在这里总结了一些在实际开发中常用的新特性。块级作用域在ES6之前，JS只有一种变量声明方式——使用 var 关键…
Angular AOT编译大型项目出现内存溢出瓶颈自2.0版本起，Angular就已支持了 AOT （Ahead-of-time）编译，该功能在服务器端对代码进行编译，这可以免去标准的JIT（Just-in-time）方式每次都在浏览器运行时进行编译的消耗，优化了客户端的渲染速度及代码的网络传输效率。同时谷歌还推出了Angular-cli工具，进一步简化了Angular项目的管理、编译过程。然而…
JavaScript 单线程与异步都知道JavaScript有单线程和异步的特性，但有没有考虑过『单线程』、『异步』，难道不是个矛盾体吗？
2017-08-10 前端日报2017-08-10 前端日报精选 [译] 用 Node.js 搭建 API Gateway探索 Service Worker 「生命周期」JavaScript 中的匿名递归 deeplearn.js：浏览器端机器智能框架《深入理解ES6》笔记——Symbol和Symbol属性Which Array…
回顾Javascript构造函数构造函数已经是老生常谈的事情了。这里讲一些比较基础的东西。先看下一个例子 function Book(name) { if (!(this instanceof Book)) { // the constructor was called without “new”. return new Book(name); } } var myBook = Book(name); var myBook1 = Book(name); myBoo…
12个常用的javascript简写技巧—可以大大减少js代码量微信公众号个人博客知乎本文是并非本人所写，只是我看了觉得对自己很有帮助，所以分享给大家，原文链接在最下面，谢谢观看。1. 空(null, undefined)验证当我们创建了一个新的变量，我们通常会去验证该变量的值…
新手开发中常用ES6基础知识总结很早之前就学过TypeScript和ES6，后来做项目的时候零零散散用了些。这几天又系统地把ES6的知识看了一遍。感觉对我这种没实习没工作的新手，虽然一些高级的功能暂时用不上，但是一些基础的知识还是为平时的开发提供了巨大的便利。ES6学习告一段落，现在结合平时
React学习笔记2：React官方CommentBox实践新搭建的个人博客，本文地址：React学习笔记2：React官方CommentBox实践所有的操作是继续上一个学习笔记，参考的是React官方的CommentBox，不过不是100%按照其实现。参考： https
JavaScript 专题之函数柯里化 JavaScript 专题系列第十三篇，讲解函数柯里化以及如何实现一个 curry 函数定义维基百科中对柯里化 (Currying) 的定义为： In mathematics and computer science, currying is the
一步一步教你 JavaScript 函数式编程（第二部分）在上一篇关于函数式编程的文章中，我们通过处理典型的 JSON 响应数据的需求介绍一些函数式编程的主题。以下是我们的需求: (已经完成) 过滤掉一个月前发布(比如说，30天)的文章。 (本文讨论) 通过文章的标签(tags)对文章进行分
从HTML5与PromiseA+规范来看事件循环写在最前本次分享一下从HTML5与PromiseA+规范来迅速理解一波事件循环中的microtask 与macrotask。欢迎关注我的博客，不定期更新中—— ## 先来看段代码 setTimeout(function() { console.log(‘setTimeout1’); Promise.resolve().then(function() { console.log(‘promise1’); }).then(fu…
前端可用性保障实践本文基于已发表在Infoq的“ 美团点评收银台前端可用性保障实践 ”一文编辑而成。如何定义前端服务可用性一般可用性都是说后端服务的可用性，都说我们的服务可用性到了几个9，很少有人把可用性放到前端来。其实对于任何一个有UI交互流程的业务，都会有前端服务可用性，后端的可用性做的再高，前端一个按钮写的有问题…
【全站 HTTPS 没你想象的那么简单】本文主要阐述全站升级 HTTPS 的过程与注意点，几乎都是在实际工作中步骤的重现。详见（来自：NrwLm）
JavaScript之Object拆解 title tags categories date
#JavaScript练习#【javascript求一个字符串长度】求一个字符串长度，更多内容请看这篇文章，给出了三个不同的方法new function(s){if(!arguments.length || !s) return null;if( == s) return 0;var l = 0;for(var i= 0; i<s…请戳→ #前端开发博客#
jQuery绘制地球 WebGL框架three.js应用实例
Vue.js在Windows系统的开发环境配置关于怎么在Windows下配制vuejs开发环境的一篇好文章，没有装B的文字，一看就懂！
使用webpack重构koa2多页应用抛弃gulp和requirejs，迎向webpack
reactSPA中的路由重定向(routerv4)与数据持续化~ 路由重定向使用前端路由的情况
Using Webworkers to make React faster Using Webworkers to make React faster
#JavaScript练习#【javascript数组去重的5个常用算法】数组去重复是一个常见的需求，我们暂时考虑同类型的数组去重复。主要是理清思路和考虑下性能。以下方法，网上基本都有，这里只是简单地总结一下。思路：遍历数组，一一比较，…请戳→ #前端开发博客#
一步一步掌握Javascript中的原型与原型链0.写在前面如果大家想深入学习Javascript编程语言，Javascript中的原型及原型链是必须掌握的。当初我在学习原型及原型链的时候，就遇到过不少阻碍，希望通过我的这篇文章，能够让你真正的掌握JavaScript中的原型…
在vue-cli搭建的项目中使用mockjs在使用vue开发的时候，一直疑惑与mockjs怎么用，开了mockjs的开发文档，还是一脸蒙蔽，无从下手！mockjs在前后端分离开发上进行模拟数据，是不可避掉的一环。在网上看了一些博文还有查阅了其文档，终于搞明白了它…
Nginx 最新模块 ngx_http_mirror_module 分析本文适合对nginx比较感兴趣的同学阅读，需要具备一定的服务端编程知识。一、背景最近nginx官网公布了nginx1.13.4最新的ngx_http_mirror_module模块，利用mirror模块，业务可以将线上实时访问流量拷贝至其他环境，基于这些流量可以做版本发布前的预先验证，进行流量放大后的压测等等。本着兴趣笔者调…
使用 WebSocket 和 Python 编写日志查看器在生产环境运维工作中，查看线上服务器日志是一项常规工作。如果这项工作可以在浏览器中进行，而无需登录服务器执行tail -f命令，就太方便了。我们可以使用 WebSocket 技术轻松实现这一目标。在本文中，我将带各位一起使用 Python 编写一个日志查看工具。基于 WebSocket 的日志查看器 WebSocket 简… 在生产环境运维工作中，查看线上服务器日志是一项常规工作。如果这项工作可以在浏览器中进行，而无需登录服务器执行tail -f命令，就太方便了。我们可以使用 WebSocket 技术轻松实现这一目标。在本文中，我将带各位一起使用 Python 编写一个日志查看工具。基于 WebSocket 的日志查看器 WebSocket 简… 在生产环境运维工作中，查看线上服务器日志是一项常规工作。如果这项工作可以在浏览器中进行，而无需登录服务器执行tail -f命令，就太方便了。我们可以使用 WebSocket 技术轻松实现这一目标。在本文中，我将带各位一起使用 Python 编写一个日志查看工具。基于 WebSocket 的日志查看器 WebSocket 简…