![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML5
文章平均质量分 79
谢迅
这个作者很懒,什么都没留下…
展开
-
常见前端面试题整理(带答案)
(1)根据内容的语义化,选择合适的标签。便于开发人员阅读和写出更优雅的代码,也便于团队后期的开发和维护;(2)在没有CSS,或者CSS尚未加载的时候,页面也能够呈现出很好的内容结构、代码结构(如标题和正文分开);(3)有利于搜索引擎优化。搜索引擎依赖于标签来确定上下文和各个关键字的权重,语义化标签,有助于爬虫获取到更多有效的信息(1)canvas 标签,可以实现使用 javascript 在网页上绘制图像,如坐标轴、折线图;(2)支持 svg(可伸缩矢量图形),svg 图像在放大的时候图像质量不会降低;(3原创 2022-06-15 12:34:58 · 7097 阅读 · 1 评论 -
vue入门教程(二)
是一套用于构建用户界面的前端框架。前端开发者最主要的工作,就是为网站的使用者(又称为:网站的用户)构建出美观、舒适、好用的网页。 vue 框架的特性,主要体现在如下两方面:数据驱动视图 在使用了 vue 的页面中,vue 会监听数据的变化,从而自动重新渲染页面的结构。好处:当页面数据发生变化时,页面会自动重新渲染!注意:数据驱动视图是单向的数据绑定。双向数据绑定 在填写表单时,双向数据绑定可以辅助开发者在不操作 DOM 的前提下,自动把用户填写的内容同步到数据源中。好处:开发者不再需要手动操作 DOM 元原创 2022-06-14 12:37:17 · 145 阅读 · 0 评论 -
Ajax入门(二)
1. form表单的基本使用表单在网页中主要负责数据采集功能。HTML中的<form>标签,就是用于采集用户输入的信息,并通过<form>标签的提交操作,把采集到的信息提交到服务器端进行处理。2、<form>标签的属性<form>标签用来采集数据,<form>标签的属性则是用来规定如何把采集到的数据发送到服务器。action 属性用来规定当提交表单时,向何处发送表单数据。 action 属性的值应该是后端提供的一个 UR原创 2022-05-30 15:06:20 · 56 阅读 · 0 评论 -
前端-常见面试题
题 1:JavaScript中的==与===“==” 的比较规则 先检查两个操作数的数据类型是否相同 如果相同,则比较两个数是否相等 如果不同,则先将两个数转换为相同数据类型,再进行比较 4.js自动进行了一次数据类型转换,将字符串、数组、布尔值转为数字,再进行比较。“===”的比较规则 先检查两个操作数的数据类型是否相同 若不同,直接返回false 若相同,则比较二者是否相等 跟==不同,当数据类型不同时, 不进行数据类....原创 2022-03-15 13:34:04 · 1009 阅读 · 0 评论 -
jQuery入门(二)
1、jQuery 事件注册$(“div”).click(function(){ 事件处理程序 })$('div').click(function(){ //事件处理函数 })其他事件和原生基本一致。 比如mouseover、mouseout、blur、focus、change、keydown、keyup、resize、scroll 等2、事件处理 on() 绑定事件2.1、on() 方法在匹配元素上绑定一个或多个事件的事件处理函数2.2.原创 2022-05-23 13:02:15 · 97 阅读 · 0 评论 -
jQuery入门(一)
第一章 初识jQuery一、jQuery简介1.什么是jQuery?jQuery是一个优秀的JavaScript库,是一个凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档,操作DOM,执行动画和开发Ajax的操作。jQuery封装了很多预定义的对象和函数。其理念:write less,do more.————————————————版权声明:本文为CSDN博主「qq_37957971」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接原创 2022-05-23 10:36:53 · 136 阅读 · 0 评论 -
Ajax-入门(一)
1、URL(统一资源定位符)用于标识互联网上每个资源的唯一存放位置。浏览器只有通过URL地址,才能正确定位资源的存放位置,从而成功访问到对应的资源。常见的URL举例:http://www.baidu.com http://www.cnblogs.com/liulongbinblogs/p/11649393.htmlURL地址一般由三部组成:① 客户端与服务器之间的通信协议 ② 存有该资源的服务器名称 ③ 资源在服务器上具体的存放位置2、 客户端与服务器的通信过程注意: 客.原创 2022-05-22 08:27:54 · 70 阅读 · 0 评论 -
移动Web(四)-响应式(BootStrap)
1、媒体查询目标:能够根据设备宽度的变化,设置差异化样式 l min-width(从小到大) l max-width(从大到小) l 需求 Ø 默认网页背景色是灰色 Ø 屏幕宽度在768-992之间, 网页背景色是粉色 Ø 屏幕宽度在992-1200之间, 网页背景色是skyblue Ø 屏幕宽度大于1200, 网页背景色是绿色...原创 2022-05-19 12:31:37 · 310 阅读 · 0 评论 -
移动web(三)-less
1、移动适配 rem : 目前多数企业在用的解决方案 vw / vh:未来的解决方案屏幕宽度不同,网页元素尺寸不同(等比缩放) px单位或百分比布局可以实现吗? px单位是绝对单位 百分比布局特点宽度自适应,高度固定 rem单位是相对于HTML标签的字号计算结果 1rem = 1HTML字号大小2、rem移动适配 - 媒体查询 媒体查询能够检测视口的宽度,然后编写差异化的 CSS 样式 当某个条件成立, 执行对应的CSS样式...原创 2022-05-16 23:29:33 · 89 阅读 · 0 评论 -
移动web(二)
1、空间转换 目标:使用transform属性实现元素在空间内的位移、旋转、缩放等效果 l 空间:是从坐标轴角度定义的。 x 、y 和z三条坐标轴构成了一个立体空间,z轴位置与视线方向相同。 l 空间转换也叫3D转换 l 属性:transform...原创 2022-05-11 12:19:34 · 55 阅读 · 0 评论 -
DOM入门(三)
获取事件对象事件对象是什么也是个对象,这个对象里有事件触发时的相关信息 例如:鼠标点击事件中,事件对象就存了鼠标点在哪个位置等信息如何获取在事件绑定的回调函数的第一个参数就是事件对象 一般命名为event、ev、e常见事件对象属性type 获取当前的事件类型 clientX/clientY 获取光标相对于浏览器可见窗口左上角的位置 offsetX/offsetY 获取光标相对于当前DOM元素左上角的位置key用户按下的键盘键的值 现在不提倡使用keyCode事件流和两原创 2022-03-31 17:00:13 · 753 阅读 · 0 评论 -
JS基础入门(三)
1.5 作用域1. JS 中作用域分为哪三种? 全局作用域。函数外部或者整个script 有效 局部作用域。也称为函数作用域,函数内部有效 块级作用域。 { } 内有效 2. 根据作用域不同,变量分为哪三种? 全局变量 局部变量 块级变量 3. 有一种特殊情况是全局变量是那种?我们提倡吗? 局部变量或者块级变量 没有let 声明直接赋值的当全局变量看 我们强烈不提倡 还有一种特殊情况,函数内部的形参可以当做局部变量看 1原创 2022-03-21 11:20:46 · 392 阅读 · 0 评论 -
DOM入门(二)
DOM节点 1. 什么是DOM 节点? DOM树里每一个内容都称之为节点 2. DOM节点的分类? 元素节点 比如 div标签 属性节点 比如 class属性 文本节点 比如标签里面的文字 3. 我们重点记住那个节点? 元素节点 可以更好的让我们理清标签元素之间的关系...原创 2022-03-29 10:40:43 · 1419 阅读 · 0 评论 -
css3基础入门(二)
1、盒子模型作用: 控制元素的显示效果包括: 尺寸,元素位置,边框,元素内容的位置 盒子模型: 内容+外边距+边框+内边距 内容:content: 负责控制元素的尺寸 外边距:margin:负责控制元素的位置 边框:border:负责控制元素的边框1px solid red 内边距:padding:负责控制元素内容的位置盒子模型之内容Contentwidth/height 赋值方式: 像素: 200px 上级元素的百分比: 50% 盒子模型之外边距margin ...原创 2022-05-03 12:24:32 · 449 阅读 · 0 评论 -
css3基础入门(一)
CSS层叠样式表 作用: 负责美化页面 (装修)如何在html页面中添加CSS样式代码内联样式:在标签的style属性中添加样式代码, 弊端:不能复用内部样式:在head标签里面添加style标签, 通过选择器找到元素后再添加样式代码, 可以复用但是不能多页面复用外部样式:在单独的css样式文件中写样式代码, 在html页面中通过link标签引入, 可以多页面复用,可以将样式代码和html代码分离开.工作中外部样式使用的最多, ...原创 2022-03-06 00:47:24 · 282 阅读 · 0 评论 -
前端-HTML
Git地址https://gitee.com/teduliu/cgb2112.git课程介绍web前端: 学习如何搭建页面,如何美化页面,如何给页面添加动态效果MySQL数据库:学习如何对数据进行增删改查SpringBoot: 学习如何接收客户端请求,以及如何响应请求,并将页面展示,业务逻辑,数据存储三大部分整合项目HTML作用: 负责搭建页面结构和内容 (盖房子毛坯房)HyperTextMarkupLanguage: 超文本标记语言超文本: 指不仅仅是纯文本,还包括字体和多媒体(图片原创 2022-03-03 13:11:09 · 72 阅读 · 0 评论 -
js高级篇
css定义了这个div的overflow“auto”的属性,还有就是要给这个div一个适合这个页面的宽度。这样,当“box”里面的内容宽度大于css定义的宽度时,就会出现滚动条了。里面的内容可以是表格,也可以是图片等等overflow的auto值很像scroll,它唯一解决的是在你不需要的时候也会出现滚动条的问题。auto属性只会在它需要的时候给盒子一个滚动条。滚动事件(scroll) 当页面进行滚动时触发的事件 为什么要学? 很多网页需要检测用户把页面滚动到某个区域原创 2022-04-03 00:50:09 · 411 阅读 · 0 评论 -
css3入门(三)
position一般分为三种,一种是相对定位relative,一种是绝对定位absolute,一种是固定定位fixed1、position:relative 相对定位特点: 1)不影响元素本身的特性; 2)不使元素脱离文档流(元素移动之后原始位置会被保留); 3)如果没有定位偏移量,对元素本身没有任何影响; 4)提升层级。注:定位元素位置控制:top/right/bottom/left 定位元素偏移量2、position:absolute ...原创 2022-04-02 10:32:55 · 92 阅读 · 0 评论