web前端个人学习笔记
文章平均质量分 78
web前端的个人学习笔记
文哲爱学习
编程小白
展开
-
jQuery事件和动画
(dom).outerWidth()/outerHeight() 获取包括padding和border的宽度/高度。$(dom).innerWidth()/innerHeight() 获取包括padding的宽度/高度。$(doms).each(function(index,dom){ // index为下标,dom为遍历的每一个DOM元素。$(dom).width()/height() 获取元素的宽度/高度。...原创 2022-08-18 15:38:38 · 131 阅读 · 0 评论 -
jQuery选择器和DOM操作
JQ是JS库,是对JavaScript的一个封装,也即是说JQ提供了大量的API,在开发时,以最少代码实现最多的功能。removeClass('类名1 类名2 ....') 清除指定的多个类名。css({'属性名1':'属性值1','属性名2':'属性值2',...}) 设置多个样式。[attr1][attr2][attr3] 获取含有指定多个属性的元素。empty() 删除当前DOM下的子元素,保留当前DOM。[attr*=value] 获取属性值含有value的元素。.原创 2022-08-13 19:40:39 · 248 阅读 · 0 评论 -
JavaScript高级-JSON和DOM操作
节点.getAttribute(“value”) //value是表单输入框的属性,可以使用getAttribute获得value值。节点.setAttribute("value",值) // 因为value是属性,所以也可以中这个方法设置内容。// 将创建的元素节点添加到文档中。DOM节点.setAttribute(属性名, 属性值) // 设置所有属性(用户自定义属性)的值。节点.style.cssText = 属性值或属性值列表 // 设置某个节点的所有内联样式。// 在元素节点上添加属性节点。..原创 2022-08-11 19:38:08 · 356 阅读 · 0 评论 -
JavaScript----面向对象
• 将构造函数的作用域给新对象,(即new Object()创建出的对象),而函数体内的this就代表new Object()通俗地讲就是基本类型的数据都有一个包装它们的类,这些类都有自己的属性和方法,这些基本类型的数据都可以直接去调用这些属性和方法。上面三个基本类型都有自己的包装对象,有相应的属性和方法。str.lastIndexOf(str, n) 从n开始搜索的最后一个str,并将搜索的索引值返回。str.indexOf(str, n) 从n开始搜索的第一个str,并将搜索的索引值返回。...原创 2022-08-04 19:38:50 · 52 阅读 · 0 评论 -
JavaScript高级
上面的函数叫立即执行函数表达式(IIFE),它会自动调用自身,不被在其它地方被调用,一般用于JS库或JS插件的封装或闭包处理。但这个对象还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数。函数可以通过return返回结果,如果return没有返回结果,表示结束函数的调用,且返回调用处。数组将一组数据组合到一起,并存入到一个变量中,数组是有序排列的,占用一段连续的内存空间。数组名[下标] // 下标可以是一个数值型常量,也可以是一个表达式或函数或变量。...原创 2022-08-03 19:39:50 · 54 阅读 · 0 评论 -
JavaScript基础
先执行变量初始值,再判断条件,如果条件成立,再循环体,再计算步长,最后再判断条件,条件成立,继续执行循环体……说明执行表达式,如果表达式的结果为case后面的某个对应的值,将执行后面所对应的语句或语句组,如果语句后有break,将终止该情况语句,function、this、with、default、if、throw、delete、in、try、do、instanceof、typeof等。用引号(单双引号都可以,它们没区别)引起来的一串字符(可以是数字、字母、标点符号、汉字等),通常用作描述。...原创 2022-08-01 21:54:37 · 71 阅读 · 0 评论 -
CSS3基础属性---布局
自适应需要开发多套界面,通过检测视口的分辨率,来判断当前访问的设备是PC端、平板、手机等,从而请求服务层,返回不同的页面。第3个参数必须是一个有效的宽度值(带单位),它会被当作flex-basis(默认基准宽度值)的值。第2个参数也必须是一个无单位的数值,它会被当作flex-shrink(收缩比率)的值。a)无单位,这个数值会被当作flex-shrink(收缩比率)的值。第1个参数必须是一个无单位的数值,它会被当作flex-grow的值。第1个参数必须是一个无单位的数值,它会被当作flex-grow的值。.原创 2022-07-17 22:07:36 · 246 阅读 · 0 评论 -
CSS3属性-动画
可能的值left,center,right,length,%。vi)cubic-bezier(n,n,n,n)自行设定变速,n的值在0-1之间。如果对一个元素同时有旋转、扭曲、缩放和位移,这里需要用到多个矩阵相乘,要优先考虑旋转和缩放!skew(x-angle,y-angle)定义2D倾斜转换,沿着X和Y轴。matrix用一个3行3列的矩阵表示,a和b列表示x轴,c和d列表示y轴,e和f列表示z轴。vi)cubic-bezier(n,n,n,n)自行设定变速,n的值在0-1之间。...原创 2022-07-17 22:05:06 · 708 阅读 · 0 评论 -
CSS3新特性
text-shadow水平偏移距离垂直偏移距离[模糊距离][阴影的尺寸][颜色][inset];box-shadow水平偏移距离垂直偏移距离[模糊距离][阴影的尺寸][颜色][inset];/*处理IE兼容*/四个方位的词top-left/top-right/bottom-left/bottom-right。3)表示颜色的函数(rgb()/rgba()/hsl()/hsla()...)farthest-corner渐变的半径长度为从圆心到离圆心最远的角(默认)...原创 2022-07-15 21:20:51 · 229 阅读 · 0 评论 -
HTML5新特性
b.canvas的宽高最好不要通过css实现,而是直接使用标签属性width和height实现。为了保护敏感数据(如用户帐号、密码等),避免本地浏览器对它们不安全存储,一般需要关闭。用来帮助用户输入,每一次输入的内容,浏览器是否保存输入的值,以备将来使用。6)figure用于对元素进行组合(一般用来组合一张图的标题、图片和图片描述等)用于表单组件中,需要结合提交按钮使用。用于验证输入字段的模式。用于表单组件中,需要结合提交按钮使用。2)新增了canvas画布(绘画,制作动画(如小游戏开发等))...原创 2022-07-15 16:48:45 · 57 阅读 · 0 评论 -
CSS定位布局
1.定位(position)(重点) 设定元素在文1.定位(position)(重点) 设定元素在文档中的位置。会将标签(元素)转换为块级。2.定位分类(属性值) 1)static:静态定位 默认值,没有定位,不能设置偏移值(left/top/right/bottom),占用标准流(文档流) 2)relative:相对定位 占用标准流(文档流),它会出现在文档流中它该出现的位置。可以通过设置偏移值改变其位置。它相对于自身所占的位置原创 2022-07-13 21:02:39 · 100 阅读 · 0 评论 -
CSS浮动布局&盒模型
1.什么是浮动? 浮动就是让块级标签不独占一行。目的(使用场景):把块级标签元素可以排在一行上。2.浮动的原理 就是让元素脱离文档流,不占用标准流。3.float的属性值: left:左浮动 right:右浮动 none:默认值,不浮动4.浮动后,后面的元素不管是块级还是行级元素,不会显示在下一行。5.清除浮动 目的:让后面的元素自动掉到下一行。 方法: 1)添加空标签,并设置样式:clear:both;原创 2022-07-09 21:31:50 · 108 阅读 · 0 评论 -
CSS基础
1.CSS:层叠样式表,用来美化网页的。做到结构(HTML)和表现(CSS)分离。2.基本语法: 选择器 { 属性: 属性值; }3.CSS引用方式:行间样式、内部样式、外部样式、导入外部样式。 行间样式:直接在标签上书写样式。 内部样式:在文件的内部书写样式。 样式内容 外部样式:(1)先创建一个CSS文件;(2)再用link...原创 2022-06-30 21:42:17 · 59 阅读 · 0 评论 -
HTML标签属性
1.标签由标签名、标签属性和文本内容三部分组成(注意:单标签没有文本内容)。2.标签属性是对标签的一种描述方式。3.标签属性分通用属性、自有属性和自定义属性。4.通用属性:所有标签都具有的属性(除标签外)。 通用属性有: id:用来给标签取一个唯一的名称。id名称在一个网页必须是唯一的。 class:用来给标签取一个类名。 style:用来设置该标签的行内样式。 title:当鼠标移到该标签,所显示的提示内容。5.自...原创 2022-06-27 21:34:23 · 4059 阅读 · 0 评论