快乐的光头佬-CSDN博客

原创今天来个简单的就是jquery写的轮播图

简单一个css（就是加在图片上面的小黑点的左浮动有点问题没有报错就是显示有点错误） <style> * { margin: 0; padding: 0; list-style: none; } .slider { width: 790px; height: 340px; ma..

2022-04-22 21:18:49 401

jquery概述jquery是一个前端的js库，他封装了一些原生操作的方法以及解决一些原生的兼容。jquery是一个轻量级的js库，他具备强大的方法封装（dom操作动画）以及链式调用等等优势。jquery库入门jquery官网地址jquery的中文网1.导入（head）<script src="./js/jquer.min.js"></script>2.使用（直接使用）// jQuery //

2022-04-21 20:50:28 159

原创 JSONP的内容

同源策略（同源政策）概述浏览器为了安全性考虑拒绝访问不同源的内容这个称为同源策略跨域（CORS）跨域问题的产生是由于同源策略的影响1.请求协议不一致（http 和 https）2.ip地址不一致（127.0.0.1 和 192.168.0.1）3.端口不一致（80 和 3306）4.走的file协议文件不一样也会跨域跨域解决1.后端解决（设置请求头）Access-Control-Allow-Origin: *2.前端解决（通过设置请求 js

2022-04-20 21:25:25 351

原创设计模式及相关内容

大厂实习必备1.数据结构（算法）*数据结构就是存储数据的结构（容器）1.1 数组1.2 链表（单链表和双向链表）1.3 队列（先进先出）1.4 栈（先进后出）1.5 图1.6 树....算法递归算法查找算法（bfs 广度优先 dfs 深度优先）贪心算法马拉车算法狄克斯特拉算法排序算法.....2.操作系统（Linux）3.计算机组成原理4.网络通信原理设计模式概述：设计模式是一种用于快速构造模型以及对象的一种模

2022-04-18 20:56:44 234

原创简单的ajax 接口分页效果

代码在下面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti.

2022-04-15 20:49:32 116

原创 AJAX的所有内容 (有代码)

ajax概述ajax全称异步的JavaScript和xml 他是用于发送http请求（支持异步请求）ajax的特点1.支持异步请求2.实现局部刷新3.在局部刷新的时候可以保持浏览器不刷新（不会产生历史记录）ajax的运用XMLHttpRequest（有兼容问题）他是ajax的核心对象（负责请求的对象）1.封装方法//兼容各大浏览器function createXhr(){if(window.XMLHttpRequest){return new XMLHt

2022-04-14 20:53:02 293

原创继承和闭包

继承子类继承父类可以拥有父类的方法及属性这个称为继承继承的使用1.使用extends来实现继承（es6的class）// 继承 class类的继承 extends继承关键词class Person{ constructor(){ //构造函数 this.name = '张三' this.eat = function(){ console.log('干饭'); } }}class Studen...

2022-04-13 21:21:51 209

原创面向对象（重点中的重点）

面向对象的概述面向对象不是一个新的内容，而是一个编程思想（oop）面向过程1.去相亲网站2.填写信息3.确定目标4.建立联系5.约会....面向对象1.找对象（找个媒婆）2.调用对象的方法（说媒）面向对象的主要思维是找能做这个事情的对象（万物皆对象所有的东西都能被当成对象）了解对象对象类型属于引用数据类型关于对象的创建对象的创建直接赋值let obj = {} //对象类型使用new关键词let obj = new Obje

2022-04-12 21:21:35 141

原创重点中的重点（事件总结）

事件构成三要素1.触发的元素2.事件函数（on+事件类型）3.事件处理函数（方法）事件书写方式元素内部直接写<a href='' onclick=”alert('hello')“></a>元素内部调用函数<a href='' onclick='fn()'></a>使用对应的事件属性添加事件var box = document.getElementById('box')box.onclick = function(

2022-04-11 20:13:15 76

原创正则对象主要前面的基本要记后面的可以百度

正则对象的定义方式第一种定义常用 var regx = /^b$/ //声明的就是一个正则对象 ^表示开头 $表示结尾只匹配一个b这个一个单词第二种定义var regx1 = new RegExp('^a$') //声明一个正则对象只匹配a这个单词[] 表示其中的一个元素var regx2 = /^[abcdef]$/ //匹配a 或者 b 或者 c 或者d 或者 e 或者 f 其中一个单词{} 表示个数var regx3 = /^[abc]{2..

2022-03-31 23:08:27 107

原创 cookie介绍内容比较少了解为主

1.http协议讲解http和https是遵从tcp/ip之上的协议http和https(安全) 他们都是负责网络通信主要浏览器访问浏览器访问服务器服务器给我浏览器数据关于http的特点无状态 (同时2个客户端请求服务器端他是没有办法分辨谁是谁)需要标识了(房卡)无连接 (2者的数据发送完就断开连接)cookie 他就是用来解决http的无状态(认为是标识)每次请求都是会带上cookie cookie存储在浏览器上session叫会话浏览器和服务器通信的过程会产.

2022-03-30 21:29:12 138

原创简单了解事件冒泡和阻止事件冒泡

1.什么叫事件冒泡？就是在触发事件时候会一层一层向上冒泡(他同时会触发父类的事件)2.阻止事件冒泡意思就是阻止事件向上传递第一种ie浏览器的阻止事件冒泡利用了一种属性cancelBubble 设置为true 他也兼容各大浏览器（不遵守w3c规范未来这个属性要淘汰）代码e.cancelBubble = true (强调不建议使用)第二种stopPropagation这个方法可以阻止事件冒泡且他遵守w3c规则（兼容各大浏览器 ie9之前不兼容）建议写法if(e.sto

2022-03-29 22:19:04 2695

原创事件讲解(记忆力不好的小伙伴们建议保存)

1.什么是js事件？js事件是指我们使用鼠标或者键盘做了某些事件来触发对应的处理函数比如onclick是事件表示点击事件执行的操作function是处理的函数表示我们要做的事情document.getElementsByTagName('button')[0].onclick = function(){ console.log('hello');}2.分为2种模式内联模式和脚本模式内联模式直接在标签内容以指定属性的方式用的比较少有2种方法脚本模.

2022-03-28 21:13:43 109

原创 DOM补充节点

节点共有属性（元素节点有，属性节点有，文本节点有）var title = document.getElementsByTagName('title')[0]console.log(title.nodeName); //nodeName节点名称console.log(title.nodeType); //nodeType //节点类型：元素节点；属性节点；文本节点console.log(title.nodeValue); //节点值：元素节点为null ； ...

2022-03-27 22:50:22 90

原创补发js第一次内容

JavaScript的概述：1.组成三部分组成ecmaScript 基础语法（es5）dom document object model 文档对象模型（操作html文档内容）bom borswer object model 浏览器对象模型（操作浏览器相关内容）JavaScript书写位置：1.书写在标签中<a href="javascript:alert('hello')"></a>2.书写在script标签中<script>

2022-03-26 17:49:27 67

原创 DOM入门

div就是元素节点（任意的标签都是元素节点）id就是属性节点（任意的属性都是属性节点）你好就是文本节点（任意的文本都是文本节点）1.DOM 全称document object model 文档对象模型操作html html文档由html+css组成 DOM利用js操作html+css的操作元素节点 element Element 元素节点对象查获取元素节点的方式一. 通过选择器获取 1. id选...

2022-03-24 22:57:35 874

原创 location和histroy和navigator的讲解

1.locationdocument(核心):文档对象，让我们可以在js脚本中直接访问页面元素（DOM）hestory(重要):历史对象，包含窗口的浏览历史，可以实现后退location(重要)：包含浏览器当前的地址信息，可以用来刷新本页面或跳转到新页面frames:框架对象，可以获取页面框架内容screen:包含有关客户端显示屏幕的信息navigator:导航对象，包含所有有关访问者浏览器的信息（浏览器版本信息等最新版本的浏览器是不支持的）、console.log(windo

2022-03-24 22:42:32 561

原创 BOM讲解之window.html

1.bom ===borwer object model 浏览器对象模型bom是进行浏览器操作的bom里面是存在多个对象的bom实际进行操作浏览器是使用多个对象里面的属性以及相关方法bom没有规范我们所讲的共有对象bom没有规范我们所讲的是bom的共有对象2.顶层对象window 所有的其他使用的对象都是通过window拓展出来的window的方法及属性可以省略window wi...

2022-03-24 22:33:51 313

原创初学字符串的知识

1.字符串的介绍以及声明字符串是javaScript的一种数据类型用"" '' 括起来的就是字符串字符串定义第一种定义方式常用一种var 变量 = 字符串值var str = 'str'var str1 = "hello"console.log(str)console.log(str1)2.使用new 关键词定义var object = new string（true）返回的是一个字符串通过直接赋值的形式是基本数据类型通过new关键词是对象类型（引用数据类型

2022-03-22 20:22:21 119

D____ppx的博客