西红柿很酸-CSDN博客

原创 JavaScript 高级（ECMAScript 语法）

JavaScript 是因特网上最流行的脚本语言，它存在于全世界所有 Web 浏览器中，能够增强用户与 Web 站点和 Web 应用程序之间的交互。熟悉 Java、C 和 Perl 这些语言的开发者会发现 ECMAScript 的语法很容易掌握，因为它借用了这些语言的语法。Java 和 ECMAScript 有一些关键的语法特性相同，也有一些完全不同。区分大小写与 Java 一样，变量、函数名、运算符以及其他一切东西都是区分大小写的。比如：变量 test 与变量 TEST 是不同的。

2021-11-01 08:38:05 122

原创 swiper插件使用方法

swiper介绍swiper插件：开源、免费、强大的触摸滑动插件，简单配置即可实现手机、电脑网页大部分滑动功能，焦点图、tab、触摸导航等，比如常见轮播图就可以用这个实现。官网:Swiper中文网-轮播图幻灯片js插件,H5页面前端开发swiper3地址：Swiper3|Swiper中文网这里简单介绍一下swiper3版本的简单使用方法：1、下载swiper链接：下载Swiper - Swiper3|Swiper中文网2、使用首先加载插件，需要用到的文件有swip

2021-10-24 21:29:29 9265

原创表单效验（思路和语法）

实现验证的思路当输入的表单数据不符合要求时，如何编写脚本来进行提示？1. 获得表单元素值2. 使用JavaScript的一些方法对数据进行判断3. 当表单提交时，触发事件，对获取的数据进行验证1.字符串验证非空验证if(mail == "") { } 长度验证if(pwd.length<6){ }字符串查找indexOf()：查找某个指定的字符串值在字符串中首次出现的位置if(pwd.indexOf(“@”)==-1){ }判断字符串是否有数..

2021-10-18 08:43:37 254

原创 jQuery中的DOM操作

jQuery对JavaScript中的DOM操作进行了封装，使用起来也更简便jQuery中的DOM操作可分为：样式操作内容及Value属性值操作节点操作节点属性操作节点遍历 CSS-DOM操作1.样式操作直接样式操作使用css()为指定的元素设置样式值设置单个属性css(name,value)同时设置多个属性css({name:value, name:value,name:value…}) 追加样式addCl...

2021-10-11 13:55:17 391

原创 jQuery动画效果

1.显示及隐藏元素show() 在显示元素时，能定义显示元素时的效果，如显示速度$(".tipsbox").show("slow");显示速度可以取如下值：毫秒（如1000）、slow（较慢的）、normal（正常）、fast （快速的）hide()隐藏元素,特点与show()类似2.切换元素可见状态toggle()除了可以模拟鼠标的连续单击事件外，还能用于切换元素的可见状态$(“选择器”).toggle();如果元素是可见的，切换为隐藏的；如果元素是隐藏的，切换为...

2021-10-07 19:05:22 129

原创 jQuery中的事件

jQuery事件是对JavaScript事件的封装，常用事件分类如下：基础事件window事件（比如：ready()文档就绪事件）鼠标事件键盘事件表单事件复合事件是多个事件的组合鼠标光标悬停鼠标连续点击1.鼠标事件鼠标事件是当用户在文档上移动或单击鼠标时而产生的事件，常用鼠标事件有：addClass("类名") 给元素添加class属性并等于参数的值removeClass("类名") 删除元素等于指定值的class属性2....

2021-10-07 18:57:25 153

原创函数节流和防抖（三个版本方法）

// // 立即执行版 // function debounce(func, wait) { // let timer; // return function() { // let context = this; // 这边的 this 指向谁? // let args = arguments; // arguments中存着e // if (timer) clearTimeout(timer);...

2021-10-07 13:33:46 74

原创分享在写js代码时容易遇到的，需要注意的问题！7点！

*1.在一对script的标签中有错误的js代码,那么该错误的代码后面的js代码不会执行*2.如果第一对的script标签中有错误,不会影响后面的script标签中的js代码执行*3.script的标签中可以写什么内容type="text/javascript"是标准写法或者写language="JavaScript"都可以，但是,目前在我们的html页面中,type和language都可以省略,原因:html是遵循h5的标准*4.有可能会出现这种情况:script标签中可能同时出现ty...

2021-09-25 20:16:22 272

原创 JS实现锅打灰太狼小游戏，点击动画以及加分减分

<!DOCTYPE html><html lang="en"> <meta charset="UTF-8"> <title>Document</title> <head> <style type="text/css"> * { margin: 0; padding: 0; font-family: "宋体"; } #outer { background: ur.

2021-09-21 13:34:15 1075

Aurora_sm的博客