20200422 前端开发日报

『字节跳动LeetCode联合周赛』–周赛185(JavaScript) | OFEII；利用Docker挂载Nginx-rtmp(服务器直播流分发)+FFmpeg(推流)+Vue.js结合Video.js(播放器流播放)来实…；如何快速实现鲲鹏弹性云服务器的Node.js部署和高可用性？；前端工程化那些事；Vue + TypeScript 项目放弃 TSLint，拥抱 ESLint；备战-Vue篇；Vue的全局过滤器和私有过滤器的实现；VueJS核心-computed属性源码解析与面试参考回答

1. 『字节跳动LeetCode联合周赛』–周赛185(JavaScript) | OFEII

   前言 :laughing: Hi! my name is OFEII, a Front-end Developer rookie…… :sweat_smile: Still 0 offer in this cold 2020 Spring. :grinning: 菜鸟 。大四前端菜鸟，20春招至今还是0 offer(下周好像有两个hr面了)， 兴趣使然 地刷上了LeetCode，发现用js刷算法是一件很有趣的事，感受到数据结构和…

2. 利用Docker挂载Nginx-rtmp(服务器直播流分发)+FFmpeg(推流)+Vue.js结合Video.js(播放器流播放)来实…

   原文转载自「刘悦的技术博客」 v3u.cn/a_id_75 众所周知，在视频直播领域，有不同的商家提供各种的商业解决方案，其中比较靠谱的服务商有阿里云直播，腾讯云直播，以及又拍云和网易云的有偿直播服务，服务包括软硬件设备，摄像机，编码器，流媒体服务器等。但是其高昂的费用以及较高的准入门槛让许多个人和小型企业望…

3. 如何快速实现鲲鹏弹性云服务器的Node.js部署和高可用性？

4. 前端工程化那些事

   树酱希望将前端的乐趣带给大家 本文已收录 github.com/littleTreem… 喜欢就star:sparkles: 1.脚手架 脚手架用于快速生成新项目的目录模板，并集成一系列体系化工具的安装，能够提升前端开发人员的效率，减少copy操作 1.1 常见的脚手架工具 vue官方脚手架：vue-cli Vue CLI 是一个基于 Vue….

5. Vue + TypeScript 项目放弃 TSLint，拥抱 ESLint

   prettier 用来做格式化工具配合我们的 ESLint 可以更大的发挥作用，首先安装相关依赖： npm i -d prettier eslint-config-prettier eslint-plugin-prettier eslint-config-prettier: 这个插件的作用是当 ESLint 和 prettier 配置冲突时优先 prettier eslint-plugin-prettier: 将 prettier 作为 ESLint 规…

6. 备战-Vue篇

   说到Vue那么最开始我想说到的一个点就是他俩，用了这么久的Vue那么应该要知道他是MVVM软件架构设计模式。 MVC 从前端到后端交互，前端请求通过路由找到对应控制器拿到数据，数据交替是单向的。简单来讲就是前端负责页面后端负责数据。 MVVM 细化了MVC的前端部分，数据直接挂到框架上面直接渲染…

7. Vue的全局过滤器和私有过滤器的实现

   Vue允许自定义过滤器 可被用作一些常见的文本格式化 过滤器可以用在两个地方：mustache插值表达式 和 v-bind表达式 过滤器应被添加在JavaScript表达式的尾部 由“管道”符指示(管道符就是一个竖杠： | ) 一、全局过滤器 全局过滤器调用时的基本格式： 通过管道符 来进行过滤 例如 {{name | nameOpe}…

8. VueJS核心-computed属性源码解析与面试参考回答

   今天就来聊聊我们非常熟悉的计算属性吧，这也是前端面试常见的一个题目了，而且是属于稍微有点难度的题目， 如果你答得很好那就是一个很棒的加分点，要答好这个问题，那至少都要做到从源码的角度去分析计算属性的原理。 本文就从源码的角度去分析计算属性，适合那些了解响应式原理这部分源码的同学看，如果没学习过，…

9. 带你一步一步配置Babel7

   有时间学习研究了一下 babel ，扒了官网和搜了很多的资料，没有一个资料写了很详细的实践，都偏重于理论。故整理一篇实践操作的 babel 配置，以供学习。 babel是什么？ Babel 是一个 JS 编译器 Babel 是一个工具链，主要用于将 ECMAScript 2015+ （又可称为 ES6 ， ES7 ， ES8 等）版本的代码转换为向后兼容的…

10. 分享一个javascript validator，请大家拍砖

    被校验的数据如下： var data = { a: 1 } 复制代码 校验规则 a是一个大于0且小于20的整数 ，则校验描述如下： var rule = { a: { $type: ‘Number’, $gt: 0, // 大于0 $lt: 20, // 小于20 $factor: 1, // 是1的整数倍 $message: ‘a是一个大于0且小于20的整数’ // 校验不通过后的报错提示 …

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