覔741-CSDN博客

原创 JS高级 05.正则表达式、缓存、节流防抖

正则表达式正则概念正则表达式的定义正则表达式：正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。正则表达式是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符、及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。正则表达式的作用给定的字符串是否符合正则表达式的过滤逻辑(匹配) 可以通过正则表达式，从字符串中获取我们想要的特定部分(提取)

2022-03-03 14:45:42 278

原创 JS高级 04.函数高级应用

函数高级应用 1.函数的定义方式 (1)、函数声明 function fn(){ console.log('this is a function') } (2)、函数表达式 var fn = function(){ console.log('赋值表达式函数') } (3)、内置构造函数的形式 varfn3=newFunction("num1","num2","returnnum1+num2"); console.log(fn3(2,3)); 推荐使用第二种形式，...

2021-12-14 21:07:09 270

原创 JS高级 03.面向对象之贪吃蛇

贪吃蛇通过贪吃蛇案例，做到对昨日学习的面向对象思想的深入，以及对于js高级语法的使用熟练编写贪吃蛇小游通过上图中展示的效果，我们来分析一下该项目中需要用到的对象成员。首先思考我们应该如何来实现这样一个游戏呢？ 1.阶段一：玩游戏的操作步骤 1、点击游戏开始 2、蛇出现食物出现 3、开始控制蛇头方向去撞击食物 4、碰撞到食物，食物消失，蛇身拉长。如果撞墙，游戏结束。 5、继续下一轮 (1)、搭建页面放一个容器盛放游戏场景 div#map，设置样式 #.

2021-12-14 21:04:29 285

原创 JS高级 02.面向对象继承

面向对象继承 1.复习原型就像道格拉斯克罗克福德所说 - “每一个对象都与一个可以继承属性的原型对象相关联。从对象文字创建的所有对象都链接到Object.prototype，这是一个JavaScript标准对象。“在这里，我们将探讨一些有趣的事情。 {Prototype}（花括号的原型是隐藏的链接）是一个隐藏的链接，用户无法直接访问该对象。这个隐藏的链接也是一个对象。因此，有三种方法可以在JavaScript中创建对象，并且每种方法都可以创建原型链接。目的：1、节省内存空间，2、实现数据共享.

2021-12-14 21:01:04 193

原创 JS高级 01.面向对象

面向对象 1.JavaScript 面向对象的介绍、什么是对象 Everything is object （万物皆对象）对象到底是什么，我们可以从两个层次来理解。 (1) 对象是单个事物的抽象。一本书、一辆汽车、一个人都可以是对象，一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象，实物之间的关系就变成了对象之间的关系，从而就可以模拟现实情况，针对对象进行编程。 (2) 对象是一个容器，封装了属性（property）和方法（met...

2021-12-14 20:57:29 220

原创 JSAPI 06.高级动画(二)

高级动画(二) 1.获取浏览器的body的兼容性问题在设计页面时可能经常会用到固定层的位置，这就需要获取一些html对象的坐标以更灵活的设置目标层的坐标，这里可能就会用到document.body.scrollTop等属性，但是此属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0，如果不要此标签则一切正常，那么在html页面怎么获得body的坐标呢，当然有办法-使用document.documentElement来取代document.bo...

2021-12-14 20:53:13 182

原创 JSAPI 05.高级动画(一)

高级动画(一) 1.图片跟着鼠标飞动画利用了鼠标的移动事件以及元素的坐标属性。 varimgObj=document.querySelector("#imgObj"); //鼠标移动事件 document.onmousemove=function(event){ varevent=event||window.event; varleftObj=event.clientX-imgObj.clientWidth/2; ...

2021-12-14 20:50:13 1031

原创 JSAPI 04.动画以及封装

动画以及封装 1.定时器动画案例 (1)、案例1：协议按钮禁止 (2)、案例2：手机短信等待 2.js的动画案例 (1)、动画的原理动画是通过把人物的表情、动作、变化等分解后画成许多动作瞬间的画幅，再用摄影机连续拍摄成一系列画面，给视觉造成连续变化的图画。它的基本原理与电影、电视一样，都是视觉暂留原理。医学证明人类具有“视觉暂留”的特性，人的眼睛看到一幅画或一个物体后，在0.34秒内不会消失。利用这一原理，在一幅画还没有消失前播放下一幅画，就会给人造成一种流畅的..

2021-12-14 20:46:13 157

原创 JSAPI 03.DOM节点操作、事件对象与BOM

DOM节点操作、事件对象与BOM 节点操作什么是节点根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：整个文档是一个文档节点 document 每个 HTML 元素是元素节点 HTML 元素内的文本是文本节点每个 HTML 属性是属性节点注释是注释节点节点类型通过nodeType属性可以获取节点的类型 document的节点类型---9 console.log(document.nodeType);//9 标签的节点类型---1 va..

