20190904 前端开发日报

Web端即时通讯基础知识补课:一文搞懂跨域的所有问题;探秘Promise;50 个JS 必须懂的面试题为你助力金九银十;JavaScript基本类型总结;搞懂webpack热更新原理;前端应该如何准备数据结构和算法?;vue-floating 浮窗组件、封装基于better-scroll的滑动组件、vue自定义手势指令;vue、ts + single-spa + systemJs 实现微前端

  1. Web端即时通讯基础知识补课:一文搞懂跨域的所有问题 本文原作者: Wizey,作者博客: http:// wenshixin.gitee.io ,即时通讯网收录时有改动,感谢原作者的无私分享。 1、引言 典型的Web端即时通讯技术应用场景,主要有以下两种形式: 1)作为完整的即时通讯产品进行应用:比如独立的Web端IM产品; 2)作为某个更大系统中的一部分进行应用:比如客服系统(…
  2. 探秘Promise @ 探秘Promise create by db on 2019-8-18 18:54:39 Recently revised in 2019-9-2 21:51:02 Hello 小伙伴们,如果觉得本文还不错,麻烦点个赞或者给个 star,你们的赞和 star 是我前进的动力! GitHub 地址 查阅网上诸多资料,并结合自己的学习经验,写下这篇学习笔记,以记录自己的学习心得。现分享给…
  3. 50 个JS 必须懂的面试题为你助力金九银十为了回馈读者,《大迁世界》不定期举行(每个月一到三次),现金抽奖活动,保底200,外加用户赞赏,希望你能成为大迁世界的小锦鲤,快来试试吧
  4. JavaScript基本类型总结 Contents 背景 最近仔细看了看Javascript的变量相关章节,包括网道阮一峰大神写的 JavaScript教程 ,以及被誉为JS圣经的《JavaScript权威指南》,故对变量的基础类型做一个总结 变量有什么类型? JS中的数据类型总体分为两类:原始类型和对象类型 原始类型 包括数字、字符串、布尔值、null、u…
  5. 搞懂webpack热更新原理 HMR 即 Hot Module Replacement 是指当你对代码修改并保存后, webpack 将会对代码进行重新打包,并将改动的模块发送到浏览器端,浏览器用新的模块替换掉旧的模块,去实现局部更新页面而非整体刷新页面。接下来将从使用到实现一版简易功能带领大家深入浅出 HMR 。 文章首发于 @careteen/webpack-hmr ,转载请注明来…
  6. 前端应该如何准备数据结构和算法? 一、导读 由于公众号不能放外部链接,一些题目和资料的链接无法访问,可点击阅读全文获得更好阅读体验。 据我了解,前端程序员有相当一部分不是科班出身,以至于对“数据结构”和“算法”的基础概念都不是很清晰,这直接导致很多人在看到有关这部分的内容就会望而却步。 实际上,当你了…
  7. vue-floating 浮窗组件、封装基于better-scroll的滑动组件、vue自定义手势指令 本篇主要是为了介绍和如何使用之前撸的三个vue在移动端常用的组件,现已开源,欢迎大家使用: vue-floating vue-custom-scrollview vue-finger-directive vue-floating 一个基于vue的浮窗组件,可在屏幕内自由拖拽,拖拽后的位置即可不变,也可在移动过程中手指释放浮窗横向贴边。 Example …
  8. vue、ts + single-spa + systemJs 实现微前端 微前端架构是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将Web应用从单一的单体应用转变为由多个小型前端应用聚合为一的应用。 现阶段实现微前端的方式大致有以下六种: 使用 HTTP 服务器的路由来重定向多个应用 在不同的框架之上设计通讯、加载机制,诸如 Mooa 和 Single-SPA 通过组合…
  9. 精读《使用 css 变量生成颜色主题》本周工作中遇到类似颜色主题的问题,在查资料的时候,看到这个视频,觉得讲得很清楚,而且趣味性丰富,所以想拿出来讲讲这个很有意思的主题。
  10. 通过 Node.js 中的 RESTful API 管理您的云基础架构 曾几何时有人需要在互联网上发布他们自己的网站,他们不得不去购买昂贵的服务器,希望性能足以增加用户群或购买他们不会满负荷使用的更昂贵的服务器。但这只是工作的20%,然后他们不得不联系ISP并为服务器购买公共IP并支付每月的互联网账单和电费,然后确保服务器运行24×7。 原文 但今天我们有一个托管服务,…
  11. 如何自己实现一个简单的webpack构建工具 【精读】如果对React技术栈感兴趣的你,可以去阅读我的前面两篇文章: 从零自己实现一个mini-React框架 从零搭建一个React优化版脚手架 GitHub上面都有对应的源码哦~ 欢迎Star 特别声明 图片与本文无关!! 我们是技术帖…
  12. 优雅关闭的 Go Web 服务器 在这篇博文里我想要给你们展示下,如何创建一个可以优雅关闭的 Go HTTP Web 服务器。通过这个方法可以让服务器在它真正关闭之前清理某些资源,( 例如 ) 想象下完成数据库事务或者一些其他长时间的操作。我们将会用到在我 关于并发的博文 (https://marcofranssen.nl/concurrency-in-go/) 学习到的东西。所以,期待看到 c…
  13. 用 Jest 进行 JavaScript 测试(2019)在技​​术术语中测试意味着检查我们的代码是否符合某些预期。例如:给定一些输入,一个名为“transformer”的函数应返回预期的输出。
  14. 【CuteJavaScript】ES2019 新特性汇总最近 ECMAScript2019,最新提案完成:tc39 Finished Proposals,我这里也是按照官方介绍的顺序进行整理,如有疑问,可以查看官方介绍啦~
  15. 1.3 JavaScript 执行(一)—— 事件循环、宏观任务、微观任务 从浏览器或者 Node 开发者的角度来看,我们应该如何使用 JS 引擎? 当拿到一段 JS 代码时,浏览器或者 Node 环境首先要做的就是;传递给 JS 引擎,并要求它去执行。然而,执行 JS 并非是一锤子买卖,宿主环境当遇到一些事件时,会继续把代码传递给 JS 引擎去执行。此外,我们还会提供 API 给 JS 引擎,比如 setTimeout…
  16. react+webpack4搭建前端项目(二)react全家桶的使用 接着上一篇 react+webpack4搭建前端项目(一) 我们正式进入 react 全家桶技术篇章,如果对于项目不清楚或者在下面有什么疑惑,建议先看一下上一篇文章熟悉一下项目由来 使用 react-router-dom 管理路由,这里使用react-router4.x以后的版本,请注意,和3.x的使用还是有很大的区别 npm install -S react-router-d…
  17. 如何编写高质量的 JS 函数(2) — 命名/注释/鲁棒篇上篇 《如何编写高质量的 JS 函数(1) — 敲山震虎篇 》介绍了函数的执行机制,此篇将会从函数的命名、注释和鲁棒性方面,阐述如何编写高质量的 JS 函数。
  18. js算法练习:一头牛能活6岁,在第三年和第五年会产一头牛,在第六年自然死去,要求实现输入年份n,计算出n年后有多少头牛1.考虑到每一年的牛的数量 影响后一年牛的数量,使用递归算法; 2.若扩展提问 n年后对应岁数的牛有几头,考虑使用数组存对应岁数的牛的数量; {代码…}
  19. 前端开发者学习后端(二)——koa源码阅读 下面是application.js代码结构,并非完整的源码,方便读者阅读 class Application extends Emitter{ <!–初始化 new Koa()–> constructor() { this.proxy //如果为 true,则解析 "Host" 的 header 域,并支持 X-Forwarded-Host this.subdomainOffset //表示 .subdomains 所…
  20. Web 验证的过去现在与未来 本文作者:韩永刚,360奇舞团 前端开发工程师。 本文将以时间维度介绍一些目前常见的Web验证方法以及相关协议,带你了解Web验证的过去、现在与未来。 传统身份验证方式 过去普遍的做法可能是这样的 注册 前端注册页面填写用户名和密码表单,发送…
  21. Spring Boot 系列教程 Web 篇之 Post 请求参数解析姿势汇总 作为一个常年提供各种Http接口的后端而言,如何获取请求参数可以说是一项基本技能了,本篇为《190824-SpringBoot系列教程web篇之Get请求参数解析姿势汇总》之后的第二篇,对于POST请求方式下,又可以怎样获取请求参数呢 本篇主要内容包括以下几种姿势 @RequestBody json格式 …
  22. React 学习(七):React 中的事件处理 虽互不曾谋面,但希望能和你成为笔尖下的朋友 以读书,技术,生活为主,偶尔撒点鸡汤 不作,不敷衍,意在真诚吐露,用心分享 点击左上方,可关注本刊 撰文 | 川川 VX-ID:suibichuanji 点击下方小程序可看视频 点击文末左下方阅读原文,可…

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

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


关注我

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

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

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