20191028 前端开发日报

浏览器多进程、JS单线程,EventLoop的相爱相杀;带你手写微前端框架;重磅 | OpenJS 基金会推出 Node.js 专业认证考试;HelloGitHub 第 43 期;Ajax学习笔记;Vue源码简析之Watcher(下);使用 Vue 脚手架搭建项目;react+graphql实现github dashboard

  1. 浏览器多进程、JS单线程,EventLoop的相爱相杀 几乎在每一本JS相关的书籍中,都会说JS是单线程的,JS是通过事件队列(Event Loop)的方式来实现异步回调的。 对很多初学JS的人来说,根本搞不清楚单线程的JS为什么拥有异步的能力,所以,我试图从进程、线程的角度来解释这个问题。 CPU 计算机的核心是CPU,它承担了所有的计算任务。 它就像一座工厂,时…
  2. 带你手写微前端框架 关注核心实现请直接跳至 第四小节:执行流程。 本文中的命令仅适用于支持shell的系统,如Mac、乌班图及其他linux发行版。不适用于windows,如果想在windows下执行文章中的命令请使用git命令窗口(需安装git)或linux子系统(win10以下不支持)。 一、初始化工程 1、初始化工程目录 cd ~ && mkdir my-single-…
  3. 重磅 | OpenJS 基金会推出 Node.js 专业认证考试 2019 年 10 月 22 日 OpenJS 基金会启动了新的专业认证计划,以支持 Node.js 开发的未来,两个认证程序分别为 OpenJS Node.js 应用程序开发(JSNAD)和 OpenJS Node.js 的服务开发(JSNSD)认证。 来自于 Node.js 界专业人士的看法 OpenJS 基金会执行董事 Robin Ginn 表示:“OpenJS Node.js 专业认证计划旨…
  4. HelloGitHub 第 43 期 tmux 一个终端复用工具,可极大的提高工作效率。 提供了强劲的、易于使用的命令行界面 可横向和纵向分割窗口 窗格可以自由移动和调整大小,或直接利用四个预设布局之一 可在多个缓冲区进行复制和粘贴 可通过交互式菜单来选择窗口、会话及客户端 等等 C# 项目 BenchmarkDotNet …
  5. Vue源码简析之Watcher(下) <template> <div class="container"> <div>{{fullname}}</div> </div> </template> <script> import child from ‘./components/child’ export default { name: ‘App’, data(vm) { return { firstname: ‘klay’, lastname: ‘thompson’ …
  6. 使用 Vue 脚手架搭建项目 vue-cli 也是一个 npm 包,可以帮助我们快速搭建起 vue 项目的脚手架。 环境说明 win10 / node.js@10.15.0 / vue-cli @3.2.1 安装 首先全局安装 vue-cli 3.x (这里以 3.2.1 版本为准): npm install @vue/cli@3.2.1 -g 为了对比 3.x 和 2.x 在项目创建上的区别,执行下面命令: npm install @vue/…
  7. react+graphql实现github dashboard近日看到一个github项目([链接] star挺多的,想着用react重构一下,同时练习下graphql。
  8. 使用rush.js管理monorepo2019年9月21号,我参加了第五届FEDAY。在会上,听了王泽老师的分享,我第一次接触到了monorepo这个概念。本文是结合王泽老师的分享,自己进行一定实践后的总结。
  9. TypeScript学习 泛型使用any类型会导致这个函数可以接收任何类型的arg参数,这样就丢失了一些信息:传入的类型与返回的类型应该是相同的。如果我们传入一个数字,我们只知道任何类型的值都有可能被返回。
  10. vue+jsp+v-for+axios实现查询列表功能,无分页这部分内容写的非常详细,是为了让没有接触过vue的小白,可以快速的上手使用vue,同时也回答了一些初学者使用vue的一些问题,通过这个案例,做到把vue的基础知识了解透彻的目的,为以后使用vue做复杂的页面特效或…
  11. Spring Boot 系列教程 Web 篇之过滤器 Filter 使用指南(扩展篇) 前面一篇博文介绍了在 SpringBoot 中使用 Filter 的两种使用方式,这里介绍另外一种直接将 Filter 当做 Spring 的 Bean 来使用的方式,并且在这种使用方式下,Filter 的优先级可以直接通过@Order注解来指定;最后将从源码的角度分析一下两种不同的使用方式下,为什么@Order注解一个生效,一个不生效 本篇…
  12. Vue-Cli项目优化操作 由Vue-Cli(2.X)生成的Vue项目中存在着首屏加载过慢,编译资源过大等问题,主要针对这些问题对项目进行相应的优化,提升项目响应速度,优化项目性能。 操作 路由懒加载 在Vue-router官方文档中有针对懒加载的介绍,主要是将整个大的js进行切片,对当前路由的资源进行一个按需加载。在Vue-cli生成的路由组件引用方法是…
  13. 仅使用 Context 和 Hooks 来管理 React 应用的状态自从 React Hooks 发布以来,数以千计关于它的文章,库和视频课程已经被发布。如果自己搜索下这些资源,您会发现我前段时间写的一篇文章,是关于如何使用 Hooks 构建示例应用程序。您可以在这里找到它。
  14. 基于 HTML5 + WebGL 实现的垃圾分类系统垃圾分类,一般是指按一定规定或标准将垃圾分类储存、分类投放和分类搬运,从而转变成公共资源的一系列活动的总称。分类的目的是提高垃圾的资源价值和经济价值,力争物尽其用。垃圾在分类储存阶段属于公众的私有…

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

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


关注我

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

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

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