javascript
mr.ocean
持以进步,恒以为功
展开
-
十六倍数看视视频,无需会员,两行代码解决
快速看视频,无需会员原创 2022-10-15 18:16:17 · 11887 阅读 · 0 评论 -
JS中的防抖与节流
JS中的防抖与节流原创 2022-09-20 18:43:12 · 453 阅读 · 0 评论 -
一个简易的JavaScript倒计时小程序
一个简易的JavaScript倒计时小程序获取时间戳思路获取时间戳要获取时间戳,则需要用到JS中的Date() 内置对象了,那么获得时间戳,这里有4种方式获取距离1970年1月1日到现在的毫秒数,代码如下<script> // 我们获得Date总的毫秒数(时间戳),不是当前的时间,而是距离1970年1月1日经过了多少毫秒 // 两种方法 valueOf() getTime() const date = new Date();原创 2021-07-09 09:17:20 · 158 阅读 · 0 评论 -
JS中的继承
前言那么这篇文章是ES5的标准,所以有些内容可能会有一些,所以其它版本的标准可能会有一些不一样。面向对象思想面向对象编程思想:根据需求,分析对象,找到对象有什么特征和行为,通过代码方式来实现需求,要想实现这个需求,就要创建对象,要想创建对象,就应该显示有构造函数,然后通过构造函数来创建对象,通过对象调用属性和方法来实现相应的功能及需求面向对象的三大特性:封装、继承、多态。那么这里主要说一说继承继承的概念继承可以使得子类具有父类的属性和方法或者重新定义、追加属性和方法等。举一个简单的小例子:改原创 2020-06-22 21:11:05 · 278 阅读 · 0 评论 -
JS学习笔记: 原型和对象
什么是原型构造函数中有一个属性prototype,是原型, 程序员使用实例对象中有一个属性__proto__, 是原型,浏览器使用,不是很标准实例对象中的__proto__指向的就是该实例对象中的构造函数中的prototype构造函数中的prototype里面的属性或者方法啊,可以直接通过实例对象调用正常的写法: 实例对象.__proto__才能访问到构造函数中的prototype中的属性或方法小案例 // 构造函数 function Person(sex, age) {原创 2020-06-17 13:17:51 · 151 阅读 · 0 评论 -
利用JS实现完整轮播图
代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>完整轮播图</title> <style> * { margin: 0; padding: 0; list-style: none; bo原创 2020-06-12 20:57:19 · 256 阅读 · 0 评论 -
JS:动画函数封装
/*** 动画函数封装* @param element (object)元素对象 * @param target (int) 目标位置 * @param step (int)步数* @param time (int)毫秒值*/function animate(element, target, step, time) { // 首先清除定时器,确保多次点击按钮之后只有一个定时器运行 clearInterval(element.timeId); element.timeId =原创 2020-06-12 20:49:03 · 142 阅读 · 0 评论 -
JS元素绑定事件兼容代码
代码及测试代码 如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>元素绑定事件兼容代码</title></head><body><input type="button" value="按钮" id="btn"/><script src="command.js"><原创 2020-06-07 16:50:05 · 143 阅读 · 0 评论 -
解决innerText和textContent的兼容问题
在一些低版本浏览器中可能会出现innerText和textContent的兼容问题, 这里我是用了chrome、火狐和IE浏览器进行测试, 结论如下设置标签中的文本内容,应该使用textContent属性,谷歌,火狐支持,ie8不支持设置标签中的文本内容,应该使用innerText属性,谷歌,火狐,ie8都支持如果这个属性在浏览器中不支持,那么这个属性的类型是undefined代码如下:// 设置任意的标签中间的任意文本内容/*** 设置属性* @param element 元素标签原创 2020-06-06 12:09:32 · 662 阅读 · 0 评论 -
JS中内置对象的常用属性及方法
什么是内置对象?内置对象简单来说就是JS中自带的对象,比如咱们人如果不出什么意外的化都是有手有脚,有鼻子有眼的。那么这里介绍JS内置对象中的4中对象。分别是Math、Date、String、ArrayMath对象Math.PI, 圆周率console.log(Math.PI); // 3.1415926535897932.Math.E属性表示自然对数的底数,e约为2.718。console.log(Math.E);//2.7182818284590453.Math.abs(arg),原创 2020-05-13 10:53:20 · 504 阅读 · 0 评论 -
JS学习笔记(二) -- 分支语句、循环语句
一元运算符一元运算符: ++ --, 可分为前+ 和后+ and 前- 和后-如果++再后面:如num++ + 10参与运算,先参与运算,运算结束之后自身+1如果++在前面: 如++num + 10, 先自身加1,然后再参与运算// 举例 后+var num = 10;var sum = num++ + 10; // 后+,参与运算console.log(sum)...原创 2020-05-08 09:43:23 · 305 阅读 · 2 评论 -
冒泡排序算法:使用js语言实现
冒泡排序,顾名思义,就是类似于水中的气泡由水底到水面有小变大的过程,那么冒泡排序也就是指,使用方法,将数据从小到大或者从大到小的展示出来。代码如下://假设有这么一组数据var array = [20, 0, 90, 50, 70, 45, 63];// 循环控制比较的轮数for (var i = 0; i < array.length; i++) { // 控制比较的次数...原创 2020-05-07 17:40:18 · 216 阅读 · 0 评论 -
JavaScript学习笔记(一)
初次体验js代码既然之前学习了HTML和CSS,那么学习js肯定是必不可少的。HTML:将数据展示到网页上CSS:美化页面JavaScript:控制页面那么js的代码可以分为三个地方写:1.在html的文件中, script标签中写js代码 <script> // js代码 alert("锄禾日当午,地雷埋下土。"); // ale...原创 2020-05-05 16:27:20 · 561 阅读 · 0 评论