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