20190909 前端开发日报

React 事件机制 (不完全总结);Vue中v-model解析、sync修饰符解析;几道前端笔试题;[精读源码系列]前端路由Vue-Router;花椒 Web 端多路音频流播放器研发;码云 Gitee 率先支持中国开源许可证:木兰宽松许可证;如何加快 Node.js 应用的启动速度;vue-router的addRoutes的刷新404和重复路由的终极解决方案

  1. Vue中v-model解析、sync修饰符解析 在平时开发是经常用到一些父子组件通信,经常用到 props 、 vuex 等等,这里面记录另外的三种方式 v-model 、 sync 是怎么使用,再说是怎么实现,其实 v-model 、 sync 都是语法糖。还有 $attr 、 $listener 实现父子组件通信。 使用方式 v-model 2.2.0+ 新增 v-mode1 其实就是一个语法糖,默认会利用名为 val…
  2. 几道前端笔试题 据称,题目平均难度达到 P6 水平。快看看你都能答对吗?
  3. [精读源码系列]前端路由Vue-Router 相信用vue开发过项目的小伙伴都不会陌生,vue-router模块帮助我们处理单页面应用的理由跳转的,我们只需要将不同path对应的组件信息传给vue-router,就可以在页面局部刷新的情况下实现路由跳转了,你有没有觉得对这一处理过程感到很好奇,想要揭开这一操作的神秘面纱?来吧,让我们一起开启探索之旅~ vue-router的使用 impo…
  4. 花椒 Web 端多路音频流播放器研发 一、背景 语音交友直播间 Web 端使用 WebRTC (Web Real-Time Communications) 实现多路音频流传输的播放。但由于云服务等原因,看播端我们需要改成 HTTP-FLV 或 HLS 协议的媒体服务。并实现 移动端页面多路音频流同时播放 获取多路音频的可视化数据 …
  5. 码云 Gitee 率先支持中国开源许可证:木兰宽松许可证 为响应开源产业发展需求,本着立足本土、面向全球、开放透明的原则,北京大学作为国家重点研发计划“云计算和大数据开源社区生态系统”的子任务牵头单位,依托全国信标委云计算标准工作组和中国开源云联盟,联合国内开源生态圈产学研各界优势团队、开源社区以及拥有丰富知识产权相关经验的众多律师,共同研制形成重要成果—…
  6. 如何加快 Node.js 应用的启动速度 关注 Node.js 应用进程启动耗时。
  7. vue-router的addRoutes的刷新404和重复路由的终极解决方案 Vue 后台管理项目经常有权限控制,不同角色使用不同权限,常用方法就是用 addRoutes 来动态添加路由,但有两个问题是官方文档上找不到解决方案的 角色切换,addRoutes提示有重复的路由,无法删除之前角色的路由 刷新页面,动态路由消失,提示404 常用解决方案 网上常用的解决方案角色切换的时候刷新页面,这…
  8. 美团 HTTP 服务治理实践 2019 年 7 月 6 日,OpenResty 社区联合又拍云,举办 OpenResty × Open Talk 全国巡回沙龙·上海站,美团基础架构部技术专家张志桐在活动上做了《美团 HTTP 服务治理实践》的分享。 OpenResty x Open Talk 全国巡回沙龙是由 OpenResty 社区、又拍云发起,邀请业内资深的 OpenResty 技术专家,分享 OpenResty 实战经…
  9. js设计模式(二)深入理解享元模式 享元(flyweight)模式是一种用于性能优化的模式,“fly”在这里是苍蝇的意思, 意为蝇量级。享元模式的核心是运用共享技术来有效支持大量细粒度的对象。 复制代码 如果系统中因为创建了大量类似的对象而导致内存占用过高,享元模式就非常有用了。在JavaScript中,浏览器特别是移动端的浏览器分配的内存并不算多,如何节…
  10. JavaScript原型系列(三)Function、Object、null等等的关系和鸡蛋问题 基本上都知道原型链的尽头指向 null ,那么 Function.prototype 、 Object.prototype 、 null 、 Function.prototype.__proto__ 、 Object.prototype.__proto__ 、 function、object 之间的关系是什么,下面慢慢来记录一下。 Object Object构造函数创建一个对象包装器。 JavaScript 中的所有对象都来自 Object ;…
  11. Reactive(二):响应式流与制奶厂业务 再谈响应式 在前一篇文章 从Reactive编程到“好莱坞” 中,谈到了响应式的一些概念,讲的有些发散。但仅仅还是停留在概念的层面,对于实战性的东西并没有涉及。所以大家看了后,或许还是有些不痛不痒。 响应式编程强调的是异步化、面向流的处理方式,这两者也并非凭空生出,而是从大量的技术实践中总…
  12. JavaScript原型系列(二)什么是原型继承 在上一节上面介绍了原型和原型链,即每个对象拥有一个 原型对象 ,通过 __proto__ 指针指向上一个 原型 ,并从中 继承方法和属性 ,同时原型对象也可能拥有原型,这样一层一层,最终指向 null ,这种关系被称为 原型链(prototype chain) 。 继承 是面向对象编程语言的一大核心功能点, JavaScript 是面向对象的只不…
  13. Vue 组件数据通信方案总结 (给前端大全加星标,提升前端技能) 作者:政采云前端团队 公号 / 季节 (本文来自作者投稿) 背景 初识 Vue.js ,了解到组件是 Vue 的主要构成部分,但组件内部的作用域是相对独立的部分,组件之间的关系一般如下图: …
  14. 一看就懂之webpack高级配置与优化所谓打包多页面,就是同时打包出多个html页面,打包多页面也是使用html-webpack-plugin,只不过,在引入插件的时候是创建多个插件对象,因为一个html-webpack-plugin插件对象只能打包出一个html页面。如:
  15. Hybird 开发之 JavaScriptCore 通过 JavaScriptCore 框架,你可以在 Objective-C 或者基于 C 的程序中运行(evaluate) JavaScript 程序。它还能帮你插入一些自定义对象到 JavaScript 环境中去。 JavaScriptCore框架其实就是基于webkit中以C/C++实现的JavaScriptCore的一个包装,在旧版本iOS开发中,很多开发者也会自行将webkit的库引入项目编译使用…
  16. Javascript 中的变量提升变量提升是 Javascript 中一个很有趣,也让很多人迷惑的特征。那么,Javascript 为什么要设计这个特征呢?
  17. JavaScript & Node Testing Best Practices JavaScript 和 Node.js 测试最佳实践。
  18. Fundebug 前端异常监控插件更新至 2.0.0,全面支持 TypeScript 摘要: 是时候支持TS了! Fundebug前端异常监控服务 Fundebug提供专业的前端异常监控服务,我们的插件可以提供全方位的异常监控,可以帮助开发者第一时间定位各种前端异常,包括但不限于JavaScript执行错误以及HTTP请求错误。 并且,Fundebug支持Source Map还原,记录用户行为…
  19. jQuery的前世今生 作者:Danny Guo 翻译:奶爸码农 jQuery曾经是世上最流行的JavaScript库,在2000年后期,它得到了广泛的应用,围绕它也产生了一个丰富的生态系统,诞生了大量的插件、框架。 但是到了最近一段时间,jQuery的地位急剧下降。这篇文章会回顾一下jQuery的前世今生。 jQuery的历史 John Resig在2005年开发了JQuery…
  20. JavaScript原型系列(一)构造函数、原型和原型链 首先要了解几个属性 constructor 、 prototype 、 ] 、 __proto__ 分别作用是什么,还要理解几个概念 原型 、 原型链 、 构造函数 。 结合代码先把上面的的属性和记录清楚。 构造函数 constrcutor 是一种用于创建和初始化 class 创建的对象的特殊方法。 构造函数 本身就是一个函数,与普通函数 没有…
  21. 小tips: JS DOM innerText和textContent的区别 byzhangxinxu from https://www.zhangxinxu.com/wordpress/?p=8941 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、之前错误的认识 innerTextIE6就开始支持,那个时候,Firefox浏览器是不支持这个API的,一直到2016年3月份Firefox 45+才开始支持。 而 …
  22. 前端理解依赖注入(控制反转)前端的技术的极速发展,对前端同学来说也是一个不小的挑战,有各种各样的东西需要学,在开发过程中经常会被后端同学嘲讽,对于前端来讲根本就不存在类的概念,很多时候需要把大量的业务代码堆积在页面或者组件中…
  23. 图解 JavaScript 竞态处理 最近被公司安排分享一些主题,思来想去,觉得还是想分享关于 JavaScript 竞态相关的知识。于是总结成此文。 这篇博客的目标主要以图例的方式带大家了解 JavaScript 并发与竞态,如有疏漏,欢迎大家指正。 以下正文。 竞态导致的错误 经验较为丰富的开发者,可能会感触于异步代码的确较比同步代码难以理解和编写…
  24. 面向对象之七大基本原则(javaScript)面向对象编程有自己的特性与原则,如果对于面向对象有一些了解的话,面向对象三大特征,封装、继承、多态,如果对面向对这三个概念不太了解,请参考面向对象之三个基本特征(javaScript)
  25. 探索JavaScript 的发展 JavaScript(通常缩写为JS)是一种高级的、解释型的编程语言。JavaScript是一门基于原型、函数先行的语言,是一门多范式的语言,它支持面向对象编程,命令式编程,以及函数式编程。它提供语法来操控文本、数组、日期以及正则表达式等,不支持I/O,比如网络、存储和图形等,但这些都可以由它的宿主环境提供支持。它已经由…
  26. Columns多栏布局妙用:解决用jspdf加html2canvas生成PDF时文字或图片被分页无情截断问题生成PDF有很多种方案,现在只讨论用jspdf加html2canvas生成多页PDF时,相信用过的人也遇到如果文字或图片卡在分页位置处被无情裁断的问题。再次之前先简单介绍下我们用于解决问题的属性。
  27. 走进HTML5,Canvas一探究竟 Canvas 是 HTML5 新增的一个标签属性,一个可以使用脚本在其中绘制图像的 HTML 元素。它可以用来制作照片或者制作简单的动画,甚至可以进行实时的视频处理和渲染。Canvas 是由 HTML 代码配合高度和宽度属性而定义出的可绘制区域。JavaScript 代码可以访问该区域,类似于其他通用的 API,通过一套完整的绘图函数来动态生…

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

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


关注我

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

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

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