JavaScript
文章平均质量分 83
Panda Shen
这个作者很懒,什么都没留下…
展开
-
前端优化 —— 函数的节流和防抖
原文出自:https://www.pandashen.com前言在前端开发当中我们经常会绑定一些事件触发的某些程序执行,有时这些事件会连续触发,如浏览器窗口的 scroll、resize,输入框的 keyup、input,以及 click 事件在连续点击时连续发送请求等等,这些情况有些会严重影响前端性能,有些会增加服务器压力,使用户体验大打折扣,而函数节流和防抖就是为了解决这样的问题。...原创 2018-10-11 01:20:03 · 482 阅读 · 0 评论 -
简单封装一个靠谱的检测数据类型模块
原文出自:https://www.pandashen.com简介本篇主要对 JavaScript 数据类型检测做一些介绍,并封装一个相对靠谱的数据类型检测模块。常见检测数据类型的三种方式1、typeoftypeof 可以满足大部分基本数据类型的检测,如 number、string、boolean、undefined 和 symbol,对于 null 使用 typeof 则会直接返...原创 2018-10-11 02:34:20 · 143 阅读 · 0 评论 -
浅谈 JavaScript 原型链
原文出自:https://www.pandashen.com概述在 JavaScript 中有种说法叫 “万物皆对象”,就是说无论是构造函数创建的实例,构造函数本身、原型对象、数组、函数本质上都是对象,都拥有 __proto__ 属性,即隐式原型,所有函数都拥有 prototype 属性,即显式原型(仅限函数),原型对象(prototype 属性指向的对象),在定义函数时就被创建。原...原创 2018-10-11 02:47:47 · 199 阅读 · 0 评论 -
JavaScript 的继承方式及优缺点
原文出自:https://www.pandashen.com前言JavaScript 原本不是纯粹的 “OOP” 语言,因为在 ES5 规范中没有类的概念,在 ES6 中才正式加入了 class 的编程方式,在 ES6 之前,也都是使用面向对象的编程方式,当然是 JavaScript 独有的面向对象编程,而且这种编程方式是建立在 JavaScript 独特的原型链的基础之上的,我们本篇就...原创 2018-10-11 02:58:16 · 143 阅读 · 0 评论 -
Canvas + WebSocket + Redis 实现一个视频弹幕
原文出自:https://www.pandashen.com页面布局首先,我们需要实现页面布局,在根目录创建 index.html 布局中我们需要有一个 video 多媒体标签引入我们的本地视频,添加输入弹幕的输入框、确认发送的按钮、颜色选择器、字体大小滑动条,创建一个 style.css 来调整页面布局的样式,这里我们顺便创建一个 index.js 文件用于后续实现我们的核心逻辑,先引...原创 2018-10-12 00:14:17 · 880 阅读 · 0 评论 -
高阶函数应用 —— 柯里化与反柯里化
原文出自:https://www.pandashen.com前言在 JavaScript 中,柯里化和反柯里化是高阶函数的一种应用,在这之前我们应该清楚什么是高阶函数,通俗的说,函数可以作为参数传递到函数中,这个作为参数的函数叫回调函数,而拥有这个参数的函数就是高阶函数,回调函数在高阶函数中调用并传递相应的参数,在高阶函数执行时,由于回调函数的内部逻辑不同,高阶函数的执行结果也不同,非常...原创 2018-10-12 00:14:28 · 376 阅读 · 0 评论