前端
文章平均质量分 64
前端技术
陌殇殇
个人Java后端学习路上的学习笔记,有不对的地方欢迎指正
展开
-
2021-11-09 jQuery基础语法及常用选择器
目录1、jQuery文件导入2、jQuery入口方法3、jQuery和js对象转换4、jQuery常用选择器4.1、在给定父元素下匹配所有子元素:(>)4.2、在给定祖先元素下匹配所有后代元素:(空格)4.3、匹配给定的属性是以某些值开始的元素(^)4.4、匹配给定的属性是以某些值结尾的元素($)4.5、匹配给定的属性是以包含某些值的元素(*)4.6、匹配其父元素下的第N个子或奇偶元素(:nth-child)4.7、匹配包含给定文本的元素(contains)原创 2021-11-09 21:37:07 · 601 阅读 · 0 评论 -
2021-11-09 jQuery常用方法及事件
目录1.addClass()和removeClass()2.on()、off()、click()和hover()方法3、toggleClass()方法4.target获取点击的div 5.事件命名空间6、自动点击:click()和target()7.获取键盘按下的按键代码附录:1.addClass()和removeClass()addClass():添加已定义的样式removeClass():移除已定义样式 //点击default按钮清除样...原创 2021-11-09 21:44:32 · 370 阅读 · 0 评论 -
2021-11-09 jQuery常用动画效果
目录1.css()方法2.eq()方法3.show()方法和hide()方法4.fadeOut()、fadeIn()和fadeTo()5.slideUp()、slideDown和slideToggle()6.text()方法7.animate()方法8.queue()方法附录代码:1.css()方法当方法参数为一个参数时获取样式的值,两个参数时候可以设置属性的参数值。 //获取内容div对象 // let $speech = $("...原创 2021-11-09 21:54:26 · 233 阅读 · 0 评论 -
2021-11-11 jQuery的文档处理
1.attr()和removeAttr() attr() 添加设置属性 removeAttr() 删除属性 //需求1,将类chapter的div下的所有超链接表明是站外链接,不被搜索引擎抓取 //给链接添加了rel属性 $("div.chapter a").attr({rel:"external"}); //需求2,再给链接添加title属性 $("div.cha...原创 2021-11-11 19:59:34 · 685 阅读 · 0 评论 -
2021-11-25 Jquery中Ajax的基本使用
1.Ajax简介 前端页面与服务器交互的一种技术 默认执行异步请求网络(局部刷新数据,不用使整个页面刷新) AJAX分为同步(async = false)和异步(async = true) 什么是同步请求? 同步请求是指当前发出请求后,浏览器什么都不能做, 必须得等到请求完成返回数据之后,才会执行后续的代码, 相当于生活中的排队,必须等待前一个人完成自己的事物,后一个人才能接着办。 也就是说,当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面处于转载 2021-11-25 17:20:17 · 76 阅读 · 0 评论 -
2021-11-25 Json的使用
1.json简介JSON(JavaScript Object Notation, JS 对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写,同时也易于机器解析和生成,并有效地提升网络传输效率。2.json的用法 json 是一种数据格式 用{} 代表一个对象的意思 用[]来表示一原创 2021-11-25 17:11:38 · 124 阅读 · 0 评论 -
2021-11-27 Promice的基本使用
Promice的基本使用简介:Promice:主要可以用来简化ajax的多个请求嵌套在js的世界里,所有代码都是单线程执行的,由于这个“陷阱”,导致js的所有网络操作,浏览器事件,都必须是异步执行,异步执行可以用回调函数实现,一旦有连串的ajax请求a,b,c…有的请求依赖前面的请求结果,就需要层层嵌套,这种缩进和层层嵌套的方式,非常容易造成上下文代码混乱,我们不得不非常小心处理内层函数与外层函数的数据,一旦内层函数使用了上层函数变量,这种混乱程度就会加剧…总之,这种“层叠上下文”的层层嵌套方式,着实原创 2021-11-27 17:32:03 · 630 阅读 · 0 评论 -
2021-11-08 JavaScript的新特性
目录1.解构2.对象解构3.字符串扩展和字符串模板4.函数参数默认值5.箭头函数6.对象操作优化6.1对象优化6.2合并对象属性6.3声明对象简写6.4声明对象方法的简写6.5对象拓展运算符6.6对象合并assign方法7.数组操作map和reduce方法1.解构//解构表达式 let arr = [11,22,33] /*let a1 = arr[0] let a2 = arr[1]原创 2021-11-08 21:48:41 · 108 阅读 · 0 评论 -
2021-11-07 JavaScript的基本使用
目录1.JavaScript的导入2.DOM加载顺序3.常用语法3.1.数据转换3.2循环3.3方法定义3.4 eval 、let使用3.5、js定义对象3.6、使用prototype扩展新方法3.7、with的使用3.8、location.href的用法3.9、getElementsByName和getElementById3.10、常用事件3.11.数组操作3.12、字符串操作3.13、下拉列表框中的参数3.14、设置时间和日期的方法原创 2021-11-07 22:37:49 · 323 阅读 · 0 评论 -
2021-10-25 CSS的基本使用
1.css样式表的三种使用方式 行内样式,写在标签的style属性上 内嵌样式,写在<head> 里,<style> 外部样式,需要创建单独的css文件,页面引用,使用最多的。 static 创建 文件夹 css,下面创建xx.css文件 注意:属性冲突优先选用外部样式表,id不能纯数字<head> <meta charset="UTF-8"> <title>Title</title.原创 2021-10-25 11:03:01 · 178 阅读 · 1 评论 -
2021-10-30 相对定位和绝对定位
相对定位: relative:相对于原来位置移动,元素设置此属性之后仍然处在文档流中,不影响其他元素的布局原占用的位置,会保留,显示默认高于静态定位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /* 相对定位:.原创 2021-10-30 12:52:45 · 385 阅读 · 0 评论 -
2021-11-07 CSS弹性布局及其他常用属性
1.弹性布局设置方式:display:flex(默认按行显示),默认水平轴为x轴,当按列显示时竖着的为x轴。弹性布局常用属性: justify-content(设置x轴的内容布局方式):默认从头(起点)flex-start排列,space-between:两端对齐,space-around平均间隔,flex-end排在最末尾。 flex-direction:设置排列方式,默认row按行排列。 flex-flow:设置排列方式以及换不换行,默认nowrap不换行。 a原创 2021-11-07 20:34:47 · 303 阅读 · 0 评论 -
2021-10-20 HTML中的常用标签及属性
<body> :bgcolor:设置网页背景颜色,background:设置背景图片。<p>:段落标签,align:水平对齐方式。有left,center,right。<h1>:标题,有h1~h6,h1最大。<font>字体标签:size:为字体大小,取值1-7,默认为3,face为字体。<hr>水平线标签<img>图片标签,src为路径,alt为图片无法正常显示时的提示语。<ul>无序列表,type为序号类型。<il原创 2021-10-20 16:34:22 · 556 阅读 · 0 评论