- 博客(11)
- 收藏
- 关注
原创 关于项目的心得思考
今天要写的是一份纯心得分享,前段时间做了一个项目,利用所学的JavaScript实现商城的效果。其中包含了商城里包含了四个页面,首页,播放页,登录页和注册页。登录页和注册页这两个页面在布局上比较简单,内容比较少,在技术上主要是正则验证,这是一个比较开源的技术,在各个网站上都可以搜索到需要的正则验证式。甚至是直接拿来套用就可以了。首页首页部分是一个布局多,需要实现的效果也多的页面,其中包含了无缝轮播图,选项卡等部分。无缝轮播一定要记得在最后一张图片的位置写上第一张图,因为要跳转到下一张图,为了使图片
2021-01-05 19:57:44
153
原创 JS之难点——正则
什么是正则正则表达式:是对字符串操作的一种逻辑公式,用一些定义好的特殊字符和特定字符的组合,组成一个"规则字符串",这种规则字符串用来表达对字符串的一种过滤逻辑。简单来说,就是规定文本检索的内容,通常被用来检索,替换文本。创建正则表达式正则对象:RegExp.创建的方式有两种:函数构造创建和字面量创建,但是字面量创建更为常用。字面量创建:/检索字符/修饰符;var p=/hello/; console.log(p); // /hello/修饰符正则表达式的修饰符,基于表达式的一些附加条件
2020-12-17 19:36:50
127
原创 JS进阶之——面向对象编程
面向对象的概念对象的基本概念ECMAScript有两种开发模式:①函数式②面向对象面向对象的基本概念:类:类是对象的模板实例:实例是根据类创建的对象对象的组成和特点:对象组成:属性:名词,静态的,描述对象特征的。方法:动词,动态的,描述对象行为的。对象的特点:封装继承多态面向对象的创建有很多种方式:实例创建var obj=new Object();obj.name='张三';obj.age='18';obj.sex='男';obj.show=fun
2020-12-16 19:48:05
170
原创 javaScript之JS运动
1. 匀速运动原理:从头到尾一直保持一个速度,即每次运动相同的距离,也称为平滑运动。分析:①实现匀速运动效果,我们先设置元素样式,然后通过 document.getElementById(id)获取到对应的id节点元素。②关闭上一次定时器③定义speed速度(可以随意定义运动的速度值)④设置运动和停止分开<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"&g
2020-12-15 17:37:00
267
原创 字符串的常见用法
- charAt(index)根据索引获取字符- concat()合并字符串 (支持多字符合并)- indexOf()获取子串在母串中 的位置 , 若找不到 -1- lastIndexOf()从后向前检索- replace()替换 默认只会替换第一个匹配的字符- slice(start,end)[start,end) 截取字符串 ,注意:取不到end对应的值- substr(start,length)截取字符串- substring
2020-12-12 14:10:56
172
原创 BOM的认识
BOM所有浏览器都支持window对象,即可以通过JavaScript访问浏览器窗口的接口,又是ECMScript规定的Global对象。window是顶级变量,可以省略。window.alert('我是一个警告框');alert('我是一个警告框');//带确认的对话框,返回点击的值,确认---true,取消---falsevar v=confirm("是否删除");console.log(v);//带输入的对话框window.prompt('提示信息:',默认值)var n=promp
2020-12-11 21:06:36
85
原创 DOM操作
DOM操作——获取节点web浏览器生成一个树型结构,用来表示页面内部结构,这格结构被称为DOM树。DOM把这种树型结构理解成节点组成。获取子节点的方法有以下几种:父节点.children; 属性返回子元素的集合,返回中只包含元素节点。父节点.childrenNodes;保存的是NodeList对象。NodeList是一类数组对象。用于有序的节点,返回的是元素节点和文本节点。<div>abcdefg<p>这是一个段落</p><span>span&
2020-12-10 17:27:26
152
原创 数组的迭代方法
迭代——在JS中的通俗理解就是遍历数组,和for循环很相似。JS中常见的5中迭代方法有下面这几种:①every针对数组元素做判断,结果都是true ,返回的结果才是true。例:var arr=[65,70,50,90,88];var a=arr.every(function(items,index){return items<60;})console.log(a) // false②some针对数组元素做判断,有一个为true,返回的结果就是true例子:var arr1=[6
2020-12-09 19:45:07
463
翻译 JS中最重要的一部分——函数
函数函数是一种封装,封装的目的是为了复用,封装完毕之后,可以在任意地方,调用任意多次。function 函数名(){ 函数体;}函数不会自动执行,需要调用才可以执行(函数的定义顺序与调用顺序无关函数名();1.函数的常见用途:封装事件函数对象的方法2.函数的参数形参:函数定义时的参数实参:函数调用时的参数理论上函数可以有无限多个参数,多个参数之间使用逗号分隔。函数的参数是按照顺序传递的3.arguments每一个函数都有arguments属性arguments是一个
2020-12-07 19:28:07
505
翻译 数据类型和运算符
一.数据类型分为基本数据类型和复杂数据类型1.基本数据类型(5类)数值类型字符串类型布尔类型nullundefined2.复杂数据类型引用(对象)类型Object类型Array类型Function(函数类型)注意:函数类型需要调动才能执行,自己不会执行。二.运算符1.算术运算符加号+ 减号— 乘号 * 除法 / 取余 %自增++ 自减— —2.赋值运算符= += -= *= /= %=3.比较运算符大于>
2020-12-07 19:16:42
116
翻译 JavaScript脚本语言基础
一、JavaScript的历史(了解)网景(NetSpace)公司95年发布的第一个版本JavaScript用来做表单校验ECMA(欧洲计算机工协会) ECMAScript —>es JavaScript----->js跨平台的语言二、什么是JavaScriptJavaScript是基于事件和对象驱动的解释性脚本语言。JavaScript是运行在浏览器上的语言。JavaScript是世界上最流行的脚本语言。JavaScript一般用来给页面增加交互性(菜单
2020-12-07 19:16:16
177
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人