自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 资源 (2)
  • 收藏
  • 关注

原创 JavaScript学习之购物网站放大镜

本篇文章主要介绍了在各种电商网站中经常见到的放大镜功能,即当鼠标移到图片上时,会在旁边显示出大图,并会随着鼠标移动进行位置移动。

2021-08-24 21:04:58 215

原创 JavaScript学习之飞机大战小游戏实现

使用JavaScript编写的飞机大战小游戏

2021-08-23 20:08:23 272

原创 JavaScript学习之瀑布流和懒加载及函数节流去抖与图片断裂处理

瀑布流在head里面需要加上这样一行代码<meta name="referrer" content="no-referrer" />CSS代码<style> *{ margin: 0; padding: 0; } .container{ width: 1000px; margin: 0 auto; position: relative;

2021-08-22 17:39:32 308

原创 JavaScript学习之烟花特效实现(面向对象)

烟花特效的实现本特效使用面向对象编程分析OOA点击触发事件烟花运动分成两个阶段向上飞爆炸OODclass FireWork{ constructor(){ } bindEvent(){ let _this = this; ele.onclick = function(){ //fly结束再去调用boom函数 _this.fly(_this.boom);

2021-08-21 11:09:29 694 2

原创 JavaScript学习之面向对象

面向对象首先,我们要明确,面向对象不是语法,是一个思想,是一种 编程模式面向: 面(脸),向(朝着)面向过程: 脸朝着过程 =》 关注着过程的编程模式面向对象: 脸朝着对象 =》 关注着对象的编程模式实现一个效果在面向过程的时候,我们要关注每一个元素,每一个元素之间的关系,顺序,。。。在面向过程的时候,我们要关注的就是找到一个对象来帮我做这个事情,我等待结果例子 ????: 我要吃面条面向过程用多少面粉用多少水怎么和面怎么切面条做开水煮面吃面

2021-08-17 20:47:35 88

原创 JavaScript学习之DOM高级操作(动画)

使用JavaScript制作动画效果,实现轮播图等。

2021-08-14 09:43:52 1362 3

原创 javascript学习之ES5和ES6

ES5和ES6我们所说的 ES5 和 ES6 其实就是在 js 语法的发展过程中的一个版本而已比如我们使用的微信最早的版本是没有支付功能的随着时间的流逝,后来出现了一个版本,这个版本里面有支付功能了ECMAScript 就是 js 的语法以前的版本没有某些功能在 ES5 这个版本的时候增加了一些功能在 ES6 这个版本的时候增加了一些功能因为浏览器是浏览器厂商生产的ECMAScript 发布了新的功能以后,浏览器厂商需要让自己的浏览器支持这些功能这个过程是需要时间的所

2021-08-12 20:44:03 249

原创 javascr学习之正则表达式

正则正则表达式,又名 “规则表达式”由我们自己来书写 “规则”,专门用来检测 字符串 是否符合 “规则” 使用的我们使用一些特殊的字符或者符号定义一个 “规则公式”,然后用我们定义好的 “规则公式” 去检测字符串是不是合格var reg = /\d+/var str1 = '123'var str2 = 'abc'console.log(reg.test(str1)) // trueconsole.log(reg.test(str2)) // false上面的变量 reg

2021-08-10 21:32:39 120

原创 JavaScript学习之事件

EVENT之前我们简单的了解过一些事件,比如 onclick / onload / onscroll / …今天开始,我们详细的学习一些 事件什么是事件一个事件由什么东西组成触发谁的事件:事件源触发什么事件:事件类型触发以后做什么:事件处理函数var oDiv = document.querySelector('div')oDiv.onclick = function () {}// 谁来触发事件 => oDiv => 这个事件的事件源就是 oDiv// 触发

2021-08-09 19:19:50 145

原创 JavaScript学习之BOM和DOM

DOM和BOM是JavaScript中的重点,需要重点掌握。

2021-08-05 17:50:04 202

原创 JavaScript学习之Math和Date方法

使用Math和Date方法能更便捷的帮助我们解决一些问题

2021-08-04 19:44:09 137 1

原创 JavaScript学习之数组常用方法和字符串

本文主要介绍了在JavaScript里数组常用到的一些API方法以及字符串API的常用方法,使用这些方法能够更快捷的解决问题。

2021-08-03 19:47:42 125

原创 JavaScript学习之数组

JavaScript学习之数组:数组在JavaScript里使很常用的一个类型,在实际开发中,你会发现几乎很多地方都使用了数组,这也是JavaScript的一个重点。

2021-07-30 11:26:16 106

原创 JavaScript学习之函数

JavaScript学习之函数,函数在JavaScript里是非常重要的一个类型,许多操作都需要使用函数完成。

2021-07-29 21:00:46 106

原创 JavaScript学习第二天(三大结构)

JavaScript学习第二天(三大结构)JavaScript里有三大结构,分别是:顺序结构、分支结构和循环结构。顺序结构自上而下自左向右分支结构我们的 js 代码都是顺序执行的(从上到下)逻辑分支就是根据我们设定好的条件来决定要不要执行某些代码提前定义好多种功能,在符合逻辑的条件下执行响应的代码IF 条件分支结构if 语句通过一个 if 语句来决定代码执行与否语法: if (条件) { 要执行的代码 } / if( 表达式 ){ 条件执行的代码块 }表达式

2021-07-28 17:40:28 111

原创 JavaScript学习(第一天—基础语法)

JavaScript基础语法HTML :标记语言JavaScript :编程语言序言JavaScript发展历史(JS)1. 1994年,网景公司(Netscape)发布了Navigator浏览器0.9版,这是世界上第一款比较成熟的网络浏览器,轰动一时。但是这是一款名副其实的浏览器--只能浏览页面,浏览器无法与用户互动,当时解决这个问题有两个办法,一个是采用现有的语言,许它们直接嵌入网页。另一个是发明一种全新的语言。 liveScript ==> javaScript ==> E

2021-07-27 22:37:07 140

JavaScript之放大镜.rar

使用JavaScript编写的广泛应用于电商网站商品详情页放大图片功能

2021-08-24

JavaScript之飞机大战.rar

用JavaScript写的一个飞机大战小游戏,仅供参考。

2021-08-23

空空如也

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

TA关注的人

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