- 博客(15)
- 收藏
- 关注
原创 $.ajax()方法详解
要求为String类型的参数,只有当请求时dataType为"jsonp"或者"script",并且type是GET时才会用于强制修改字符集(charset)。要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求。要求为Function类型的参数,发送请求前可以修改XMLHttpRequest对象的函数,例如添加自定义HTTP头。要求为Boolean类型的参数,默认为true(当dataType为script时,默认为false),设置为false将不会从浏览器缓存中加载请求信息。
2023-02-02 19:29:56 206
原创 原生AJAX
4、AJAX请求发送后,readyState状态就会改变,readyState状态一改变就执行onreadystatechange函数。5、status可以查看到请求资源的状态,200与304就代表成功获取资源,例如404这些就是请求失败。async:是否异步操作,布尔值,true为异步,false为同步,默认是异步。/资源文件夹/需要AJAX请求的资源.txt"xmlhttp.open("POST","./用户数据.txt");xmlhttp.open("GET","./用户数据.txt");
2023-02-01 19:31:09 120
原创 jq之鼠标事件
(6):mouseout事件:mouseout事件于用户把鼠标移出一个元素时触发,这包括从父元素移动到子元素上,或者使用键盘跳到元素上。(4):mouseup事件:mouseup事件在用户松开鼠标时触发,如果在与按下鼠标的元素相同元素上松开,那么click事件也会触发。(3):mousedown事件:mousedown事件在用户敲击鼠标键时触发,跟keydown事件不一样,该事件仅在按下鼠标时触发。(1):click事件:click事件于用户在元素敲击鼠标左键,并在相同元素上松开左键时触发。
2023-01-31 20:28:05 2049
原创 jQuery
replaceWith $(“li:last”).replaceWith ($(“魔神坛”))prepend() - 在被选元素的开头插入内容prependTO() 把一个子元素添加到父元素的头部。append() - 在被选元素的结尾插入内容 appendTO()把一个子元素添加到父元素的末尾。Html(),text()与val()Html(),text()与val()html(),text()与val()Bind 事件绑定 不支持动态事件绑定。- 从被选元素删除一个或多个类。
2023-01-31 18:31:50 108
原创 jQuery
jquery选择器是jQuery为我们提供的一组方法,让我们更加方便获取到页面的元素。jQuery转DOM var id=$id.get(0)或者var id=$id[0]this:dom对象==》$(this)jQuery对象 然后用jQuery方法。jq只会等待文档加载完成就开始执行,并不会等图片,文件的加载。jQuery对象是通过jQuery包装DOM对象后产生的对象。DOM转换jQuery对象加$btn=$(”btn“)jQuery对象和DOM的对象。什么是jQuery选择器。
2023-01-31 08:39:36 54
原创 js switch 以及while循环
Switch case使用场景:适合等值判断 break跳出结构Var age=;While循环循环三要素循环条件循环体循环控制Do while 适合场景:先循环一次,再来判断是否满足循环条件For循环Continue跳出当前循环开始下面循环Math对象Math.random随机数Math.abs却绝对值 Math.round取整,四舍五入 Math.max最大值 Math.min最小值Date对象Date日期时间。
2023-01-04 19:08:45 643
原创 flex与媒体查询
flex弹性盒模型 采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。版权声明:本文为CSDN博主「Xxuanshu」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。原文链接:https://blog.csdn.net/qq_39025786/article/details/108471421。space-around:平均分布,两边的间距是中间的一半。space-around:平均分布,两边的间距是中间的一半。
2022-12-29 22:13:22 175
原创 sacss混合器的使用
/在style文件夹下定义一个mixin.scss文件//定义宽高}//定义margin的值important;}混合器中使用css规则li{}}ul.plain{}混合器传参、参数默认值及参数的顺序问题混合器并不一定总得生成相同的样式。可以通过在@include混合器时给混合器传参,来定制混合器生成的精确样式。当@include混合器时,参数其实就是可以赋值给css属性值的变量。如果你写过JavaScript,这种方式跟。
2022-12-27 16:52:59 149
原创 css属性
CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点,必须规定两项内容:指定要添加效果的CSS属性指定效果的持续时间。示例代码如下:div { width: 100px; height: 100px; background: red; transition: width 2s; -webkit-transition: width 2s; -o-transition: width 2s;}[解析] 应用于宽度属性的过渡效果,时长为 2 秒
2022-12-21 15:46:09 130
原创 SVG 属性参考
SVG 元素可以通过属性来修改,这些属性指定有关如何处理或呈现元素的详细信息。下面列出了 SVG 中所有的可用属性以及参考文档的链接,以帮助您了解哪些元素支持它们,以及它们如何工作。所有 SVG 显示属性都可以作为 CSS 属性来使用。、更改时、重置时、调整大小。
2022-12-20 19:02:01 294 1
原创 Canvas 的基本用法
定义:是HTML5提供的一种新标签, ie9才开始支持的,Canvas是一个矩形区域的画布,可以用JS控制每一个像素在上面绘画。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。canvas在基于Web的图像显示方面比Flash更加立体、更加精巧,canvas成为HTML5小游戏开发首选。(多用于活动页面、特效):类似图表、音频、视频,还有许多元素能够更好地与Web融合,并且不需要任何插件。Canvas可以让开发者更好地实现基于Web的数据传输,构建一个完美的可视化控制界面。
2022-12-19 15:53:30 234 1
原创 媒体查询响应式布局
响应式布局:指在同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套,移动端再开发一套,pad端再开发一套,而使用响应式布局只要开发一套就够了。响应式设计与自适应设计的区别:响应式开发一套界面,通过检测视口分辨率,针对不同客户端在客户端做代码处理,来展现不同的布局和内容;自适应需要开发多套界面,通过检测视口分辨率,来判断当前访问的设备是移动端、PC端、pad端,从而请求服务层,返回不同的页面。
2022-12-15 18:24:28 1442 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人