20190814 前端开发日报

前端要知道的 HTTPS;谈谈web应用中的图片优化技巧及反思;当你自己封装 Vue 组件库时会用到的知识点;[vue源码][nextTick]原理以及源码解析;基于websocket单台机器支持百万连接分布式聊天(IM)系统;你所不知道的 CSS 负值技巧与细节;React Developers的10个超实用神奇工具;JavaScript执行上下文、作用域和闭包

  1. 前端要知道的 HTTPS 点击上方“做工程师不做码农”,并“置顶公众号” 第一时间接收我的最新文章 01 — 概述 HTTPS(HTTP Secure)是一种构建在 SSL 或 TLS 上的HTTP协议。 简单的说,HTTPS 就是 HTTP 的安全版本。SSL(Secure Sockets Layer)以及继任者 TLS(Trans...
  2. 谈谈Web应用中的图片优化技巧及反思对于大多数前端工程师来说,图片就是UI设计师(或者自己)切好的图,你要做的只是把图片丢进项目中,然后用以链接的方式呈现在页面上,而且我们也经常把精力放在项目的打包优化构建上,如何分包,如何抽取第三方库....
  3. 当你自己封装 Vue 组件库时会用到的知识点 源码在 https://github.com/xiaodun/sf-feed 函数式组件 <TagConvert tag="span" age="9" sex="man">12312</TagConvert> 生成的DOM如下 <span age="9" sex="man">12312</span> 内部实现是这样的,用到自定义组件上,意义就大了 <script> ...
  4. [vue源码][nextTick]原理以及源码解析 nextTick Vue中的 nextTick 涉及到Vue中DOM的异步更新,感觉很有意思,特意了解了一下。其中关于 nextTick 的源码涉及到不少知识, nextTick 是 Vue 的一个核心实现,在介绍 Vue 的 nextTick 之前,为了方便大家理解,我先简单介绍一下 JS 的运行机制。 JS 运行机制 JS 执行是单线程的,它是基于事件循环的。事件循...
  5. 基于websocket单台机器支持百万连接分布式聊天(IM)系统 基于websocket单台机器支持百万连接分布式聊天(IM)系统 本文将介绍如何实现一个基于websocket分布式聊天(IM)系统。 使用golang实现websocket通讯,单机可以支持百万连接,使用gin框架、nginx负载、可以水平部署、程序内部相互通讯、使用grpc通讯协议。 本文内容比较长,如果直接想clone项目体验直接进入,文本从介...
  6. 你所不知道的 CSS 负值技巧与细节写本文的起因是,一天在群里有同学说误打误撞下,使用负的 outline-offset 实现了加号。嗯?好奇的我马上也动手尝试了下,到底是如何使用负的 outline-offset 实现加号呢?
  7. React Developers的10个超实用神奇工具React是一个用于构建用户界面的JavaScript库。但是,很多人都不知道,其实有非常多的有助于我们更好地使用React,提升用户开发体验的优秀工具。
  8. JavaScript执行上下文、作用域和闭包 先简单说一下在JS中栈、队列和堆分别都是干什么的? 在JS中我们所说的执行上下文栈就是图中的stack,执行的时候首先是全局上下文入栈,然后各种函数上下文入栈,当函数全部执行完之后,最后全局执行上下文出栈,图中的heap就是用于存储对象这种复杂的数据类型。Queue就是异步执行队列,用来存储我们在代码中书写的异步...
  9. 21个让React 开发更高效更有趣的工具为了保证的可读性,本文采用意译而非直译。 想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 下列工具中的重要性与排序无关。 1.Webpack Bundle Analyzer 有没有想过你的应用程序的哪些包或哪部...
  10. Vue原理解析(六):全面深入理解响应式原理-对象篇 上一篇: Vue原理解析(五):彻底搞懂虚拟Dom到真实Dom的生成过程 vue 之所以能数据驱动视图发生改变的关键,就是响应式系统了。其实数据响应式根据数据类型区分,对象和数组它们的实现会有所不同,而且如果只是为了说明响应式原理而说,但不是从整体流程出发,不在 vue 组件化的整体流程中找到响应式原理的位置,...

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

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

原文:20190814 前端开发日报 ,未经许可,禁止转载。
来源:前端开发博客 (http://caibaojian.com/fe-daily-20190814.html)

发表评论

请登录后发表评论: