- 博客(16)
- 资源 (2)
- 收藏
- 关注
原创 JavaScript学习之购物网站放大镜
本篇文章主要介绍了在各种电商网站中经常见到的放大镜功能,即当鼠标移到图片上时,会在旁边显示出大图,并会随着鼠标移动进行位置移动。
2021-08-24 21:04:58 215
原创 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学习之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学习之数组常用方法和字符串
本文主要介绍了在JavaScript里数组常用到的一些API方法以及字符串API的常用方法,使用这些方法能够更快捷的解决问题。
2021-08-03 19:47:42 125
原创 JavaScript学习之数组
JavaScript学习之数组:数组在JavaScript里使很常用的一个类型,在实际开发中,你会发现几乎很多地方都使用了数组,这也是JavaScript的一个重点。
2021-07-30 11:26:16 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
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人