20200505 前端开发日报

JS常见简单算法排序;JavaScript+Canvas实现自定义画板;你了解JS的递归遍历吗?谈谈你的见解;JS学习计划:深浅拷贝的那些事;JavaScript 引擎、事件循环、任务队列;Vue 学习笔记:递归组件实现过程分析;Vue 学习笔记:$attrs 和 $listeners 的用法;JS 一行代码打开在线视频的倍速功能

  1. JS常见简单算法排序

    冒泡排序的比较次数是 1 + 2 +3 + … + N – 1 = N(N – 1)/2,大O表示法为O(N^2)。如果每两次比较交换一次那么冒泡排序的交换次数为 N(N – 1)/4。

  2. JavaScript+Canvas实现自定义画板

    最近研究了HTML5一些新的元素属性,发现确实好用,特别是里面的Canvas这个新的标签元素。官方介绍:Canvas API(画布)是在HTML5中新增的标签用于在网页实时生成图像,并且可以操作图像内容,基本上它是一个可以…

  3. 你了解JS的递归遍历吗?谈谈你的见解

    JavaScript的递归遍历会经常遇到,适当的运用递归遍历,可以提高代码性质量。 1.某些时候递归能替换for循环 我们先看一下下面2个例子。 {代码…} 运行结果: 可以看到,for循环去遍历一个数组和用递归遍历去遍历…

  4. JS学习计划:深浅拷贝的那些事

    自己迷茫了一段时间,技术很low,想想现在勉强算年轻,必须要努力一番。所以记录下这个过程。只是一个记录自己学习的过程。 感谢掘金上的各位大神,跟着你们一路混分。 复制代码 浅拷贝 浅拷贝的属性如果是基本数据类型,拷贝的是这个基本数据类型的值;如果属性的引用类型,拷贝的是内存地址,所以如果一个对象改变…

  5. JavaScript 引擎、事件循环、任务队列

    引擎:解释并编译代码,让它变成能交给机器人运行的代码(runnable commands);单线程,负责维护任务队列,按照顺序把任务放入函数栈执行。

  6. Vue 学习笔记:递归组件实现过程分析

    最近研究一个递归组件的实现过程,发现组件通信远远比我以前接触的皮毛复杂多了,本文将总结这个组件封装过程中的种种问题。 组件名称拼写 拼写需细致,犯了一个低级错误。引用了一个 el-from-item 的组件,本意是使用 v-for 遍历属性,结果一直报错: did you register the component correctly? For recursiv…

  7. Vue 学习笔记:$attrs 和 $listeners 的用法

    学习 vueAdmin-template 这个项目时,看到两个属性 v-bind="$attrs" 和 v-on="$linteners" ,于是就这两个属性的用法作了一下深入了解,通过一个简单的 demo 测试并理解了它们的用法。 我们知道,向子组件传递数据,是通过 v-bind 子类组件定义的 props 属性完成的,这只适用于单向、两层组件之…

  8. JS 一行代码打开在线视频的倍速功能

    以前有时候看一个在线视频很喜欢,但是网站又没有开通视频的倍速功能,如果硬看下来的话感觉会很浪费时间。下载的话,现在很多网站是不会直接显示出视频原链接的,这就有点难受了。

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


关注我

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

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

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