20190307 前端开发日报

深入了解 Vue.js 是如何进行「依赖收集];js-Promise;Web 性能优化: 图片优化让网站大小减少 62%;如何通俗地解释 TCP 和 UDP 协议和 HTTP、FTP、SMTP 等协议之间的区别?;如何在 Web 关闭页面时发送 Ajax 请求;基于 Babel 的 npm 包最小化设置;说说 Egg.js 中的多进程增强模型(二);前端技术周刊 2019-03-04:React 性能优化

  1. 深入了解 Vue.js 是如何进行「依赖收集] 在上一章节我们已经粗略的分析了整个的Vue 的源码(还在草稿箱,需要梳理清楚才放出来),但是还有很多东西没有深入的去进行分析,我会通过如下几个重要点,进行进一步深入分析。 深入了解 Vue 响应式原理(数据拦截) 深入了解 Vue.js 是如何进行「依赖收集」,准确地追踪所有修改 深入了解 Virtual DOM …
  2. js-Promise 一、为什么需要Promise Javascript 采用回调函数(callback)来处理异步编程。从同步编程到异步回调编程有一个适应的过程,但是如果出现多层回调嵌套,也就是我们常说的回调金字塔(Pyramid of Doom),绝对是一种糟糕的编程体验。于是便有了 Promises/A , Promises/A +等规范,用于解决回调金字塔问题。 // 回调金字塔 …
  3. Web 性能优化: 图片优化让网站大小减少 62%图像是web上提供的最基本的内容类型之一。他们说一张图片胜过千言万语。但是如果你不小心的话,图片大小有时高达几十兆。
  4. 如何通俗地解释 TCP 和 UDP 协议和 HTTP、FTP、SMTP 等协议之间的区别? HTTP协议 老王喜欢看岛国小片,时常泡在论坛上和网友交流最新资讯,老王是通过浏览器浏览网页的,而浏览器是借助HTTP协议与论坛服务器沟通交流。 FTP协议 老王购买了该网站的会员,可以无限制下载高清小片,老王是通过浏览器下载影音文件的,浏览器是借助FTP协议与文件下载服务器沟通交流。 SMTP协议 近10个G的…
  5. 如何在 Web 关闭页面时发送 Ajax 请求 有时候我们需要在用户离开页面的时候,做一些上报来记录用户行为。又或者是发送服务器ajax请求,通知服务器用户已经离开,比如直播间内的退房操作。 本文主要分两部分来讲解怎么完成退出行为的上报。 1.事件监听 浏览器有两个事件可以用来监听页面关闭, beforeunload 和 unload 。 beforeunload 是在文档和资源…
  6. 基于 Babel 的 npm 包最小化设置本文描述了通过 Babel 生成 npm 包的最小设置。你可以在 GitHub 中看到案例 re-template-tag 的设置。
  7. 说说 Egg.js 中的多进程增强模型(二) 从说说Egg.js中的多进程增强模型(一)中我们了解到了多进程模型之间的通信方式和各个类之间的关系,可以用下面这张图进行回顾: conclusion.jpeg 所有对于APIClient的方法调用,最终都会将调用执行到follower.js / leader.js这两个实例中,在fo…
  8. 前端技术周刊 2019-03-04:React 性能优化iOS 12.2 和 Safari 12.1 中包含了更新的智能跟踪预防模块,它将完全防止采用跨站追踪技术的第三方改变顶级域名中的 Cookie,只能在用户最后交互 30 天内通过 Storage Access API 完成 Cookie 读取;document.coo…
  9. 简易版本vue的实现用了两年左右的vue,虽然看过vue的源码,推荐黄轶大佬的vue源码分析,相当到位。从头梳理了vue的实现过程。周末又看了一个公开课的vue源码分析,想着自己是不是也可以写一个来实现,说干就干,开始coding! 目前…
  10. SpringBoot 实战 (十七) | 整合 WebSocket 实现聊天室昨天那篇介绍了 WebSocket 实现广播,也即服务器端有消息时,将消息发送给所有连接了当前 endpoint 的浏览器。但这无法解决消息由谁发送,又由谁接收的问题。所以,今天写一篇实现一对一的聊天室。
  11. 【算法解析LeetCode by Javascript】213. 打家劫舍 II你是一个专业的小偷,计划偷窃沿街的房屋,每间房内都藏有一定的现金。这个地方所有的房屋都围成一圈,这意味着第一个房屋和最后一个房屋是紧挨着的。同时,相邻的房屋装有相互连通的防盗系统,如果两间相邻的房…
  12. thymeleaf完善前端界面 | 从0开始构建SpringCloud微服务(4)本项目实现的是将一个简单的天气预报系统一步一步改造成一个SpringCloud微服务系统的过程,本节主要讲的是通过引入thymeleaf模块构建项目的UI界面。

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

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


关注我

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

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

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