2021-12-14 20:43:25 135

原创 JSAPI 02.属性操作与事件

属性操作与事件隔行换色案例一：完成对无序列表的隔行换色（原理~~~通过循环获取元素得到的伪数组进行取余逻辑判断操作） varbtn=document.getElementById("btn"); varliObj=document.getElementById("list").getElementsByTagName("li"); console.log(liObj); btn.onclick=function(){ //第一种 for(vari=...

2021-12-14 20:40:31 943

原创 JSAPI.01DOM操作

DOM操作 webapi介绍 api的概念 API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。例如：alert()、prompt()、log()、reverse()、getMonths() 任何开发语言都有自己的API API的特征输入和输出(I/O) API的使用方法(console.log()) 、weba...

2021-12-14 20:35:53 166

原创 05.JS内置对象使用

1.内置对象 JavaScript中的对象分为4种：内置对象、浏览器对象、自定义对象、DOM对象。JavaScript 提供多个内置对象：Math/Array/Number/String/Boolean ... ...。对象只是带有属性和方法的特殊数据类型。学习一个内置对象的使用，只要学会其常用的成员的使用(通过查文档学习)。内置对象的方法很多，我们只需要知道内置对象提供的常用方法，使用的时候查询文档。 (1)、如何学习一个方法？方法的功能、参数的意义和类型、返回值意义和类型、demo进行测试 ..

2021-11-28 16:09:42 138

原创 04.JS预解析、对象、错误

单线程 JavaScript语言是单线程的区分线程和进程很多新手是区分不清线程和进程的，没有关系。这很正常。先看看下面这个形象的比喻：进程是一个工厂，工厂有它的独立资源-工厂之间相互独立-线程是工厂中的工人，多个工人协作完成任务-工厂内有一个或多个工人-工人之间共享空间如果是 windows 电脑中，可以打开任务管理器，可以看到有一个后台进程列表。对，那里就是查看进程的地方，而且可以看到每个进程的内存资源信息以及 cpu 占有率。所以，应该更容易理解了：进程是 cpu 资源分配..

2021-11-28 16:05:47 127

原创 03.js.数组与函数

数组与函数 V1.3 1. 数组为什么要学习数组只能存储一个值(比如：Number/String。数组的定义所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。数组是一个有序的列表，可以在数组中存放任意的数据，并且数组的长度可以动态的调整。通过数组字面量创建数组 // 创建一个空数组vararr1=[]; // 创建一个包含3个数值的数组，多个数组项以逗号隔开vararr2=[1, 3, 4]; // 创建一个包含2...

2021-11-27 11:21:36 168

原创 02. 流程控制

流程控制介绍程序的三种基本结构顺序结构：从上到下执行的代码就是顺序结构(程序默认就是由上到下顺序执行的) 分支结构：根据不同的情况，执行对应代码循环结构：重复做一件事情 2.分支结构、if语句 if 语句- 只有当指定条件为 true 时，使用该语句来执行代码 if...else 语句- 当条件为 true 时执行代码，当条件为 false 时执行其他代码 if...else if....else 语句- 使用该语句来选择多个代码块之一来执行语法格式: 第一种 if...

2021-11-21 16:52:04 140

原创 01. js 变量、数据类型、运算

JavaScript介绍 JavaScript是什么 JavaScript的历史 Netscape（网景）在最初将其脚本语言命名为LiveScript，是布兰登.艾克发明的。后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java..

2021-11-21 16:44:41 161

weixin_60806359的博客

原创 JS高级 05.正则表达式、缓存、节流防抖

原创 JS高级 04.函数高级应用

原创 JS高级 03.面向对象之贪吃蛇

原创 JS高级 02.面向对象继承

原创 JS高级 01.面向对象

原创 JSAPI 06.高级动画(二)

原创 JSAPI 05.高级动画(一)

原创 JSAPI 04.动画以及封装

原创 JSAPI 03.DOM节点操作、事件对象与BOM

原创 JSAPI 02.属性操作与事件

原创 JSAPI.01DOM操作

原创 05.JS内置对象使用

原创 04.JS预解析、对象、错误

原创 03.js.数组与函数

原创 02. 流程控制

原创 01. js 变量、数据类型、运算

原创 10.CSS3弹性布局、响应式布局、PS

原创 09.CSS3渐变、过渡、转换、动画

原创 08.CSS3选择器、边框、背景、按钮

原创 07.高级技巧

原创 06.浮动与定位

原创 05.CSS三大特性与盒子模型

原创 03表单类型、多媒体与css初始

原创 04.CSS选择器与标签的分类

原创 02表格、表单和H5

原创 web前端基础01

空空如也

空空如也