20180627 前端开发日报

让前端的子弹飞-TypeScript;JS思维导图;[杂谈]了解一些额外知识,让前端开发锦上添花;基于webpack工程化的思考;浅解前端必须掌握的算法(一):冒泡排序;Js 的事件循环(Event Loop)机制以及实例讲解;前端容灾;webpack 划重点

  1. 让前端的子弹飞-TypeScript “ Any application that can be written in JavaScript,will eventually be written in JavaScript. ” — Jeff Atwood 2007“ 前端,文也; 后端
  2. JS思维导图站点:全栈开发推荐查看原文:JS思维导图
  3. [杂谈]了解一些额外知识,让前端开发锦上添花劝了别人无数次,让别人喝了鸡汤,帮别人填坑,自己却掉了坑
  4. 基于webpack工程化的思考 本文章是在基于webpack多入口配置工程并且项目需要持续迭代作为基础去讨论的,单页面不作讨论。文章适合对webpack有一定了解的人看,主要讨论工程化中关于缓存利用率的问题。 一、如何打包文件让缓存利用率增高 在webpack中,我们通常会打包一个vendo
  5. 浅解前端必须掌握的算法(一):冒泡排序 前言 虽然前端面试中很少会考到算法类的题目,但是你去大厂面试的时候就知道了,对基本算法的掌握对于从事计算机科学技术的我们来说,还是必不可少的,每天花上 10 分钟,了解一下基本算法概念以及前端的实现方式。 另外,掌握了一些基本的算法实现,对于我们日常开发来说,
  6. Js 的事件循环(Event Loop)机制以及实例讲解大家都知道js是单线程的脚本语言,在同一时间,只能做同一件事,为了协调事件、用户交互、脚本、UI渲染和网络处理等行为,防止主线程阻塞,Event Loop方案应运而生…
  7. 前端容灾 笔者也是在工作2年多以后才有接触到前端容灾的概念,毕竟项目不到一定规模,是不需要前端来做容灾的。 什么是容灾 容灾的概念始于后端,指当遇到某个服务器或某个机房发生自然灾害、断网断电等情况下的应急办法,可以保证服务依然可用。 新入行的小伙伴可能有疑问,都断网断
  8. webpack 划重点 背景 最近开始有精力比较细致的研究 webpack,暂时没有能力产出整篇的干活,本文用于记录在学习的过程中对于一些易混淆或者文档不清晰的地方所做的一些研究性探索。如果错误,请斧正。 01.context问题 首先工程目录是这样的 其中 webpack 配置文
  9. Vue单元测试探索 作者:江敏熙 贝聊前端开发工程师 为什么要单元测试? 项目的现状 当前我在公司里负责的项目,可以分为两类: 一类是相似度很高的项目,比如管理后台,这类项目的页面通过各种公共组件搭建而成。公共组件的复用性很高,所以质量尤为重要。如果开发人员在修改了公共组件
  10. web实战:video结合canvas实现视频在线截图 给大家讲解下我前几天看到的一个有趣小demo:视频在线截图。以下是我修改和添加了新功能后的效果图:是不是很酷,其实挺简单的,下面就给大家讲讲怎么弄哈。这里主要分为三大块功能,首先是第一个:利用URL对象获取视频链接并展示:js的URL对象有个createObj
  11. super-vuex使用体验 vuex与super-vuex super-vuex是一套用于简化Vuex的数据架构。 适用场景 在繁重的中后台项目中,引入vuex的作用如下: 全局数据共享,组件数据逻辑解耦 数据业务接口分离 数据模块化管理,利于多人协作 super-vuex在这三
  12. Promise 串行调用面试题 最新看到一个比较有趣的面试题: 怎么串行执行 Promise ? 这里简单给大家介绍下解答。针对多个 Promise 方法,原生提供了 all 和 race 方法。但是,他们都不是串行执行。那应该如果执行串行方法?这里介绍两种写法: 递归执行 简单来说就是
  13. 精读《JS 引擎基础之 Shapes and Inline Caches》本期精读的文章是:JS 引擎基础之 Shapes and Inline Caches
  14. webpack 从入门到放弃(一) 什么是 webpack,为什么要使用 webpack 什么是 webpack 官网给出的概念是: 本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归
  15. Redux源码分析–中间件篇 上一篇文章介绍了Redux的数据中心,并分别讲解了数据中心为开发者提供的各种接口,了解到要触发状态的更新就需要调用dispatch方法来分发action。然而store提供的dispatch方法只能够用来分发特定格式的action。 如果我们想要更强大的功能
  16. React-源码解析-生命周期(自定义组件) 自定义组件(生命周期) createClass 是创建自定义组件的入口方法,负责管理生命周期中的 getDefaultProps。该方 法在整个生命周期中只执行一次,这样所有实例初始化的 props 将会被共享。 通过 createClass 创建自定义组件

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

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


关注我

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

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

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