摘要: 关于继承网上有很多文章,但是能讲解的大多都不让我满意,所以自己写一篇。本文适合已经知道js继承的各种或部分方式,但是尚未形成系统脉络的读者。 接下来为方便描述,约定:A是父类,a是A类的实例,B是子类,b是B类的实例。 原型链继承 B.prototype = a; 这种继承的潜在问题是,将A的实例属 阅读全文
posted @ 2021-03-05 11:22 enne5w4 阅读(94) 评论(0) 推荐(0) 编辑
摘要: 前端和用户直接相关,所以实现录音功能是很常见的需求。如何实现配音功能,网上一搜全是老掉牙方法。作为一个热爱新技术,喜欢与时俱进的前端仔,我实在看不下去了,就写了这篇文章教大家如何用新方法实现录音功能。 废话不多说,直接上代码(非常简单易懂,而且我封装好了): 1 function Recorder( 阅读全文
posted @ 2021-02-04 11:07 enne5w4 阅读(1364) 评论(0) 推荐(1) 编辑
摘要: 快捷复制功能(如点击复制),应该是非常常见的需求了,但网上一搜全是老掉牙的方法。都2021年了,是时候使用一下新方法了: 新方法直接操作剪贴板,非常高效。直接上代码: navigator.clipboard.writeText(text); // 剪贴板还有很多其他功能,请自行解锁吧 没看错,就一行 阅读全文
posted @ 2021-02-03 11:26 enne5w4 阅读(145) 评论(0) 推荐(0) 编辑
摘要: 我是带着些许愤怒和自责写下这篇博客的,愤怒是因为一个4年经验的前端写的代码糟糕透了,自责是因为他是我招聘进来的。也正是如此,我做了很多有意思的反思,整理浓缩出来便有了此文。 吐槽一下他的问题 归纳一下,其实就2个问题。 过度迷恋“最佳”实践 tree-shaking 过度使用 现场一瞥 vue里面有 阅读全文
posted @ 2021-01-06 21:26 enne5w4 阅读(168) 评论(0) 推荐(1) 编辑
摘要: 前段时间,为了优化某个有点复杂的功能,我采用了shared workers + indexDB,构建了一个高性能的多页面共享的服务。由于是第一次真正意义上的运用workers,比以前单纯的学习有更多体会,所以这里就分享出来! 各种worker概要 有三种worker:普通的worker、shared 阅读全文
posted @ 2020-11-07 18:19 enne5w4 阅读(1229) 评论(0) 推荐(1) 编辑
摘要: 为什么要续写一篇这样的指南?在indexDB中,指南(一)深入介绍了事务,但对于如何用好事务还不够详细。此外,各种事件在事务、请求、DB三者之间传播;objectStore创建时 key的规则定义;indexDB的意外情况等,这些在实际开发中非常重要的知识点,指南(一)也没有介绍。所以续写很有必要。 阅读全文
posted @ 2020-11-02 11:24 enne5w4 阅读(2125) 评论(0) 推荐(0) 编辑
摘要: 通常 html 中的空格,换行等,再展示实际界面时会被忽略,这时大家通常会用转义。如:空格变成 &nbsp; 、换行变成 <br> 等。 接下来给大家介绍另一种简单的方法: pre 通过 <pre> 标签 或者通过 css中的 white-space: pre 可以原封不动的显示所有的空格符号和换行 阅读全文
posted @ 2020-09-03 15:01 enne5w4 阅读(971) 评论(0) 推荐(0) 编辑
摘要: 想学习如何开发公共组件吗?本文是我在长期开发公共组件后,从实践中总结而来,本文从实例出发,生动讲解了开发公共组件和业务组件的区别,读完此文,你会有豁然开朗的感觉:“原来开发公共组件(公共项目)如此简单!” 阅读全文
posted @ 2020-07-20 16:41 enne5w4 阅读(2032) 评论(0) 推荐(1) 编辑
摘要: 前言 什么是设计原则,这是个需要靠领悟的东西!——接下来,分享一下我前段时间实现的定时刷新列表代码 [链接]!(注:项目使用 vue2.x 框架) 通常的做法 定时更新数据,核心是 setInterval 创建一个定时器,通常我们是这么做的:1、当组件加载时创建一个定时器,定期调用请求接口;当组件销 阅读全文
posted @ 2020-07-05 21:53 enne5w4 阅读(547) 评论(0) 推荐(0) 编辑
摘要: 编写插件 一个插件的目录如下: 根目录下必须有manifest.json,其他的自己随意。这个json就描述了这个插件的所有信息,应该调用的脚本等。 这个插件是在所有 mozilla.org 的页面加上一个边框。 json如下: { "manifest_version": 2, // 必须,json 阅读全文
posted @ 2020-07-04 16:22 enne5w4 阅读(1562) 评论(0) 推荐(0) 编辑