自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(8)
  • 收藏
  • 关注

原创 JavaScript中的Math类

JavaScript中的Math类Math类的简介最近在运用canvas(画布)的一些方法去绘制一些东西时,经常会搭配Math类来使用,所以就想来对Math类的方法来做一个总结。首先Math类是一个很有用的数学帮助类,使用也非常简单,这个类比较特殊,首先他和String类一样都是用final修饰,所以不能有子类,还有就是它的构造方法是私有的,也就是我们不能通过new的方法在其它类中构造Math对象,那么我们怎样调用它的方法,原来它的所有的方法都是静态方法,也就是可以直接使用类名就可以访问方法了。方法

2020-09-27 22:33:09 354

原创 HTML5中的canvas(画布)

HTML5中的canvas画布()1、关于canvas的简介1.canvas是HTML5标签,表示画布,canvas只是作为图像绘制的容器,所有的绘制工作都在脚本JavaScript内部完成。2.canvas的作用:①绘制基础图形;②绘制文字;③图形变形和图片合成;④处理图片和视频;⑤动画实现;⑥制作小游戏等等。3.支持canvas的浏览器:Firefox, safari, chrome, opera, IE9等。2、创建和获取① 查看当前浏览器是否支持canvas:可以在canvas标签内书

2020-09-27 20:42:44 1448

原创 JS中的事件流程以及DOM2级事件绑定与DOM0级事件绑定

JS中的事件流程以及DOM2级事件绑定与DOM0级事件绑定事件流程事件流程分为三个阶段:捕获阶段、目标阶段、冒泡阶段。捕获阶段:事件从最顶层元素开始执行,一层层往下,直到精确元素。目标阶段:事件在精确元素上执行。冒泡阶段:事件从精确元素开始执行,一层层往上,直到顶层元素(注:高级浏览器的顶层元素是window,ie8以下的浏览器顶层元素是document)DOM0级事件的绑定语法:box.onclick = function(){}//元素.事件行为=函数相当于给一个元素的属性赋值,只

2020-09-20 21:54:22 1648

原创 JS使用防抖和节流来减少影响性能的因素

JS中的防抖和节流什么是防抖和节流在前端开发中会遇到一些频繁的事件触发,例如input,keyup,keydown,scroll,resize,mousemove等,这非常影响性能,所以我们需要控制它们触发的频率,方法就是防抖与节流。防抖防抖的原理就是:要等你触发完事件 n 秒内不再触发事件,我才执行。 function debounce(func, wait) { var timeout; return function () { var conte

2020-09-20 20:56:12 319

原创 JS中的深拷贝(深克隆)和浅拷贝(浅克隆)

JS中的深拷贝(深克隆)和浅拷贝(浅克隆)一、浅拷贝:例:// 对象var obj1 = { a: 1, b: 2};var obj2 = obj1;obj2.a = 3;console.log(obj1); // {a: 3, b; 2}console.log(obj2); // {a: 3, b: 2}// 数组var arr1 = [1, 2, 3];var arr2 = arr1;arr2.push(4);console.log(arr1); /

2020-09-13 15:40:19 275

原创 JS定时器的使用方法详解

JS定时器的使用什么是定时器?定时器就是由JS提供了一些原生方法来实现延时去执行某一段代码。定时器的分类一、第一种是一次性的:setTimeout: 设置一个定时器,在定时器到期后执行一次函数或代码段使用方法:var timer=setTimeout(fun,毫秒数)清除的方法:clearTimeout(timer)二、第二种是周期性的:setInterval: 以固定的时间间隔重复调用一个函数或者代码段使用方法:var timer=setInterval(fun,毫秒数)清除的方

2020-09-13 14:52:17 3546

原创 JS中的作用域概念以及注意事项

JS中的作用域一.什么是作用域1.javaScript作用域:就是某个变量在某个范围内起作用和效果,目的是为了提高程序的可靠性更重要的是减少命名冲突。2.js的作用域分为(es6)之前:全局作用和局部作用域。例: <script> //1.全局作用域:整个script标签 或者是一个单独的js文件 var num = 10; //2.在函数内部就是局部作用域(函数作用域) 这个变量只在函数内部起效果和作用 functio

2020-09-06 20:11:45 624 1

原创 JS之代码简洁(补充)

JS之代码简洁(补充)前言我们在编写程序应该想到将为未来的自己和“其他人”编写代码,而不仅仅只编写当前能工作就行的代码。所以,在编写代码时一定要尽量让自己的代码更加的简洁,从而易于人理解的、易于更改或扩展。一.函数1.使用长而具有描述性的名称。考虑到函数表示某种行为,函数名称应该是动词或短语,用以说明其背后的意图以及参数的意图。函数的名字应该说明他们做了什么。//不好的方式function notif(user) { // ...}//好的方式function notifyUser(e

2020-09-06 18:05:29 129

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除