20180727 前端开发日报

2018,你需要知道的11个实用JavaScript库;JavaScript 事件循环详解(翻译);ESLint规则中的JavaScript知识;万万没想到ES6的const并非一定为常量;前端面试&笔试&错题指南(二);教你快速撸一个免费HTTPS证书;前端的一些坑,一些记录,一些冷知识;kPagination纯js实现分页插件

  1. 2018,你需要知道的11个实用JavaScript库 JavaScript仍然是2018年最受欢迎和使用最为广泛的编程语言,因此JavaScript生态系统也会继续发展壮大。 然而,JavaScript的标准库仍然继续保持“短小精悍”的身材。为了填补标准库功能方面的空白,在过去几年中,GitHub上出现了很多流行的JavaScript库。以下列出了11个有用的库,这些库的维护状态均很活跃。 1.Undersc…
  2. JavaScript 事件循环详解(翻译) 对于目前 Web 浏览器上最流行的脚本语言 JavaScript 。这篇文章为你提供了该语言基本的事件驱动模型的讲解,它与那些典型的有求必应的语言比如 Ruby , Python , Java 不同。在这篇文章中,我会为你解释这些 JavaScript 中并发模型的核心概念,包括事件循环,消息队列来帮助你提高对这门已经使用过,但是还没有彻底理解的…
  3. ESLint规则中的JavaScript知识 网上关于 ESLint 的介绍,安装,配置和使用等文章已经有很多了,写的都很全面,还不清楚的同学可以先去简单了解一下,本文就不作介绍了。 本文的主要内容是通过 ESLint 的规则( Rules ),从中学到 JavaScript 的基础知识。同时,提前了解这些规则的含义与理由,有助于在以后的开发中提前规避风险,提…
  4. 万万没想到ES6的const并非一定为常量 摘要: const定义的变量一定为常量吗?No! 原文:ES2015 const is not about immutability 作者: Mathias Bynens: Google V8引擎开发者
  5. 前端面试&笔试&错题指南(二) 嗯,小白的进击之路,继续来补充了… 又看了一些坑,自己第一次疏忽做错的,还是用笔记下来,共同进步 JS专项 1. 数组的神奇变化 请问以下输出是什么 var arr1 = "john".split(''); var arr2 = arr1.reverse(
  6. 教你快速撸一个免费HTTPS证书Certbot可以用于管理(申请、更新、配置、撤销和删除等)Let’s Encrypt证书。这里安装的是带nginx插件的certbot:
  7. 前端的一些坑,一些记录,一些冷知识大概从 17 年的六月份开始记录吧,也已经一年了,其中也包含了一些很简单的知识,以前还觉得挺难的,现在看起来有点谜之感慨…
  8. kPagination纯js实现分页插件kPagination分页插件 纯js分页插件,压缩版本~4kb,样式可以自定义 demo 使用方法 {代码…} 配置项 选项 类型 说明 offset number 可以显示的按钮个数 showPrev boolean 是否显示上一页按钮 showNext boolean 是…
  9. 通过几句node.js为前端初学者写个常用工具 具体是什么工具,我语言组织了好久还是觉得不够好,还是以几张图来告诉大家它实现的一个效果以及如何使用它。 效果图 情景: 小明是个切图仔,某天,他切完了所有的图准备对接数据啦。列表页代码如图1. 图1 某列表页代码。 小明喜欢偷懒,把某下拉刷新上拉加载的插件封装了一下,一切就绪,只需要在ca…
  10. WebRTC 1.0 之后,那些 WebRTC API 还将发生的演进 作者:Varun Singh,Callstats.io CEO。IETF、IEEE成员,持有多项发明专利。曾是意法半导体开发工程师、Nokia技术顾问、赫尔辛基工业大学研究员。2013年,Varun Singh创办了CALLSTATS I/
  11. 前端每日实战:89# 视频演示如何用 CSS 和 D3 创作旋臂粒子动画效果预览 按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] …
  12. JavaScript数据结构02 – 栈通过前面一节《JavaScript数据结构01 – 数组》我们知道,可以在数组的任意位置上删除或添加元素。然而,有时候我们还需要一种在添加或删除元素时有更多控制的数据结构。
  13. 像程序员一样思考:如何只使用 JavaScript,HTML 和 CSS 开发贪食蛇游戏 大家好 欢迎上车。今天我们将开始一场激动人心的冒险,在这里我们将开发属于我们自己的贪食蛇游戏。通过将其分解为一个个简短的步骤来学习如何解决问题。在这段旅程结束时,你会学到一些新东西,并且有信心能独立探索更多。 如果你是编程新手,free
  14. Vue的使用总结和技巧 这篇文章主要是宏观总结,如果有哪部分知识需要另外单独讲解,根据留言会另外发布。 起步 当然是尤大的官网入手了,许多刚学框架的新手都喜欢从网上找视频教程,例如慕课网这种,本人不建议这种学习方法,因为视频的作者会让你跟着他的思维去写一套他的风格的代码,这是一个细思极恐的事情。 其实vuejs官网的东…
  15. Vuex基本使用的总结 Vuex 背后的基本思想: 把组件的共享状态抽取出来,以一个全局单例模式管理,在这种模式下,我们的组件树构成了一个巨大的“视图”,不管在树的哪个位置,任何组件都能获取状态或者触发行为!另外,通过定义和隔离状态管理中的各种概念并强制遵守一定的规则,我们的代码将会
  16. ES6-箭头函数箭头函数是指通过=>语法定义的函数。JS编程中经常定义一些短小的匿名函数,使用箭头函数语法可使得这类函数的定义更加简洁。
  17. 探索 AJAX 和 JSONP 前言 前端开发有个问题不可避免:跨域获取异步数据。我比较推崇的解决方式是:用JSON传数据,靠JSONP来跨域。JSONP是旧有概念的延伸,所以兼容性非常好,这也是推崇的首要理由。 JSON和JSONP虽然只有一个字母的差别,但其实他们根本不是一回事儿:JSON是一种数据交换格式,而JSONP是一种依靠开发人员…
  18. 隐私相关-了解HTML5 Do Not Track API 这篇文章发布于 2018年07月26日,星期四,02:24,归类于js API。 阅读 51 次, 今日 51 次 byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=7856 本文可全文转载,但需得到原作者书面许可,同时保留原作者和出处,摘要引流则随意。 一、前言 Do Not Track API顾名思意就是有一个接口,可以设…
  19. 入门系列之 使用Winston记录Node.js应用程序在本指南中,我们将重点介绍Winston的日志包,这是一个极其通用的日志库,是基于NPM下载统计信息,可用于Node.js应用程序的日志记录解决方案。Winston的功能包括支持多个存储选项和日志级别,日志查询,甚至是内…
  20. Vue: Binding与Watcher 首先欢迎大家关注我的 Github博客 ,也算是对我的一点鼓励,毕竟写东西没法获得变现,能坚持下去也是靠的是自己的热情和大家的鼓励。接下来的日子我应该会着力写一系列关于Vue与React内部原理的文章,感兴趣的同学点个关注或者Star。 回顾 上一篇文章 Vue响应式数据: Observer模块实现 我们介绍Vue早期代码中的 Ob…
  21. 基于vue.js实现树形表格的封装由于公司产品(基于vue.js)需要,要实现一个树形表格的功能,百度、google找了一通,并没有发现很靠谱的,也不是很灵活。所以就用vue自己撸了一个,还望大家多多指教。
  22. 异步之二:Promise 解决回调地狱的异步操作,Async 函数 是终极办法,但了解生成器和 Promise 有助于理解 Async 函数原理。由于内容较多,分三部分进行,这是第二部分,介绍 Promise 相关。第一部分介绍 Generator,第三部分介绍 Asy
  23. JavaScript数据结构01 – 数组JavaScript中有五种原始类型,也叫基本类型: Number、String、Boolean、Undefined、Null
  24. 从AST编译解析谈到写babel插件 之前一直在掘金上看到一些关于面试写babel插件的文章,最近也在学,以下就是学习后的总结。 关键词:AST编译解析, babel AST编译解析 AST :在计算机科学中, 抽象语法树 ( A bstract S yntax T ree,AST),或简称 语法树 (Syntax tree),是源代码语法结构的一种抽象表示。它以树状的形式表现编程语…
  25. 前端图片canvas,file,blob,DataURL等格式转换 场景: 获取到一个file类型的图片,如果直接在html中预览?这里就是利用html5的新特性,将图片转换为Base64的形式显示出来。有两种方法: 方法一:利用URL.createObjectURL() <!DOCTYPE html> <html> <head> <title>base</title> </head> <body> <input type…
  26. 从promise到async function 事实上async function只不过是对Promise一个很好的封装,从es6到es7,而async异步方法确实实现起来 也可以让代码变得很优雅,下面就由浅到深具体说说其中的原理。 长篇预警 promise是es6中实现的一个对象,它接收一个函数作为参数。这个函数又有两个参数,分别是 resolve和reject。 const a = new Promise(funct…
  27. 近几个月Github上最热门的Java项目一览今天逛了逛Github,顺手精选出了一下近几个月以来Github上最热门的12个Java项目。如果遇到自己感兴趣的开源项目,不妨去学习一下哦!
  28. React从零实现-节点创建和渲染 这一篇主要来实现React的节点渲染部分。该篇需要用到介绍和准备中的内容。 Element概念 首先引出我们的第一个概念element,它是如下形式: { type: 'div', props: { className: 'container

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

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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流