前端
文章平均质量分 71
快乐的光头佬
这个作者很懒,什么都没留下…
展开
-
今天来个简单的 就是jquery写的轮播图
简单一个css(就是加在图片上面的小黑点的左浮动有点问题 没有报错 就是显示有点错误) <style> * { margin: 0; padding: 0; list-style: none; } .slider { width: 790px; height: 340px; ma..原创 2022-04-22 21:18:49 · 391 阅读 · 0 评论 -
Jquery(上部)
jquery概述jquery是一个前端的js库,他封装了一些原生操作的方法以及解决一些原生的兼容。jquery是一个轻量级的js库,他具备强大的方法封装(dom操作 动画)以及链式调用等等优势。jquery库入门jquery官网地址jquery的中文网1.导入(head)<!-- 导入jquery文件 --><script src="./js/jquer.min.js"></script>2.使用(直接使用)// jQuery //原创 2022-04-21 20:50:28 · 150 阅读 · 0 评论 -
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 · 346 阅读 · 0 评论 -
设计模式及相关内容
大厂实习必备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 · 231 阅读 · 0 评论 -
简单的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 · 111 阅读 · 0 评论 -
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 · 282 阅读 · 0 评论 -
继承和闭包
继承子类继承父类 可以拥有父类的方法及属性 这个称为继承继承的使用1.使用extends来实现继承(es6的class)// 继承 class类 的继承 extends继承关键词class Person{ constructor(){ //构造函数 this.name = '张三' this.eat = function(){ console.log('干饭'); } }}class Studen...原创 2022-04-13 21:21:51 · 196 阅读 · 0 评论 -
面向对象(重点中的重点)
面向对象的概述面向对象不是一个新的内容,而是一个编程思想(oop)面向过程1.去相亲网站2.填写信息3.确定目标4.建立联系5.约会....面向对象1.找对象(找个媒婆)2.调用对象的方法(说媒)面向对象的主要思维是找能做这个事情的对象(万物皆对象 所有的东西都能被当成对象)了解对象对象类型属于引用数据类型 关于对象的创建对象的创建直接赋值let obj = {} //对象类型使用new关键词let obj = new Obje原创 2022-04-12 21:21:35 · 132 阅读 · 0 评论 -
重点中的重点(事件总结)
事件构成三要素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 · 71 阅读 · 0 评论 -
正则对象 主要前面的基本要记 后面的可以百度
正则对象的定义方式第一种定义 常用 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 · 102 阅读 · 0 评论 -
cookie介绍 内容比较少 了解为主
1.http协议讲解http和https是遵从tcp/ip之上的协议http和https(安全) 他们都是负责网络通信 主要浏览器访问 浏览器访问服务器 服务器给我浏览器数据关于http的特点无状态 (同时2个客户端请求服务器端 他是没有办法分辨谁是谁)需要标识了(房卡)无连接 (2者的数据发送完 就断开连接)cookie 他就是用来解决http的无状态(认为是标识)每次请求都是会带上cookie cookie存储在浏览器上session叫会话 浏览器和服务器通信的过程会产.原创 2022-03-30 21:29:12 · 125 阅读 · 0 评论 -
简单了解事件冒泡和阻止事件冒泡
1.什么叫事件冒泡?就是在触发事件时候 会一层一层向上冒泡(他同时会触发父类的事件)2.阻止事件冒泡 意思就是阻止事件向上传递第一种ie浏览器的阻止事件冒泡 利用了一种属性cancelBubble 设置为true 他也兼容各大浏览器 (不遵守w3c规范 未来这个属性要淘汰) 代码e.cancelBubble = true (强调不建议使用)第二种stopPropagation这个方法可以阻止事件冒泡 且他遵守w3c规则 (兼容各大浏览器 ie9之前不兼容)建议写法if(e.sto原创 2022-03-29 22:19:04 · 2683 阅读 · 0 评论 -
location和histroy和navigator的讲解
1.locationdocument(核心):文档对象,让我们可以在js脚本中直接访问页面元素(DOM)hestory(重要):历史对象,包含窗口的浏览历史,可以实现后退location(重要):包含浏览器当前的地址信息,可以用来刷新本页面或跳转到新页面frames:框架对象,可以获取页面框架内容screen:包含有关客户端显示屏幕的信息navigator:导航对象,包含所有有关访问者浏览器的信息(浏览器版本信息等 最新版本的浏览器是不支持的)、console.log(windo原创 2022-03-24 22:42:32 · 546 阅读 · 0 评论 -
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 · 76 阅读 · 0 评论