20180723 前端开发日报

译你应该了解的基本JavaScript库和框架;你真的了解 JavaScript 执行顺序么?;使用 CSS Grid 的九大误区;在浏览器中进行人脸识别:face-api.js;Angular 框架学习笔记(一);【WebSocket No.3】使用WebSocket协议来做服务器;初探 HTML5 Web Workers;Webpack 动态入口构建的实现

  1. 译你应该了解的基本JavaScript库和框架 JavaScript已经存在了20多年,它是一种不断发展的语言。最近,这门语言经历了快速的发展,这让我想知道,如今广为人知的现代前端JavaScript技术几年后是否还会有用。 尽管如此,通过使用最新的工具和框架来实现更好的开发工作流,走在前面是很重要的。本文探讨了您应该立即学习的各种JavaScript库、框架和工具。 前…
  2. 你真的了解 JavaScript 执行顺序么? 前言 大家都知道,Javascript是单线程、顺序执行的,通过事件循环来处理异步。而且稍有开发经验的同学也知道,利用setTimeout、setInterval以及Promise可以延时代码的执行。如果在Node.js中,大家会用process.nextTick来让代码在下一个周期执行;或者在Vue中,会利用Vue.nextTick保证DOM全部更新完毕后再执行回…
  3. 使用 CSS Grid 的九大误区 @Jen Simmons录制了一个视频,向大家阐述了使用 CSS Grid 的九大误区,也是使用 CSS Grid 布局易犯的错误,并且在视频中提出了一些相关的建议,让大家在使用 CSS Grid 布局的时候能尽量的避免这些误区,甚至可以帮助一些同学改掉一些旧习惯。
  4. 在浏览器中进行人脸识别:face-api.js face-api.js 建立在 tensorflow.js 之上,它实现了三种卷积神经网络架构,用于完成人脸检测、识别和特征点检测任务,可以在浏览器中进行人脸识别。
  5. Angular 框架学习笔记(一) 过来人肯定都知道, Angular 是一个框架,为何现在突然要学 Angular 呢?没法子,编程行业就是这样的,要么趁早学了,要么需要用到的时候赶紧学,很明显,我属于后者。 最近的一个项目需要用到 Angular 来写,包括前后端的数据交互还有页面渲染都要用到 Angular 框架,以前没学过,现在必须学习一下这个框架才能深入这…
  6. 初探 HTML5 Web Workers 这段时间一这被很多事情所牵绕,没能好好的写博客学习,感觉很难受,但所幸事情大都告一段落了。对于 Web Workers 的学习主要是由于在上这周面试的时候,面试的一个大佬,问到了这个问题,而我只知道它有这个东西,但具体如何实现它,以及它的使用场景我不是很清楚。因此这两天花了些时间看了不少文章,来总结一下。 …
  7. Webpack 动态入口构建的实现 在多页面开发的项目中,启动时不构建任何资源,按照具体访问的前端页面再构建对应的资源,使得每次进入新的页面的时候,再将对应的 js 动态的添加到 webpack entry 中。
  8. 不务正业的前端之SSO(单点登录)实践 引言 首先为什么是不务正业呢…因为我们公司就我一个前端,不乖乖写页面写什么SSO。我之所以会想到去写SSO单点登录呢,一是发现公司的登录这块特别的乱,每个系统都是独立的登录,而某些业务都是有所交集的,既然一个是a.xxx.com一个是b.xxx.com,那
  9. [译] JavaScript 打怪升级:你还可以这样用 Class 来重构项目代码 前言:起手一个项目时,我们都是想着“多快好省”地以完成业务功能为主,而在推进的过程中随着项目越滚越大,为了提高代码的可维护性,我们不得不择机对代码进行重构,否则就只剩下一条路可走了——跑路。而在重构过程中,我们大多会建立一个 utils 文件(夹)来存放我们的通用方法,那么在不同场景下,我们是否考虑过会有更…
  10. Web Components 原生组件 Trends 在现在前端组件化开发大行其道的今天,各种Framework让人眼花缭乱,同一个公司,不同团队,可能使用的是不同的框架。那么在统一视觉,交互,功能上,不同的框架可以都需要用不同的框架开发一遍,但是在功能和交互有所改变的时候,又需要全部同步开发一次。这种对人力和物
  11. React Router 4.x 雷区 React Router 4.x 开发,这些雷区我们都帮你踩过了。
  12. 如何使用Gulp构建TypeScript 1、创建目录 选择一个你认为适合开发项目的目录,然后参考下面创建项目目录 mkdir typescript_demo && ce typescript_demo 2、npm初始化项目 进入的项目目录后,执行 npm init -y 3、安装依赖库 npm install gulp-cli gulp typescript gulp-typescript –save-dev gulp-typescript…

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

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


关注我

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

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

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