
web前端
文章平均质量分 61
html+css+js等前端技术开发内容
yu-Knight
雄关漫道真如铁,而今迈步从头越!
多年Android开发经验。
熟悉HTML、CSS、JS、JAVA、Kotlin、PHP等常用开发语言。
展开
-
CSS - 绝对定位 子元素受父元素影响 无法宽度自适应
父父元素设置固定宽度父元素没设置宽度 (相对定位)position: relative;子元素没设置宽度 (绝对定位)position: absolute;问题:子元素想设置自适应宽度,可是受父元素影响,继承了父元素宽度 无法撑开到超过父元素的宽度解决:子元素display: inline-block;white-space: nowrap; //强制撑开原创 2024-01-23 15:24:33 · 1471 阅读 · 0 评论 -
JS关于链式调用和延迟执行实现思路
【代码】JS关于链式调用和延迟执行实现思路。原创 2023-08-07 14:24:02 · 302 阅读 · 0 评论 -
JS关于多张图片上传显示报错不影响后面图片上传方法
关于多张图片上传或者下载显示报错后会程序会终止执行,从而影响后面图片上传。原创 2023-08-01 15:46:10 · 546 阅读 · 0 评论 -
HTML5新增标签
什么是HTML5?html5是最新的html标准,拥有新的语义、图形以及多媒体元素,简化web应用程序,专为丰富的web内容而设计的,简称“H5”。简单来说就是增加了一些更直观的标签,H5相比html4.0精简了很多。02HTML新增标签1. 结构标签:主要用来对页面结构进行划分,页面结构划分为顶部、导航、内容(页眉、区块)、页脚等。header:一般网页头部信息/标题。nav:导航条部分内容。section:独立内容区块,一般内容区。article:特殊独立区块,表示页眉中核心原创 2022-04-21 12:57:38 · 1074 阅读 · 0 评论 -
HTML中的行级、块级、行内块标签及各种标签之间的转换
HTML中的行级、块级、行内块标签及各种标签之间的转换@[TOC](HTML中的行级、块级、行内块标签及各种标签之间的转换)块级标签行级标签行内块标签总结一、标签之间的转换二、标签之间的区别三、标签间的嵌套规则块级标签独占一行,不和其他元素在同一行能设置宽高常见的块级标签:div,p,h1-h6,ul,li,dl,dt,dd行级标签能和其他元素在同一行不能设置宽高常见的行级标签:a ,span,strong,u,em行内块标签能和其他元素待在一行能设置宽高常见的行内块标签原创 2022-04-20 14:52:57 · 2241 阅读 · 0 评论 -
html+css+js基础内容(八)
1.尺寸相关 1)获取和设置元素的尺寸 $(dom).width()/height() 获取元素的宽度/高度 $(dom).innerWidth()/innerHeight() 获取包括padding的宽度/高度 $(dom).outerWidth()/outerHeight() 获取包括padding和border的宽度/高度 $(dom).outerWidt...原创 2022-04-20 10:51:20 · 120 阅读 · 0 评论 -
html+css+js基础内容(七)
1.JSON JSON(JavaScript Object Natation:JS对象表示法)是一种轻量级的数据交换格式。用独立的编程语言的文本格式来存储和表示数据。 1)优点 易于阅读和编写,同时也易于浏览器解析和生成,并有效地提升网络传输效率。 2)与XML比较 JSON书写或解析时是一个对象,更容易解析;而XML是由用户自定义标签来存储数据的,对于前端来说,不容易书写且解析起来比较困难。 3)JSON文件内容 它可以是一个...原创 2022-04-20 10:49:52 · 144 阅读 · 0 评论 -
html+css+js基础内容(六)
1.函数 函数就是将具有一定功能的一段JS代码的封装,可以在程序的多个地方被反复调用。 1)定义函数 格式一: function 函数名([形参列表]){ 函数体; [return [<表达式>];] } 格式二: var 变量名 = function([形参列表]){ 函数体;...原创 2022-04-20 10:47:33 · 163 阅读 · 0 评论 -
html+css+js基础内容(五)
1.JS是运行在客户端的一种解释型编程语言,它是一种弱类型的语言。2.JS的作用: 用来完成前后端交互、增加用户体验的一些逻辑实现。3.一个网页是三部分组成:结构(HTML/HTML5)、表现(CSS/CSS3)和形为(JavaScript)。4.前端开发的核心是:JavaScript。5.JavaScript的组成: 1)ECMAScript(标准:ECMA-262):基础语言部分(基础、面向对象等) 2)DOM(标准:W3C):节点操作 3)BOM(无标准):浏览...原创 2022-04-20 10:44:25 · 229 阅读 · 0 评论 -
html+css+js基础内容(四)
1.变形(transform) translate(x,y) 定义 2D 转换,沿着 X 和 Y 轴移动元素。 位移效果 translateX(n) 定义 2D 转换,沿着 X 轴移动元素。 translateY(n) 定义 2D 转换,沿着 Y 轴移动元素。 scale(x,y) 定义 2D 缩放转换,改变元素的宽度和高度。 缩放效果 scaleX(n) 定义 2D 缩放转换,改变元素的宽度。 scaleY(n) 定义 2D 缩放转换,改变元素的高度。...原创 2022-04-20 10:40:39 · 429 阅读 · 0 评论 -
html+css+js基础内容(三)
1.HTML5由W3C和WHAT组织机构共同研发出来的,于2014年正式发布。2.HTML5成为了新一代网页开发标准。3.HTML5新特性(面试) 1)增加了audio和video音频播放,抛弃了Flash 2)新增了canvas画布(绘画,制作动画(如小游戏开发等)) 3)地理定位 4)增加了离线缓存 5)硬件加速 6)Web Socket(全双工通信) 7)增加了本地存储 8)新增了一些语义化标签4.网页布局标签 header...原创 2022-04-20 10:30:26 · 198 阅读 · 0 评论 -
html+css+js基础内容(二)
1.什么是浮动? 浮动就是让块级标签不独占一行。目的(使用场景):把块级标签元素可以排在一行上。2.浮动的原理 就是让元素脱离文档流,不占用标准流。3.float的属性值: left:左浮动 right:右浮动 none:默认值,不浮动4.浮动后,后面的元素不管是块级还是行级元素,不会显示在下一行。5.清除浮动 目的:让后面的元素自动掉到下一行。 方法: 1)添加空标签,并设置样式:clear:both; ...原创 2022-04-20 10:26:41 · 188 阅读 · 0 评论 -
html+css+js基础内容(一)
1.标签由标签名、标签属性和文本内容三部分组成(注意:单标签没有文本内容)。2.标签属性是对标签的一种描述方式。3.标签属性分通用属性、自有属性和自定义属性。4.通用属性:所有标签都具有的属性(除<br />标签外)。 通用属性有: id:用来给标签取一个唯一的名称。id名称在一个网页必须是唯一的。 class:用来给标签取一个类名。 style:用来设置该标签的行内样式。 title:当鼠标移到该标签,所显示的提示内...原创 2022-04-20 10:22:08 · 269 阅读 · 0 评论