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. 前端工程化那些事

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

  4. 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 规...

  5. 备战-Vue篇

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

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

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

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

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

  8. 带你一步一步配置Babel7

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

  9. 分享一个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的整数' // 校验不通过后的报错提示 ...

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

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