20170811 前端开发日报

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

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

关注github前端日报 订阅精彩文章

前端日报栏目数据来自码农头条,每日分享互联网上热门的前端开发、移动开发、设计、资源和资讯等,为开发者提供动力,如果觉得内容对你有用,记得分享给你的小伙伴。进入码农头条查看更多

原创文章:20170811 前端开发日报 ,未经许可,禁止转载,©版权所有
原文出处:前端开发博客 (http://caibaojian.com/fe-daily-20170811.html)

发表评论

请登录后发表评论: