2022-01-23 Advanced JavaScript javascript 前端 Advanced JavaScriptJS EngineJavascript is an interpreted language. What is this engine that we speak of well ? If I writ
2021-07-04 原生JS实现—打地鼠游戏 javascript 原生js项目 实现效果点击查看 HTML 代码1234567891011121314151617181920212223242526272829303132333435363738<!DOCTYPE html><html lang=&q
2021-07-02 JS实现时钟效果 javascript 原生js项目 点击查看 简介实现模拟时钟的效果,大致思路和解决方案如下: 分别获取到当前时间的时、分、秒。 通过时分秒对一圈360度,进行映射,确定每一个指针所需旋转的角度。 通过CSS的transform:rotate(deg),来实时的调整指针在键
2021-06-30 Promise全面总结 javascript 前端 Promise是在ES6中新增的一种用于解决异步编程的方案,接下来会从下面几个方面详细介绍Promise Prmoise诞生的原因 Promise的生命周期 Promse的基本用法 Prmoise诞生的原因 Promise诞生以前,在处
2021-06-24 ES6 的 Reflect javascript 前端 Reflect概述 什么是Reflect对象? 我们可以这样理解,有一个名为Reflect的全局对象,上面挂载了对象的某些特殊函数(如:[[Get]]、[[Set]]),这些函数可以通过类似于Reflect.apply()这种形式调用,
2021-06-23 ES6 的 Proxy javascript 前端 ES6中新增了Proxy对象,从字面量上看可以理解为代理器,主要用于改变对象的默认访问行为,实际表现是在访问对象之间增加了一层拦截,任何对对象的访问行为都会通过这层拦截。在拦截中,我们可以增加自定义的行为。 Proxy的基本语法: 1l
2021-06-19 JS 实现继承的几种方式 javascript 前端 继承作为面向对象语言的三大特性之一,可以在不影响父类对象实现的情况下,使得子类对象具有父类对象的特性;同时还能再不影响父类对象行为的情况下扩展子类对象独有的特性,为编码带来了极大的便利。下面我们就来看看 JavaScript 中都有哪些实
2021-06-16 CSS 变量 javascript 原生js项目 实现效果点击查看 用 JavaScript 和 CSS3 实现拖动滑块时,实时调整图片的模糊度、背景颜色,同时标题中 JS 两字的颜色也随图片背景颜色而变化。 涉及特性 :root var(--xxx):CSS 变量(CSS Variabl
2021-06-16 audio 爵士鼓音乐敲击特效 javascript 原生js项目 简介项目效果:点击查看 用JS制作一个爵士鼓的页面,通过敲击键盘上不同的字母,会发出不同的声音,并且页面上会伴随着敲击的动画。 想要实现以上效果,大致思路和解决方案如下: 检测到键盘上什么键被按下–监听keydown事件 在按键被按下的时
2021-06-15 canvas 实现彩虹画笔绘画板 javascript 原生js项目 项目效果效果预览 涉及特性Canvas: 模板骨架 基本属性 getContext() strokeStyle fillStyle fillRect lineCap lineJoin 路径绘制 beginPath() lineTo()