20200419 前端开发日报

动手写一个Promise;认识 webpack-chain、以及 loader、plugin 的简单实现;理解 TypeScript 类型收窄;Flutter Weekly Issue 51;JSON web Token 长文扫盲帖;从入门到进阶|如何基于WebRTC搭建一个视频会议;一个科班小前端的大厂面经;【webpack多入口打包】单工程下的多项目结构

  1. 动手写一个Promise

    现在Promise用的比较频繁了,如果哪天突然不用了,可能逻辑就不好厘清了,回调没的说是一大把 废话不多说,进入正题 Promise这个东西很神奇,用起来舒服,若自己写一下,恐怕还真不简单,关键就一个字“绕”,绕过...

  2. 认识 webpack-chain、以及 loader、plugin 的简单实现

    webpack-chain 尝试通过提供可链式或顺流式的 API 创建和修改webpack 配置。API的 Key 部分可以由用户指定的名称引用,这有助于 跨项目修改配置方式 的标准化。 应用一个链式 API 来生成和简化 2-4 版本的webpack的配置的修改。 为什么使用webpack-chain? webpack 的核心配置的创建和修改基于一个有潜在难于处理的 J...

  3. 理解 TypeScript 类型收窄

    创建了一个 “重学TypeScript” 的微信群,想加群的小伙伴,加我微信 "semlinker",备注重学TS。 本文是 ”重学TS系列“ 第 29 篇文章,感谢您的阅读! 一、类型收窄 TypeScript 类型收窄就是从宽类型转换成窄类型的过程。类型收窄常用于处理联合类型变量的场景,一个常见的例子是非空检...

  4. Flutter Weekly Issue 51

    教程/Tutorial Dart快速入门系列教程 插件/Librarys flutter_page_tracker 一个易用的 Flutter 应用页面事件埋点插件。它不仅支持在普通导航事件中监听页面曝光和离开,也支持弹窗的曝光和离开。 flutter_sliv...

  5. JSON Web Token 长文扫盲帖

    本文同步自个人公众号 “JSCON简时空”,欢迎关注: [链接] 本文长约 1w 字,阅读耗时约 20 min 本文要是讲 JWT(JSON Web Token) ,我刚接触这个这个知识点的时候,心路历程是这样的: 啊?Token 是什么? 什么是...

  6. 从入门到进阶|如何基于WebRTC搭建一个视频会议

    导读:疫情期间,视频会议等远程办公产品备受青睐,众多互联网玩家切入视频会议市场,加剧市场竞争。但是,产品虽多,能够带来稳定可靠体验的产品却凤毛麟角,它的难点在哪里?视频会议的门槛到底有多高,又能够...

  7. 一个科班小前端的大厂面经

    「跟我来面试」系列的第一篇文章是关于前端的,发出后看到有读者反馈说内容较少,问的问题比较基础。因为博主是后端的,前端方面并不是非常了解,所以我找到了同组的小伙伴,让他分享一下自己春招时的一些经历。 他和我是同一个实验室的,就叫他 x 吧,目前研一,两年制硕士,今年实习。x 的本科前半段迷茫在科...

  8. 【webpack多入口打包】单工程下的多项目结构

    起初,我们的项目还只是简单的一个脚手架创建的简单工程,直到有一天,公司决定在现有基础上再出一个 版本,现有内容不变,两个版本并存,后期有可能还会出现更多版本,作为前端,我们怎么做最好呢, 大佬0:开个新的分支做吧, 大佬1:但是现在这个工程,已经做了大量的打包配置,并且有很多可复用的组件和封装好的...

  9. 【vue踩坑记录】之“TypeError: Cannot read property 'RcA1' of undefined”

    做项目的时候,界面显示正常,但是浏览器仍然报出“TypeError: Cannot read property 'RcA1' of undefined”错误,具体如下 解释: 显示百度翻译了一下:说是渲染错误,TypeError:无法读取未定义的RcA1. 我的理解是->这里的意思就是模板在渲染时候,读取对象中的某个对象的属性值时,这个对象不存在,说...

  10. GitHub完成对NPM收购

    继上个月出人意料的宣布微软的GitHub将收购NPM Inc(一家颇受欢迎的JavaScript软件包管理器的幕后公司)之后,此次收购现已完成。 广受欢迎的JavaScript和Node.js软件NPM软件包管理器现在由GitHub和母公司Microsoft拥有。 GitHub周三 宣布 ,他们对NPM的收购已经完成。 作为他们保证的一部分,“公共npm注册表将始终...

  11. Vue 3.0 Beta 版本发布,你还学的动么?

    不知道是不是巧合,尤大又在凌晨发布了 Vue 的最新动态。等了这么久,Vue 3.0 终于发布了 beta 版本,尤大之前曾强调过 Vue 3.0 包含了五个关键变化:1.速度 2.体积 3.可维护性 4.面向原生 5.易用性。这次看来已...

  12. 用值填充JavaScript数组的几种方法

    我们可以使用数组实例的 fill 方法为现有数组填充值。 它具有以下签名: Array.prototype.fill(value, start=0, end=this.length) fill 方法具有以下参数: value start end 它返回一个修改后的数组,其中填充了值。 例如,我们可以按以下方式使用它: const arr = .fill(6,...

  13. 前端开发与 DevOps 实践

    DevOps(Development 和 Operations 的组合词)是一种重视“软件开发人员(Dev)”和“IT 运维技术人员(Ops)”之间沟通合作的文化、运动或惯例。透过自动化“软件交付”和“架构变更”的流程,来使得构建、测试、发布软件能够更加地快捷、频繁和可靠。DevOps(Development 和 Operations 的组合词)是一种重视“软件开发人员(D...

  14. springboot 集成WebSockets广播消息

    RFC 6455 即 webSockets 协议提供了一种标准化的方式去建立全双工,双方面交流的通道在客户端和服务端甚至单一的TCP连接中进行通信; webSockets 协议其跟HTTP的tcp协议不同,但是其设计目的是通过HTTP协议进行工作,可以使用40或者443端口和重新使用现有的防火墙规则; GET /spring-websocket-portfolio/portfolio HT...

  15. 前端下载文件与读取文件内容(多种类型的文件)

    在实际开发过程中经常会碰到用户要下载或者导出一个文件的需求。传统的做法是在后端存储或者即时生成一个文件来提供下载功能,这样的优势是可以做权限控制、方便数据二次处理,但缺点是需要额外发起请求、增大服务端压力、下载速度慢。但随着HTML5的标准发布,我大前端已经完全可以独立实现文件下载与导出啦~ 利用a标...

  16. 前端基础 | 理解原型-作用域-执行上下文

    基础代码: // 使用构造函数创建一个对象 function Person() {} Person.prototype.name = 'Brand' let person = new Person() console.log(person.name) // Brand 复制代码 prototype 每个函数都有一个 prototype 属性。 prototype 是函数才会有的属性。 函数的 prototype 属性是指 通过调用构造函数而...

  17. 小姐姐用动画图解Git命令,一看就懂

    但是呢,民工哥,也经常在后台看到读者说,命令太多了不好记啊,时间长了不用又忘记了等等的吐槽。是啊,要学一门技术真难,何况现在技术更新、迭代这么快.....

  18. Vue 3.0-beta.1 发布

    经历一年多的推倒重来反复打磨,在众多开发者的千呼万唤之下,Vue 开发团队终于在今天发布了 3.0-beta.1 版本,也就是测试版。通常来说,从测试版到正式版,只会修复 bug,不会引入新功能,或者删改老功能。所以...

  19. 5 分钟解决前后端联调问题,说一说前端代理这件事

    说到前端代理,相信每一个做过前后端联调的同学都有遇到过。当下涉及前后端工程项目的研发,主流模式一定是前后端的分离。它让前后端的角色分工更加明确,对项目的研发质量提供了更好的保障。但同时也带来了诸多调试上的不便。 我们这里以 web 开发为例, 前后端工程分开,并且开启了各自的服务,前端的服务主要是为...

  20. 温故知新 | Vue.js进阶必会,编写你的第一个Vue.js插件

    创建自己的插件似乎是一项高级技术,但实际上比你想象的要简单得多。 本文目录 1.如何设置插件 2.向插件添加功能 2.1构建你的第一个插件 2.2安装插件 2.让它真正有用 2.1声明全局属性 2.2定义实例属性 2.3建立全局过滤器 2.4添加自定...

  21. 几个非常有意思的javascript知识点总结

    作为一名前端爱好者, 笔者利用空余时间研究了几个国外网站的源码,发现不管是库,还是业务代码,都会用到了一些比较有意思的API,虽然平时在工作中部分接触过,但是经过这次的研究,觉得很有必要总结一下,毕竟已经2020年了,是时候更新一下技术储备了,本文主要通过实际案例来带大家快速了解以下几个知识点: Observer 原生...

  22. 挑战全网最幽默的Vuex系列教程:第一讲 Vuex到底是什么鬼

    官方已经有教程了,为什么还要写这个教程呢?说实话,还真不是我闲着蛋疼,官方的教程真的是太官方了,对于刚入门 Vuex 的童鞋来说,想必看官方的教程,很多地方就如同看圣经一样,比如「欧玛尼玛尼牙」,所有的字都认识,就是不知道说些什么玩意,不信,你可以 戳进去看看 。 当然,对于大神级别一看就懂的,那就不...

  23. Jquery消息滚动

    又是一次作业练习,jquery消息滚动,效果图如下: 及效果预览:https://www.jq22.com/jquery-info22971 代码实现起来很简单,所以看起来效果也是很不如人意,就当记录一下子趴 推荐链接 无缝滚动:http://www.jq22.com/jquery-info22981 推送滚动:http://www.jq22.com/jquery-info22468 现在来简单写...

  24. 「吐血整理」Webpack面试题

    从头发的浓密程度和干练的走路姿势我察觉到,面前坐着的这位面试官也是一把好手。我像以往一样,准备花3分钟的时间进行自我介绍。在此期间,我的目光被16寸的MacBook Pro所吸引,这次的自我介绍我做足了准备,很有信心征服面试官。不出我所料,面试官被我引入了我擅长的领域。 ❝ 看来你对Webpack很熟悉,那我来考考...

  25. 去大厂,你就应该了解前端监控和埋点

    踏足行业几年了,始终游离于中小型项目,由于项目用户较少,所以前端监控方面非常生疏,最近开始接收大流量项目,却对埋点,监控一无所知,深感惭愧,于是苦学几日,心得如下: 什么是埋点? 百度原话:埋点分析,是网站分析的一种常用的数据采集方法 其实通俗的讲前端埋点主要是为了运营以及开发人员采集用户行为...

  26. 用 serverless 与 typescript 开发第一个 Koa 应用

    对于稍微大型的 Node 应用, typescript 已经是标配,它为 javascript 提供了强类型的铠甲,有效提高了代码质量。 这里是一个结合 ts 及 koa 快速部署到腾讯云函数计算中的模板。 如果你只想搭建一个博客 使用 Netlify 托管静态网站与持续集成 使用 AliOSS 部署及加速你的静态网站 ...

更多内容请关注公众号【前端开发博客】每日更新
20200419 前端开发日报

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