20180213 前端开发日报

来试试这个真正的 JavaScript 调试器吧;前端简单面部识别;javascript实现斐波那契数列的不同姿势;Chart.js 上手实践;JavaScript30秒, 从入门到放弃之Array(六);持久化存储与HTTP缓存;手把手教你用nodejs+express搭建一个简易的多人聊天室;说个 react-redux 生产环境追踪 action, state 流的黑魔法

  1. 来试试这个真正的 JavaScript 调试器吧 console.log 可以告诉你很多关于应用程序的信息,但它不能真正调试你的代码。因此,你需要一个完整的 JavaScript 调试器。新的 Firefox JavaScript 调试器能够帮你写快速且无缺陷的代码。下面来介绍它的用法。 在这个例子中,我们将用 Debugger 打开一个非常简单的应用程序。此应用程序是基于一个基础的 JavaScript …
  2. 前端简单面部识别 过年了,来点有趣的东西 最近一直在尝试通过web如何DIY视频,怎么捕捉视频的行为,给视频加点好玩的东西,比如给视频加一个胡子? 以下记录一下最近的玩具 live demo 点击这里看自己的效果(需要允许摄像头呀!!) 效果 效果大概如下: 就是给视频的脸上加个胡子(我手机上有防蓝光的膜,各位大爷将就着看…
  3. Chart.js 上手实践 Chart.js使用起来相比D3.js更加容易和灵活,很适合用来实现一些基本的图表展示。 Chart.js官网:www.chartjs.org/ 最新版本:v2.x 安装:参考官方文档 官方文档对于各种图表的例子都是比较浅显的介绍,对于一些参数缺少具体的例子。这里主要以 Line Chart 为例对相关参数配置进行分析。 1. 基础样式 …
  4. JavaScript30秒, 从入门到放弃之Array(六) Returns all elements in an array except for the first one. Return Array.slice(1) if the array’s length is more than 1 , otherwise, return the whole array. const tail = arr => (arr.length > 1 ? arr.slice(1) : arr); 返回除了数组第一个元素以外的所有元素。 如…
  5. 持久化存储与HTTP缓存 本文主要学习一下一些高级的HTTP知识,例如 Session LocalStorage Cache-Control Expires ETag 其实主要就是涉及到了 持久化存储与缓存的技术 在此之前已经学习了 Cookie 的相关知识,其中 Cookie 有个缺点可以人为修改,有一定的安全隐患。 所以,针对这个缺点,诞生了 Session Session 一般来说 Ses…
  6. 手把手教你用nodejs+express搭建一个简易的多人聊天室前言 本文主要是笔者在学习node的时候,作为练手的一个小项目,花了几天空余时间,边码边写教程的一个过程。适用于对node理论知识看的多,实战少的同学,那么现在就让我们开始吧!(临近过年,手上story大多已经…
  7. 说个 react-redux 生产环境追踪 action, state 流的黑魔法 用react,react-redux开发前端的时候,在开发环境,我们会enable redux dev tool extension,方便我们在线调试问题,redux这种单向数据流,状态驱动的好处就体现的淋漓尽致了。但是如果在生产环境,通常都会disable掉这样的浏览器扩展,一旦有了问题,我们很难在线去追踪action流和store的变化,有时候debug一个问题…
  8. 探索babel和babel插件是怎么工作的你有可能会听到过这个词 webpack工程师 ,这个看似像是一个专业很强的职位其实很多时候是一些前端对现在前端工作方式对一些吐槽,对于一个之前没有接触过webpack,nodejs,babel 之类的工具的人来说,看到大量的配置…
  9. 每周一点canvas动画——《支付宝价格拖动选择》效果源码 终于到年底了,再过两天我也要回家过年了,想想就激动呢!今天给大家带来一个基于移动端的canvas价格选择效果,设计给的效果是这样的。主要功能就是拖动标尺变动价格。而且支付宝和京东金融的里也有这样…
  10. 前端小知识–JavaScript事件流JavaScript事件流 0.DOM级别与DOM事件 首先在介绍DOM事件之前我们先来认识下DOM的不同级别。针对不同级别的DOM,我们的DOM事件处理方式也是不一样的。DOM级别一共可以分为4个级别:DOM0级,DOM1级,DOM2级和DOM3…

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

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


关注我

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

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

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