2024-04-18整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》PDF完整版点击这里免费领取[外链图片转存中…(img-N6Qi0vDb-1712162110540)][外链图片转存中…(img-bt4RyvBs-1712162110540)]

https://www.qianduange.cn//article/5151.html 分类：前端知识

2024-04-17被废弃的媒体类型： CSS2.1 和 Media Queries 3 定义了一些额外的媒体类型( tty, tv, projection, handheld, braille, embossed, 以及 aural )，但是它们在 Media Queries 4 中已经被废弃，并且不应该被使用。aural 类型被替换为具有相似效果的 speech。二者区别在于，第一种写在 CSS 样式中是当条件成立后，执行 CSS Code , 第二种则是条件成立后，加载对应的外部样式表。_@media

https://www.qianduange.cn//article/5086.html 分类：前端知识

2024-04-16之前也有使用过echarts开发项目中涉及到的地图功能，当时使用geo来实现地图轮廓，看上去有种3d的感觉。首先安装下echarts和echarts-gl依赖，在这里注意的点是，echarts-gl版本可以安装低版本，默认安装的依赖版本运行后一直报错。，这也是实现3d地图的主要属性，针对geo3d中每个属性的功能大家可以在echarts文档进行查阅，这里我就不一一细说了。这里我截图展示的，需要看地图动效的，大家可以在本地运行看下地图自动旋转效果。接下来我们看下完整的代码。安装好依赖，在页面引入。_echarts地图 旋转

https://www.qianduange.cn//article/5055.html 分类：前端知识

2024-04-16作用：通过类名，找到页面中所有带有这个类名的标签，设置样式。②id属性值类似于身份证号，在一个页面中是唯一的，不可重复。①所有标签上都有class属性，class属性值称为类名。④类名可以重复，一个类选择器可以同时选中多个标签。③一个标签可以同时有多个类名，类名之间空格隔开。①开发中使用极少，只会在极特殊情况下用到。注：选中所有的这个标签都生效CSS。作用：找到页面中所有标签，设置样式。③一个标签上只能有一个id属性值。④一个id选择器只能选中一个标签。①所有标签都有id属性。_css查询标签

https://www.qianduange.cn//article/5047.html 分类：前端知识

2024-04-15本次实战通过前后端结合的方式，演示了如何使用jQuery的`$.post()`方法实现用户密码异步修改功能。前端采用Bootstrap框架构建简洁美观的表单界面，并利用JavaScript进行表单验证和异步提交处理；后端运用Spring MVC框架接收并处理请求，根据HttpSession中存储的用户名查询数据库，更新用户密码信息，并返回操作结果至前端。整个流程实现了页面无刷新更新密码，不仅提升了用户体验，也体现了前后端分离开发的优势以及jQuery在前端交互中的便捷性。通过实战演练，展示了Web应用中常见

https://www.qianduange.cn//article/5015.html 分类：前端知识

2024-04-15可以使用 jQuery 的子选择器（Child Selector）或 find() 方法来获取子元素。例如：选取 id 为 'parent' 的元素内所有 class 为 'child' 的直接子元素。例如：选取 id 为 'parent' 的元素内所有 class 为 'child' 的子元素。使用 jQuery 的 find() 方法来选取指定父元素内的子元素。注意：在查找子元素时，要注意查找的范围，避免误操作和影响性能。使用父元素的选择器和 '>' 符号来选取该父元素的子元素。_jquery 中 如何找到所有 html select 标签的选中项?

https://www.qianduange.cn//article/5012.html 分类：前端知识

2024-04-15推荐一些系统学习的途径和方法。每个Web开发人员必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。里面的一些 HTML，CSS，HTTP 技术教程也相当不错。CodeChina开源项目：【大厂前端面试题解析 核心总结学习笔记 真实项目实战 最新讲解视频】HTML 和 CSS：必备，很权威很齐全的Web开发文档。作为学习辞典使用，可以查询到每个概念、方法、属性的详细解释，注意使用英文关键字搜索。

https://www.qianduange.cn//article/5007.html 分类：前端知识

2024-04-15部门列表页首先需要拿到包裹在路由中传过来的数据，对于本范例而言，就是需要拿到数据中的公司编号，然后在created() 生命周期函数中调用对应方法中的接口，把公司编号作为参数传给后端，然后后端根据公司编号在数据库表中去查询数据，最后把数据打包返回给前端，前端的部门列表页接收数据之后，再把数据展示到公司的部门列表页中。先来描述一下这东西能干什么？而接口文件，则是为了保证，跳转到指定页面后数据的正常显示，一般情况下，这种自身带有参数的跳转，目标页面会接受其所传的参数，然后打包传给后端去查询数据，最后把。_$router.push

https://www.qianduange.cn//article/4997.html 分类：前端知识

2024-04-15前台主要包括网站首页、商品推荐、最新商品、新闻咨询、商品分类、商品资讯 、评论、登录、注册、加入购物车、结算、个人中心等功能模块 商品推荐、最新商品 在商品推荐、最新商品模块，用户可以查看全部商品信息，选择商品进行添加购物车等操作， 购物车 在购物车模块，用户可以查看购物车信息，进行订单信息修改、结算等操作， 个人中心 在个人中心模块，用户可以修改密码，查看订单信息，对订单进行收货、评价等操作 新闻咨询 在新闻咨询模块，用户可以看到新闻相关信息 登录注册模块 用户可以输入用户名、密码进行注册，并用注册的用户_在线商城 html

https://www.qianduange.cn//article/4937.html 分类：前端知识

2024-04-15这里的视窗（Viewport） 指的是浏览器可视化的区域window.innerWidth/window.innerHeight 的大小。rem 就是相对于根元素 html 的 font-size 来做计算。通过媒体查询适应不同机型，配合rem或vw进行布局。DPR = 设备物理像素 / CSS像素。_移动端自适应布局如何实现

https://www.qianduange.cn//article/4935.html 分类：前端知识