- 博客(15)
- 收藏
- 关注
原创 jQuery中使用Ajax
get请求: $.get('http://127.0.0.1:8000/jquery-server', { a: 100, b: 200 }, function (data) { console.log(data) }, 'json')post请求:$.post(url, [data], [callback], [type])1、url:请求.
2022-05-06 20:59:47 388
原创 JSONP解决同源限制
一.什么是同源同源:当前网页的url和ajax请求的目标资源的url两者之间的协议,域名,端口号必须完全相同二.同源政策的目的三.使用JSONP解决同源限制代码:服务端://jsonp服务app.all('/jsonp-server', (request, response) => { const data={ name:"jiansuiying" } //将数据转换为字符串 let str=JSON.str.
2022-04-30 22:09:52 124
原创 第四次考核总结
1.检测字符串中出现次数最的字符利用charAt()遍历这个字符串,把每个字符串都储存给一个对象,如果对象没有该属性就为1,如果对象有该属性就+1。最后遍历这个对象,得到最大值和出现次数最多的字符 var str='abbcdfhbg'; var m={}; for(var i=0;i<str.length;i++){ if(m[str.charAt(i)]){ m[str.charAt(i
2022-04-24 09:07:11 85
原创 async和await
async和await两种语法结合:1.让异步代码看起来像同步代码 2.简化异步函数的写法async函数:1.async函数的返回值为promise对象; 2.promise对象的结果有async函数执行的返回值决定<script> // async函数:异步函数 async function fn() { ...
2022-04-08 20:15:47 352
原创 Promise
Promise是ES6引入的异步编程的新解决方案。语法上是Promise的一个构造函数,用来封装异步操作并可以获取成功或失败的案例1.Promise构造函数:Promise(excutor){};2.Promise.prototype.then方法;3.Promise.prototype.catch方法;1).实例化Promise对象Promise 对象的三种状态:初始化,成功,失败示例:const p=new Promise(function(resolve, reject)
2022-04-03 15:01:33 229
原创 var和let的区别
let关键字用来声明变量,let声明变量的特点:1.不允许重复声明变量2.块级作用域(局部变量)3.不存在变量提升4.不影响作用域链区别:1.var可以重复声明变量,如果用let重复声明变量会报错2.var存在变量提升:就是在变量创建之前使用(输出的是undefined)而let不存在变量提升。示例:修改元素的背景颜色:for (vari = 0; i < items.length; i++) { items[i].onclick = fun...
2022-03-29 21:13:41 210
原创 轮播图制作
index.js:anwindow.addEventListener('load', function () { var arrow_l = document.querySelector('.arrow-l'); var arrow_r = document.querySelector('.arrow-r'); var focus = document.querySelector('.box1'); var ul = focus.querySelector('....
2022-03-25 09:03:20 56
原创 DOM中的节点操作
节点概述:网页中的所有内容都是节点(标签,属性,文本,注释等),在DOM中,节点使用node来表示。HTML DOM树中所有的节点均可通过Javascript进行访问,所有HTML元素均可被修改,也可以创建或删除。1.父级节点:node.parentNode1)parentNode属性可返回某节点的父节点,但返回的是最近的一个父节点2)如果指定的节点没有父节点则返回null2.子节点:parentNode.childNodes(标准)parentNode.childNode(非标准)1.
2022-03-13 08:38:34 1132
原创 bootstrap
简介bootstrap来自Twitter(推特),是目前最受欢迎的前端框架,它简洁灵活,使web开发更为快捷。使用方法控制权在框架本身,使用者要按照框架所规定的某种规范进行开发bootstrap使用四部曲:1.创建文件夹结构2.创建html骨架结构3.引入相关样式文件...
2021-12-11 16:02:30 419
原创 rem使用 媒体查询
rem基础:rem是一个相对单位,rem的基准是相对于html元素的字体大小。rem可以通过修改html里面的文字大小来改变页面中元素的大小。此时div的宽高就是150px,如果想要改变div的大小可以直接改变html中的文字大小。使用rem单位后可以使一些不能自适应的元素,,达到当设备发生改变的时候等比例的适配当前的设备。媒体查询可以根据不同的屏幕尺寸改变屏幕的样式。语法:当屏幕的宽度小于等于800时屏幕的颜色为pink色,当屏幕的宽度小于等于500时屏幕的颜色为紫色。and将多个..
2021-12-03 21:52:44 291
原创 子绝父相 元素的显示与隐藏
写华为官网时的几个问题子绝父相相对定位:元素移动位置时是相对于原来的位置移动的,它在移动后会继续保留原来的位置。绝对定位:在元素移动时是相对于他的父级移动的,如果没有祖先元素或者祖先元素没有定位,就会以浏览器为准移动,绝对定位移动后不占有原来的位置。因为子盒子了绝对定位后不在占有原来的位置,可以放到父盒子里的任意一个地方。在布局时父盒子需要占有位置,而父盒子加了相对定位时不会脱离标准流还占有原来的位置所以父盒子只能添加相对定位。所以在布局时经常会用到子绝父相。 ...
2021-11-28 08:51:17 419
原创 第一次考核总结
并集选择器通常用于集体声明 ,逗号隔开的,所有选择器都会执行后面样式,逗号可以理解为 和的意思。CSS样式使用方法①外部样式:通过<link>标记引入外部的css文件(.css)②内部样式:通过<style></style>来书写CSS代码③行内样式:通过style的属性来书写CSS代码...
2021-11-22 19:04:09 321
原创 2021-11-13
1.CSS盒子模型这周学到了一个当给盒子添加边框时不会撑开盒子的新方法可以通过box-sizing来指定盒子模型,可指定为content-box,border-box这样就不会撑开盒子了前提是padding和border加起来不会超过width的宽度2.在伪元素选择器的后面必须要加上content:'',而且伪元素选择器是行内元素,不将其转化为行内块或者块级元素盒子就显示不出来...
2021-11-13 20:34:56 326
原创 2021-11-12
1.2关于CSS样式的层叠性当给相同的选择器设置相同的样式时,会遵循就近原则来执行=而这个盒子如果把border和border-top-color换位置的话这个三角就不会显示出来,所以在打代码时一定要注意CSS的层叠性。2.margin负值的应用有了margin负值可以让我们把两个盒子间的边框合并到一起3.CSS初始化的问题因为要照顾浏览器的兼容性,我们需要对CSS初始化,在写CSS网页时最先进行的就是初始化,CSS初始化的代码可以从一些主流网站里复制。...
2021-11-12 21:33:54 174
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人