- 博客(18)
- 收藏
- 关注
原创 框架前置课-AJAX
同步代码:实际上浏览器是按我们书写代码的顺序一步一步执行程序的,浏览器会等待代码的解析和工作,在上一行完成后才会执行下一行,这样是很有必要的,因为每一行新代码都建立在前面代码的基础上。XMLHttpRequest(XHR)对象用于与服务器交互,通过他可以在不刷新页面的情况下请求特定URL,这允许网页在不影响用户操作的情况下更新页面局部内容。异步代码:异步编程技术使程序可以在执行一个可能长期运行的任务的同时继续对其他的事件作出反应而不必等待任务完成,与此同时,程序也将在任务完成后显示结果。
2024-05-06 20:55:54
1022
原创 css补充
size:渐变大小,即渐变到哪里停止,他有四个值:colsest-side最近边,farthest-side最远边,colsest-corner:最近角,farthest-corner:最远角。,red,blue)来改变,shape:渐变形状,ellipse表示椭圆,circle圆形,默认为ellipse,如果元素形状为正方形的元素,则ellipse和circle显示一样。4. linear-------单一属性: transition-timing-function: 检索或设置对象中过渡的动画类型。
2024-04-12 20:53:56
658
原创 web程序设计
在web服务器端加载并运行的Java应用程序具体运行在Servlet引擎管理的JVM上,Servlet是开发服务端应用程序的一个很好选择,Servlet与JSP结合使用,能提供更强大的服务器端功能JSP简介:JSP与PHP,ASP,ASP.NET等语言类似,运行在服务端的语言原理:JSP全称Java Server Pages,是一种动态网页开发技术,它使用JSP标签在HTML网页中插入Java代码,标签通常以结束。
2023-09-15 23:30:28
185
原创 js基础(三)
当我们拖拽一个网页中的内容时,浏览器会默认去搜索引擎中搜索,如果不希望发生这个情况可以通过return false取消。但这个对IE8不起作用在IE8中可以通过为box1来设置捕获和释放捕获来完成,但chrome浏览器不支持setCapture()这个方法。这时我们需要判断浏览器是否支持。鼠标的滚轮事件onmousewheel鼠标滚轮滚动事件,会在滚轮滚动时触发,但火狐不支持该属性在火狐中用DOMMouseScroll来绑定滚动事件,注意该事件需要通过addEventListener()函数来绑定
2023-06-25 21:58:22
336
原创 JS基础(三)
dom及事件的相关知向父节点中添加一个新子节点整体效果,创建一个广州节点,添加到#city下将一个新建元素节点插入到指定元素节点前使用innerHTML也可以完成 DOM的增删改的相关操作,可以二者结合使用如:添加删除记录-删除以下面的例子展示:添加删除记录-增加上面创建tr元素有另外一个办法注意这里别直接在tbody中添加tr,因为当写成往tbody中添加元素时,点击提交后虽然也会添加新的tr但是这时整个tbody中的tr都是替换了原先的tr的,这时为原先tr添
2023-05-26 23:40:47
96
原创 使用onscroll事件为滚动条滚动到最后时添加响应函数时出现火狐里面可以正常添加而chrome浏览器和egde浏览器不能的原因
上面通过inf.scrollHeight-inf.scrollTop==inf.clientHeight这个语句作为条件来判断时,在火狐上可以正常修改,而到了谷歌和egde上面当滚动条滚动到最底部时却没有任何效果。
2023-05-22 20:41:38
144
原创 web前端 JS基础(二)
正则表达式用于定义一些字符串的规则,计算机可以根据正则表达式来检查一个字符串是否复合规则,获取将字符串中符合规则的内容提取出来创建正则表达式:var 变量=new RegExp(“正则表达式”,“匹配模式”)正则表达式的一个方法:test()用这个方法可以用来检查一个字符串是否符合正则表达式的规则,符合则返回true,不符合则返回false//这个正则表达式用来检查一个字符串中是否含有a,严格区分大小写console.log(typeof reg)//用typeof来检查返回一个object。
2023-05-16 17:16:08
113
原创 web前端 js基础
数组也是一个对象它和我们普通对象功能类似,也是用来储存一些值。不同的是普通对象是使用字符串作为属性名的,而数组使用数字来作为索引来操作元素索引(index):从0开始的一个整数数组存储性能比普通对象好,在开发中经常使用数组来储存数据var arr=new Array()//创建一个数组arr[0]=12;arr[1]=22;arr[2]=33;console.log(arr[1])//读取数组中的元素,读取到不存在的索引会返回undefind获取数组长度。
2023-05-03 14:58:45
200
原创 web前端 八
函数(function)也是一个对象函数中可以封装一些功能(代码),在需要时可以执行这些功能(代码)(函数可储存一些代码在需要时调用)。使用typeof检查返回function创建一个函数对象可以将要封存的代码以字符串的形式传递给构造函数var fun=new Function(" console.log('笔画');")封装到函数里的代码不会立即执行,而是会在函数调用时执行,且封装的代码按顺序执行。调用的语法:函数对象()注:实际开发中很少使用构造函数来创建一个函数对象使用函数声明创建函数。
2023-04-30 00:21:38
52
原创 css基础知识
一个标签可有两个名字,用两个名字分别给他添加相同属性样式。则以style标签中靠后的名字添加的样式为主。顺序固定:a:link/visited/hover/active{}多个选择器对同一个元素设置样式时,如果属性冲突由选择器权重来决定。font-style中的oblique表示更倾斜有强调的意思。给a链接设置访问前/访问后/鼠标移入时/鼠标按下后的样式。给标签用class属性取一个名字,然后添加样式。群组选择器(1)和后代选择器(2).名字{属性:属性值}一个标签的ID是唯一的。
2022-12-29 17:31:25
53
原创 web前端 七
while语句在执行时,先对条件表达式进行求值判断,如果值为true,则执行循环体,循环体执行完毕后继续对表达式进行判断,如果为true则继续执行循环体,以此类推。prompt()可以弹出一个提示框,该提示框中会带有一个文本框,用户可在文本框中输入一段类容,该函数需要一个字符串作为参数,该字符串将会作为提示框的提示文字。语句里嵌套其他的if…如果是true,则执行If后的语句,如果表达式的值为false,不会执行if后的语句。如果该值为true则执行if后语句,如果该值为false则执行else后的语句。
2022-12-10 20:59:32
79
原创 web前端 六
flex布局,可简便,完整,响应式的实现各种布局没加display:flex前加了后控制子项整体布局方向row 默认值显示为行。方向为当前文档水平流方向,默认情况是从左往右row-reverse 显示为行,但方向和row属性值相反用来控制子项单行显示还是换行显示是 flex-direction和 flex-wrap的缩写,表示flex布局的flow流动特性。第一个值表方向,第二个值表换行,中间空格隔开决定了主轴方向(flex-direction设置的方向)上子项的对齐和分布方式ite
2022-12-03 19:05:38
599
原创 web前段学习 第五部分
meta http-equiv="X-UA-Compatible"content=“ie=edge”>(主要针对ie浏览器,以更高版本渲染)2.区别strong和em具备语义化,而b与i不具备语义化(只有表现型态,无任何意义,在做网站开发时对一段文本进行强调时用strong或em)组合使用,pre元素可定义预格式化的文本,被包围在pre元素中的文本通常会保留空格和换行(其中的符号需要转译为)ruby标签定义ruby注释(中文注音或字符),rt标签定义字符(中文注音或字符)的解释或发音。
2022-11-25 23:22:03
212
原创 Web前端学习 第四部分
css position属性用于指定一个元素在文档中的定位方式。top,right,bottom,left属性则决定了该元素的最终位置position取值:width 必须有一个固定的宽white-space:nowrap 不让内容折行overflow:hidden 隐藏溢出的内容text-overflow:ellipsis 添加省略号特性css雪碧也叫做css精灵,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去加载好处可以减少图片的质量,网页的
2022-11-19 09:37:21
153
1
原创 wed前段学习 第三部分
box-sizing属性允许你以特定方式定义匹配某个区域的特定元素,取值为content-box(默认值)| border-box。:nth-of-type(),:nth-child()(角标是从1开始的,1表示第一项,2表示第二项)css伪类用于像某些元素添加特殊的效果,一般用于初始样式添加不上的时候,用伪类来添加。}**解决方式是推荐的。提升样式优先级,非规范方式,不建议使用(不能针对继承的属性进行优先级的提升)通过逗号的方式给多个不同的选择器添加统一的css样式,来达到代码的复用。
2022-11-04 18:44:05
444
1
原创 web前段学习 第二部分
上面的一些常见属性如**checked,disabled(加上后该项不能被选择),name,for与id(相对应,扩大了选择时点的范围),multiple(加在标签后则那一选项可多选),size(显示的选项数),cols。复合的写法:通过空格的方式实现,复合写法有的是不需要关心顺序(但那要是个整体则要挨在一起)的。3.多个class样式优先级由css决定(head部分中的style标签中添加的css属性的先后),而不是class属性中的顺序。900 ,100-500是正常的之后是加粗的)
2022-10-27 14:29:31
1356
1
空空如也
通过js的DOM改变img的src的值实现图片切换
2023-05-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人