20200316 前端开发日报

websocket 协议解读；在 Node.js 中使用 MongoDB 事务；看完这篇 HTTPS，和面试官扯皮就没问题了；三年前端面试经验加感悟；我的面试总结 – 框架(vue)和工程相关；面筋系列-javascript-ES6基础；JavaScript—浅谈ES6新特性(速记版)-上；Angular SPA基于Ocelot API网关与IdentityServer4的身份认证与授权（三）

1. websocket 协议解读 websocket协议 RFC 6455 消息结构： 0 1 2 3 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 +-+-+-+-+——-+-+————-+——————————-+ |F|R|R|R| opcode|M| Payload len | Extended pa…
2. 在 Node.js 中使用 MongoDB 事务 在 MongoDB 中，对单个文档的操作是原子的。由于您可以使用嵌入的文档和数组来捕获单个文档结构中的数据之间的关系，而不是跨多个文档和集合进行规范化，因此这种单一文档的原子性消除了对多文档的需求许多实际用例的事务。 对于需要对多个文档（在单个或多个集合中）进行读取和写入原子化的情况，MongoDB 支持多文档…
3. 看完这篇 HTTPS，和面试官扯皮就没问题了下面我们来一起学习一下 HTTPS ，首先问你一个问题，为什么有了 HTTP 之后，还需要有 HTTPS ？我突然有个想法，为什么我们面试的时候需要回答标准答案呢？为什么我们不说出我们自己的想法和见解，却要记住一些所…
4. 三年前端面试经验加感悟 19年年底的时候从工作了两年半的公司离职，用了半个月的时看面试题及刷算法，半个月后开始投递简历，分别投了阿里、百度、快手和字节跳动，除了阿里一面匆匆忙忙电话面试把我咔掉了之外（我怀疑被刷kpi了，但是没有证据），其他三家，百度、快手和字节跳动的offer全都拿到，最终选择了字节跳动 三家面试，都是三轮技术…
5. 我的面试总结 – 框架(vue)和工程相关 在去年底开始换工作，直到现在算是告了一个段落，断断续续的也面试了不少公司，现在回想起来，那段时间经历了被面试官手撕，被笔试题狂怼，悲伤的时候差点留下没技术的泪水。 这篇文章我打算把我找工作遇到的各种面试题（每次面试完我都会总结）和我自己复习遇到比较有意思的题目，做一份汇总，年后是跳槽高峰期，也许…
6. 面筋系列-javascript-ES6基础 箭头函数是匿名函数，不能作为构造函数，不能使用new 箭头函数不绑定arguments，取而代之用rest参数 （…rest） 箭头函数不绑定this，会捕获其所在的上下文的this值，作为自己的this值.其中需要注意的是： 箭头函数的 this 永远指向其上下文的 this ，任何方法都改变不了其指向，如 cal…
7. JavaScript—浅谈ES6新特性(速记版)-上 let只在代码块中有效，var在全局有效 let不能重复声明，var可以 let适合for循环 let不存在变量提升，var有 const声明常量时必须初始化 const保证的是变量指向的内存地址的数据不变，而不是变量的值不变。 const的暂时性死区：代码块内如果存在let或者const声明，则代码块会对这些声明的变量从代码块开始就形…
8. Angular SPA基于Ocelot API网关与IdentityServer4的身份认证与授权（三） 在前面两篇文章中，我介绍了基于IdentityServer4的一个Identity Service的实现，并且实现了一个Weather API和基于Ocelot的API网关，然后实现了通过Ocelot API网关整合Identity Service做身份认证的API请求。今天，我们进入前端开发，设计一个简单的Angular SPA，并在Angular SPA上调用受Ocelot API网关和Identity Servic…
9. 从JS底层理解var,const,let 目录 基本数据类型和引用数据类型 声明提升 var，let，const 基本数据类型和引用数据类型 基本数据类型是按值访问的，因为可以操作保存在变量中的实际的值。 引用数据类型的值是保存在内存中的对象，JS不允许直接访问内存中的位置，所以在操作的时候操作的是对象的引用；因此是引用数据类型是按照…
10. 前端性能优化小结（面试干货）移动互联网时代，用户对于网页的打开速度要求越来越高。首屏作为直面用户的第一屏，其重要性不言而喻。优化用户体验更是我们前端开发非常需要 focus 的东西之一。
11. JavaScript学习笔记（三）原型和原型链 ECMAScript实现的是基于原型和原型链的继承。对于任何对象，都有一个 __proto__ 属性指向其原型对象，原型对象就是这个对象的构造函数的 prototype 属性，同时原型对象的 constructor 属性又指向构造函数，看下面这个例子： function People(name) { this.name = name } let xiaoming = new People(‘xiaoming’)…
12. 2020春季中高级前端面试记 | 渐进增强题目甄选(上篇) 作为一个练习时长两年半的前端练习生，在这个阳春三月开始了漫漫的面试之路，这里分享一下自己的面试经验和遇到的觉得比较一些值得深入讨论和出现 频率极高 的题目，其中有笔误或者不当的地方欢迎朋友指出。 自己的技术栈是：react（16.8+ hooks） + mbox + typescript。 从主要是面的中高级前端的岗位，…
13. 前端插件化架构的思考 有挺长时间没有更新博客了。一来是公司比较忙，二是自己也在思考一些新的问题。最近一个月，在我脑海回想最多的一个词语是“插件化架构”。作此文，也是想简单分享一下我对这个问题的见解。 来自 Webpack 的启发 去年有参与过 Udacity 前端课程翻译。其中我翻译了构建工具部分。Webpack 作为当前主流构建工…
14. 如何推动前端团队的基础设施建设 政采云前端团队的技术基础建设的分享。
15. 【整理】前端优化得有个好手段，比如看这个清单一名合格的Web前端工程师，Web前端性能优化是一个必须要掌握的知识。 大部分都是规规矩矩写好代码，设计模式好并项目好管理。 而且在HTTP请求和代码耗时间的地方着手。
16. 一步步搞懂JavaScript的几种继承方式 众所周知，JavaScript的继承是依靠原型链一层一层向上寻找原型对象来实现继承的。同时继承也是面向对象的高频考点。本文将一步一步的剖析JavaScript中的几种继承方式，倘若有不对或需要改正的地方，希望大佬们不吝赐教。 本文涉及到的原型和原型链的相关知识，不清楚的同学可以查看上一篇 《手把手画出一份属于自己的…
17. 转转商业前端错误监控系统(Sentry) “每一次排查错误对我们来说都是一次收获，很多问题是可以提前规避的，就算避免不了我们也可以借助 Sentry去更高效的解决。最后，拥抱问题，才能让我们更加成长。”
18. 理解观察者模式——用Angular的httpClient来解释观察者观察者模式是什么？观察者模式和回调函数有什么关系？使用httpClient时，加上.subscribe有什么作用？Angular的httpClient中如何体现观察者模式？
19. Async/await——JavaScript异步编程系列（三） async/await是一种方便使用promise的特殊语法。 函数前面的async表示：此函数将会返回一个promise，如果函数返回的不是promise，将会包装成一个已经resolved的promise。 async function f() { return 1; } f().then(alert); // 1 // 相当于下面的写法 async function f() { return Promise.resolve(1); } f().the…
20. Angular 原生集成 UEditor原项目集成TinyMCE，但公式录入需要购买昂贵的MathType或自研插件，遂启用UEditor，集成开源的公式插件。
21. Promise——JavaScript异步编程系列（二） Promise是一个JavaScript标准内置对象。用来存储一个异步任务的执行结果，以备将来使用。 创建一个Promise对象： let promise = new Promise(function(resolve, reject) { // executor }); 复制代码 构造函数Promise接收一个函数（称为执行器executor）作为参数，并向函数传递两个函数作为参数：resolve和reject…
22. 【整理】前端学习笔记总结清单，应有尽有ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScrip…
23. 对 JavaScript Object 的一些思考 前言 前几天在做项目的时候遇到一个关于数组的问题，今天抽空来看看这个问题，因为之前也遇到，但是不长记性所有有了该笔记。之前在项目给后端提交一条数据，这个数据是数组类型，但需要改变数组里面的字段又不能改变原来的数组结构，所有我直接赋值新的变量再 Map 遍历修改的时候发现原来的数组结构已经发生改变了。…
24. NodeJS中配置请求代理服务器先来说说场景，之前我写过一个小爬虫，node写的，一直都是当做玩具来用的。某天不知道谁在刷我的接口，导致被拉黑了。大佬让我换个机器重新装一下，但是因为我的里面用到了一个图片处理库 sharp 装起来很烦，然后…
25. Ajax上传数据和上传文件（三种方式）

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

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