417545911-CSDN博客

原创 jquery插件

jquery插件网址：jquery之家：http://www.htmleaf.com/jQueryjq22:www.jq22.com表单验证插件jquery-validation下载地址：http://static.runoob.com/download/jquery-validation-1.14.0.zip使用：1.引入jquery2.引入jquery.validate.js3.引入语言包4.form标签调用validate方法$("form").validate({ r

2021-09-16 20:43:00 64

原创 AJAX的简单了解

typora-copy-images-to: mediaAJAX概念一般情况下，前端和后台进行交互都需要页面跳转才能获取到新的数据，然后重新跳转到一个页面，将数据加载到页面上。这对资源的消耗很大，用户体验感也不是很好。所以js提供了一个不需要刷新页面就能加载后台数据的技术：AJAXAJAX，全称：async javascript and XML，是一个异步执行的和后台交互的技术。例：网易邮箱注册网易注册[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(.

2021-09-07 21:07:06 76 1

原创 02_http和cookie

HTTPhttp 是我们前后台交互的时候的传输协议（即超文本传输协议）HTTP 的工作流程和服务器建立链接建立链接后，发送一个请求给服务器（请求）服务器接受到请求以后进行相应的处理并给出一个回应（响应）断开于服务器的链接和服务器建立链接怎么和服务器建立链接呢？需要保证客户端的接受和发送正常，服务器端的接受和发送正常这里就涉及到一个东西叫做 TCP/IP 协议建立链接的主要步骤叫做三次握手客户端发送一个消息给到服务端此时：服务端知道了客户端可以正常

2021-09-07 20:59:44 73

原创 javaScript期中期末小案例

面向对象案例烟花效果分析结构分析大盒子做夜空点击的时候生成一个小烟花小烟花升空后生成很多小烟花让很多小烟花移动到一个随机位置效果分析大盒子点击事件生成小烟花，设置在大盒子最底部，横向位置是鼠标所点的位置。放到大盒子中，调用运动函数移动到鼠标所在高度将小烟花删掉，并生成很多小烟花，设置成圆形，位置就是鼠标所点击的位置，随机颜色让生成的很多小烟花移动到随机位置，移动后将很多小烟花从大盒子删除代码实现：html结构<body> <div id="bo

2021-08-30 17:36:32 135

原创 js面向对象

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

2021-08-28 09:21:26 47

原创 DAY05_DOM高级操作

DOM动画效果让一个元素从左至右进行运动 <div id="box"></div> var box = document.getElementById("box"); var t = null; t = setInterval(function(){ })运动的终止条件t = setInterval(function(){终止条件}) // 元素的属性值 === 目标点 if(dom.attr =

2021-08-24 15:16:28 59

原创 DAY04_ES5和ES6

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

2021-08-24 15:15:37 65

原创 DAY03_正则

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

2021-08-24 15:14:40 45

原创 DAY02_EVENT（下）

EVENT（下）今天来聊一聊事件的执行机制什么是事件的执行机制呢？思考一个问题？当一个大盒子嵌套一个小盒子的时候，并且两个盒子都有点击事件你点击里面的小盒子，外面的大盒子上的点击事件要不要执行[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1AI0jLdA-1629680038527)(./assets/event传播.jpg)]事件的传播就像上面那个图片一样，我们点击在红色盒子身上的同时，也是点击在了粉色盒子上这个是既定事实，那

2021-08-23 08:54:15 56

原创 DAY01_EVENT

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

2021-08-23 08:53:38 52

原创 DAY05_DOM（下）

DOM（下）DOM 就是我们 html 结构中一个一个的节点构成的不光我们的标签是一个节点，我们写的文本内容也是一个节点，注释，包括空格都是节点DOM节点DOM 的节点我们一般分为常用的三大类元素节点 / 文本节点 / 属性节点什么是分类，比如我们在获取元素的时候，通过各种方法获取到的我们叫做元素节点（标签节点）比如我们标签里面写的文字，那么就是文本节点写在每一个标签上的属性，就是属性节点元素节点我们通过 getElementBy... 获取到的都是元素节点属性节点我们

2021-08-21 16:22:36 45

原创 DAY04_BOM_DOM（上）

BOM / DOM（上）今天开始我们开始使用 js 去操作浏览器和页面中的 html 元素了BOMBOM（Browser Object Model）：浏览器对象模型其实就是操作浏览器的一些能力我们可以操作哪些内容获取一些浏览器的相关信息（窗口的大小）操作浏览器进行页面跳转获取当前浏览器地址栏的信息操作浏览器的滚动条浏览器的信息（浏览器的版本）让浏览器出现一个弹出框（alert/confirm/prompt）BOM 的核心就是 window 对象window 是浏览器内

2021-08-18 10:50:36 45

原创 DAY03_Math 和 Date

Math 和 DateMath 是 js 的一个内置对象，提供了一堆的方法帮助我们操作数字Date 是 js 的一个内置对象，提供了一堆的方法帮助我们操作时间Math没有什么多余的东西，就是一堆的方法来操作数字randomMath.random() 这个方法是用来生成一个 0 ~ 1 之间的随机数每次执行生成的数字都不一样，但是一定是 0 ~ 1 之间的生成的数字包含 0 ，但是不包含 1var num = Math.random()console.log(num

2021-08-17 19:36:24 64

原创 DAY01_数组

数组什么是数组？字面理解就是数字的组合其实不太准确，准确的来说数组是一个数据的集合也就是我们把一些数据放在一个盒子里面，按照顺序排好[1, 2, 3, 'hello', true, false]这个东西就是一个数组，存储着一些数据的集合数据类型分类number / string / boolean / undefined / null / object / function / array / …数组也是数据类型中的一种我们简单的把所有数据类

2021-08-16 20:02:25 51

原创 02_字符串

ES5/String严格模式（了解）我们都知道 js 是一个相对不很严谨的语言而且开发的时候，一些代码也不是很严格要求而严格模式就是对开发的时候写的一些内容做了要求开启严格模式想开启严格模式，直接在代码最开始的位置写上字符串 use strict<script> 'use strtic' // 下面代码书写就要按照严格模式来书写</script>严格模式的规则声明变量必须有 var 关键字'use strtic'var num = 10

2021-08-16 15:02:46 86

原创 day14动画3d

一、景深概念: 远小近大两种用法 100px~1200px 1.在父级元素上使用 perspective:1200px 通常/* 最佳的观察位置 */ 2.在子级元素上使用 transform:perspective(1200px)二、3d的概念:animation: 名称时间方式(linear) 次数(infinite) - 浏览器是2d空间只有x轴和y轴 - 浏览器形成3d空间就会多一

2021-08-16 09:03:55 65

原创 js函数-下

函数-下作用域函数外边的变量叫做全局变量，可以在函数外面和函数里面使用。var num = 1;function test(){ num++; console.log(num);}test(); // 2console.log(num); // 2函数内部的变量叫做局部变量，只能在函数内部使用。function test(){ var num1 = 10; num1++; console.log(num1);}test(); // 11console.log(num1);

2021-08-12 17:41:27 49

原创 js函数-上

typora-copy-images-to: media函数-上引入：先问大家一个问题，大家洗过衣服吧？手动怎么洗？那个盆，接水，放衣服，倒洗衣粉，洗，涮，拧干挺费劲的，有没有简便的方法？使用洗衣机，衣服放进去，倒上洗衣粉，按开关，一切就都搞定了在生活中这样的例子有很多，大到洗衣机空调，小到水龙头剪刀。每个工具都有自己不同的功能。为了生活方便简洁，就会使用这些工具。程序员是一群很会享受生活的群体，所以在代码中也有很多这样的工具，就是咱们今天要学习的函数。总结：代码中工具----函数概念.

2021-08-11 18:31:21 69

原创 js循环结构

typora-copy-images-to: mediajs循环结构引入：操场一圈是400米，在运动会的时候，2000米的跑步比赛，我们需要绕操场跑5圈，如下图：示意图[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Fn8QTCis-1628677784227)(media/1564369792589.png)]这就是一个循环，那么，在这个过程中，其实我们动作只是跑一圈，剩下的过程只是在重复。从计算机的角度来想，我们可不可以设定一个程序，让他自动.

2021-08-11 18:30:38 60

原创 js逻辑分支

逻辑分支引入：我们在日常生活中，有很多事情是需要做判断的，比如说，去服装城买衣服，你看中一件衣服，老板要300元，你立马就会想，这个价格是否贵了，判断的结果只有两种可能，一是贵，二是不贵，贵了你就不买了，不贵你就买了。再比如去网吧，网管也要判断你是否满18岁，结果也只有两种，是和否，是就上网，不是就看别人上网，再比如，学校根据考试成绩对每个人进行评级，如果成绩大于60就合格，否则就不合格，如果成绩大于90，就优秀等等。。。在咱们的代码中，也会有很多判断，比如咱们做的练习，小红满足条件了，就能嫁人了，不满足

2021-08-10 11:41:46 42

qq_44718740的博客

原创 jquery插件

原创 AJAX的简单了解

原创 02_http和cookie

原创 javaScript期中期末小案例

原创 js面向对象

原创 DAY05_DOM高级操作

原创 DAY04_ES5和ES6

原创 DAY03_正则

原创 DAY02_EVENT（下）

原创 DAY01_EVENT

原创 DAY05_DOM（下）

原创 DAY04_BOM_DOM（上）

原创 DAY03_Math 和 Date

原创 DAY01_数组

原创 02_字符串

原创 day14动画3d

原创 js函数-下

原创 js函数-上

原创 js循环结构

原创 js逻辑分支

原创 js基本语法

原创 day19兼容&图片整合

原创 day13渐变2d

原创 day12阿里矢量图标

原创 day10高级表单表格bfc

原创宽高自适应隐藏伪对象

原创 day06文本属性

原创 day05盒子模型

原创 day04前端

原创 day03千峰培训

原创网络图标出现黄色感叹号的处理方法

原创学习遇见狂神说Day01

空空如也

空空如也