20180222 前端开发日报

开源巨献:年度最佳 JavaScript 和 CSS 开源库推荐;来自1000多个项目的10大JavaScript错误浅析;从一道题浅说 JavaScript 的事件循环;JavaScript30秒, 从入门到放弃之Array(七);webpack打包优化(VUE Project);JS异步解决方案的发展流程(三);猫头鹰的深夜翻译:从1000+JS项目中汇总的10个最容易出现的错误(以及如何解决);在 vscode 中统一 vue 编码风格

  1. 开源巨献:年度最佳 JavaScript 和 CSS 开源库推荐 Tutorialzine 每个月都会公布一次当月新增的 JS 和 CSS 库。2018 新年之际,该网站整理出了 2017 年最受用户欢迎和喜爱的一些 JS 和 CSS 库,供大家学习和参考。 JavaScript 本地存储库 localForage localForage 是一个 JavaScript 库,提升了应用程序的离线体验,通过使用异步的数据存储,提供简单的…
  2. 来自1000多个项目的10大JavaScript错误浅析 作为对社区开发者的回馈,我们从我们的数据库里选出了10大来自数千个项目的JavaScript错误。我们将会给出产生这些错误的根源,以及如何避免再发生这些错误。如果能够避免这些错误,就可以成为更好的开发者。 数据才是王道,我们通过收集和分析大量数据才选出了这10大JavaScript错误。我们收集每一个项目中出现的错误,…
  3. 从一道题浅说 JavaScript 的事件循环 阮老师在其推特上放了一道题: new Promise(resolve => { resolve(1); Promise.resolve().then(() => console.log(2)); console.log(4) }).then(t => console.log(t)); console.log(3); 看到此处的你可以先猜测下其答案,然后再在浏览器的控制台运行这段代码,看看运行结果是否和你的猜测一致…
  4. JavaScript30秒, 从入门到放弃之Array(七) Filters out the elements of an array, that have one of the specified values. Use Array.filter() to create an array excluding(using !Array.includes() ) all given values. const without = (arr, …args) => arr.filter(v => !args.includes(v)); 剔除掉数组中所有存在于所…
  5. webpack打包优化(VUE Project) 祝大家新年快乐,万事如意,新年发大财:blush::blush: 临近春节,公司很多同事都提前回家过年,剩余人员根据禅道去修改bug,当bug修正完毕以后,我们需要重新打包给运维,上测试服给测试同事提测,但是由于项目本体比较庞大,所以打包时间太过漫长(二十五分钟以上:sob:),所以有了打包优化的想法(其实想法早就有了…
  6. JS异步解决方案的发展流程(三) 为了更好的了解promise实现,我们一步步来完善promise库。我们先来写一个基础用例,通过用例来看promise是如何实现的! 1.实现Promise基本方法 let Promise = require(‘./Promise’); // Promise是一个类,需要传递一个函数,这个函数我们称之为执行函数,函数中有两个参数resolve和reject他们也是函数,调用resolve表示成…
  7. 猫头鹰的深夜翻译:从1000+JS项目中汇总的10个最容易出现的错误(以及如何解决)JavaScript常出现的错误前十位 为了可读性,错误名称进行了一定的简写。让我们深入了解每个错误发生的原因以及解决方法。 1. Uncaught TypeError: Cannot Read Property 如果你是一名JavaScript开发人员,你可能…
  8. 在 vscode 中统一 vue 编码风格 vetur 很多人知道,但在 vscode 下没办法格式化 .vue 里的 html, js 很是头疼,代码风格无法统一。 所以不少人直接拆分开,然后在 .vue 中引入,虽然方法很好,但这有违 .vue 单文件组件的初衷。 本文详细介绍 vscode 下使用 vetur + prettier + eslint 来统一 vue 编码风格。…
  9. 猫头鹰的深夜翻译:从1000+JS项目中汇总的10个最容易出现的错误(以及如何解决)JavaScript常出现的错误前十位 为了可读性,错误名称进行了一定的简写。让我们深入了解每个错误发生的原因以及解决方法。 1. Uncaught TypeError: Cannot Read Property 如果你是一名JavaScript开发人员,你可能…
  10. vue和react等项目中更简单的实现展开收起更多等效果 前言 本文题目中虽然写有vue和react,但是并非vue和react相关知识,而是最基本的html5和css3的一些知识,之所以写vue,是因为我最近项目中用到了类似效果,我用vue相关知识实现并不雅观,用html5和css3实现,则更加完美。 项目案例 项目中有如下效果: 好多展开收起,对于这个的实现,我一开始用了vue一些比…
  11. (译)最全的javaScript中对象深度拷贝指南 原文地址 我在JavaScript中如何拷贝一个对象?这是一个简单的问题,但是答案确不是很简单。 Did you ever wanted to create a deep copy of an object in JavaScript? There is a way, but you are not gonna like it… I feel like we need something better ��� pic.twitter.co…

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

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


关注我

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

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

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