[前端求职必看]前端开发面试题与答案精选_大纲

前端开发面试知识点大纲：1、HTML&CSS：    对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应  2、JavaScript：      数据类型、面向对象、继承、闭包、插件、作用域、跨域、原型链、模块化、自

天蓬老师 2017-11-13 12:02:37 1  3  1618

javascript - 网站加载速度慢

http://cqwind.chinacloudapp.c...这个网站加载速度很慢，图片大的该改的已经改了，（现在还是旧版的网页），主要是接口问题，一个接口要接收五条数据，这五条数据可能在数据库不同的表里面，这一块响应速度比较...

怪我咯 2017-06-12 09:25:45 0  4  924

2018年9月20日教学课程预告：Bootstrap 框架基础与实战

一、教学专题：Bootstrap 框架基础与实战Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。Bootstrap为所有开发者、所有应用场景而设计,可以让前端开发更快速、简单。学习更多Bootstrap知识点，请准时关注今晚的直播课程！主讲老师:  Peter Zhu二、教学时间： 晚20:00 ~ 22:00三、教学

藏色散人 2018-09-20 10:43:11 0  0  1463

nginx - 关于服务器负载均衡及高可用的疑问

对服务器高可用的几个疑点，求解答！ 比如ngnix做中间服务器，反向代理web服务器(tomcat)做负载均衡,这算不算高可用？ 然后怕ngnix挂掉又用lvs+keepalived做中间件实现高可用，但是我觉得lvs应该也是有可能会挂掉...

漂亮男人 2017-06-29 10:09:13 0  2  1105

我无法将屏幕上的任何内容居中对齐

我正在关注YouTube教程，了解如何使用CSS在HTML上制作响应式导航栏，一切都很顺利，直到我尝试在屏幕中央添加文本，它出现在屏幕左侧（仅当窗口分辨率高于952px宽时）。我对CSS很陌生，我尝试修复它的所有内容似乎都不起作用。代码如下*{padding:0;margin:0;text-decoration:none;list-style:none;box-sizing:border-box;

P粉136356287 2024-04-01 11:51:40 0  2  463

重写后的标题为：How can I use Tailwind CSS to create animated dropdown menu with adjustable height?

我正在使用：Tailwindcss、React和Next.js进行业余项目。我正在尝试创建一个响应式导航栏，当屏幕尺寸达到顺风定义的“sm”尺寸时，它会显示一个汉堡菜单。当我单击汉堡包图标时，我希望菜单从高度0过渡到max-h-40。我觉得我在下面的代码中遗漏了一些微不足道的东西，希望其他人看到这个可以看到我遗漏了什么？navbar.tsx"useclient";importI

P粉667649253 2024-02-17 11:54:04 0  1  566

CSS网格布局方格单元格

我想要创建一个类似仪表盘的视图，其中使用CSSGrid-Layout作为基础。我希望在整个屏幕的长度上分布16列（应该是响应式的）。然后，单元格的高度应该由单元格的宽度决定，以使单元格成为正方形。问题是，我希望某些单元格跨越多个单元格。例如，我想要一个占用2x1个单元格的元素。所以我有基本的网格布局：.grid-container{display:grid;grid-template-column

P粉593536104 2023-08-15 20:13:32 0  1  521

提升WooCommerce会员查询速度的建议：优化MySQL索引

我有一个基于WooCommerce会员的网站，使用了TeamsforWooCommerce会员扩展。尽管有庞大的用户群体（>70,000用户），95%的时间它表现得非常好。我们每天接待约10,000个访问，响应时间在一秒以下。在用户需要完成培训的旺季期间，由于并发未缓存请求的负载，网站可能会崩溃。使用QueryMonitor工具，有一个查询引起了注意：0.0375秒（平均值小于0.0050秒

P粉333186285 2023-08-26 11:09:08 0  1  644

如何包装项目以始终在最后一行至少包含 2 个项目？

图片问题我的客户当然希望以响应式方式在他的网站上列出车辆。但所有已知的技术（flex、grid）都将最后一个项目包装到下一行。我尝试用图片做什么但对于英雄来说，这是极其丑陋的。客户想要：每行最多5项每行至少2项棘手的部分是项目的数量必须动态。通常在4至6辆车之间我知道我可以像这样选择最后两项.item:nth-last-child(-n+2){order:2;/*setorderto2forthe

P粉023650014 2023-09-11 16:49:22 0  1  672

裁剪和移动图像。网格布局

我正在努力将图像放在正确的位置并将其裁剪在顶部和底部。这就是它应该看起来的样子（英雄部分）：https://www.behance.net/gallery/161732057/CozyMornings-online-store整个项目是在网格上构建的。我需要一个向左移动的圆形图像，大于容器并在顶部和底部进行裁剪。此外，它应该具有响应能力。我试图将图像放入包装中。给这个包装器相对位置并隐藏溢出。这不

P粉548512637 2023-09-15 19:18:46 0  1  643

将响应式方块放置在弹性列中

我有一个游戏网站，其中有页眉、棋盘和页脚。我需要将所有三个都安装在视口内。棋盘应该缩小才能实现这一点。缩小是我遇到的问题。我已经能够获得宽度响应，但无法获得限制性高度。棋盘应保持正方形并占据未使用的空间或缩小以防止溢出。我正在按照以下方式做一些事情，但是棋盘最终会溢出父级的高度。在我的实际代码中，由于换行，标题的高度是未知的。页脚有不同数量的文本。棋盘内部有一系列代表行的div和一系列代表棋盘各个

P粉545682500 2023-09-03 19:51:51 0  2  618

Bootstrap 5中的导航栏下拉菜单（折叠）存在功能异常问题

我在尝试使用Bootstrap5创建响应式菜单或下拉按钮时遇到了一个问题。一切似乎都没问题。导航图标和下拉图标都显示出来了。但是它们不起作用。当我点击nav图标或dropdown按钮时，没有出现dropdown菜单。我想特别提到的是，我还包含了jquery文件。但它没有起作用。有人可以告诉我这里发生了什么吗？最后一件事，我在使用其他一些bootstrap类（如mr-auto，ml-auto等）时遇

P粉322319601 2023-08-22 20:42:45 0  1  765

使用 Handlebars 迭代数组时保持响应式 Flex 属性

我有以下代码（使用Handlebars，JSFiddle中的工作代码）：<divclass="cards-container">{{#eachthis.cards}}<divclass="card-containercontainer-col-innercol-12col-md-6col-lg-3"><divclass=&quo

P粉098417223 2023-09-02 23:45:35 0  1  573

app部署时为什么首选app高防服务器

随着html5的代码日渐成熟，现在搭建app服务器的用户越来越多，由于app是将通用素材和缓存安装到移动设备上然后读取服务端的内容，所以加载速度比移动端网站更快用户粘性也比较强所以在选择配置上和传统的web服务器是有所不同的。那么app服务端要怎么部署呢？部署时为什么要选择app高防服务器呢？这里170yun小编就来解释一下：1、线路：选择手机APP服务器时，我们要考虑用户使用的手机，一般分为电信

纵横数据** 2020-03-16 14:46:27 0  0  1214

解决问题2003（HY000）：无法连接到MySQL服务器' db_mysql：3306'（111）的方法

我最近尝试将我的FastAPIPython服务器容器化（也是为了复制/双倍化）。之前，我只有一个MySQL服务器在一个Docker容器中，并且一切都很好，但是当我将我的Web服务器也作为一个服务时，它无法连接到MySQL服务器，所以现在应用程序无法工作。下面是应用程序中服务器数据库初始化连接器的代码片段fromfastapiimportFastAPIimportmysql.connectorapp

P粉178132828 2023-09-05 11:18:47 0  1  895

尝试在查询限制后进行排序的实验

所以这是我在这里的第一个问题，如果有什么不对的地方，请原谅。我试图按照限制条件进行排序查询。所以有一个包含90条记录的Customers表。我想先进行限制为3条记录的查询，然后再按照一个叫做ContactName的列对这个查询结果进行排序。我认为这可能是一个嵌套查询。在SQLServer中嵌套查询运行良好，但不知道如何在MySQL中实现。限制查询：Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  778

CSS 网格：当子内容溢出列宽时创建新行

我有一个基于CSS网格的两列布局。当第二列的内容超过1fr我想创建一个新行。按照目前的情况，内容只是溢出了该列。此布局的一个要求是右侧菜单列中的项目位于一行中。我通过以下方式实现这一目标：.right-menu{...grid-auto-flow:columndense;...}如果我删除grid-auto-flow属性，溢出就会停止。但是，这些项目现在堆叠成多行，这不是我想要的。我还尝试将.ri

P粉212114661 2023-09-05 15:18:28 0  1  656

使用AND、OR和NOT运算符的PHP全文搜索功能

新手问题：我正在尝试使用php和eloquent在搜索字符串上实现全文搜索。$searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  626

以最短的方式将所有PHP类型转换为字符串

我正在编写一个通用系统，希望有一天可以应用于医学等领域（即它是“科学的”）。我认为最好的方法是用字符串在php中表示所有数据（true将是“true”，false将是“false”，依此类推）。这样做的原因是在php中任何值都有唯一的字符串表示（例如php代码本身）。我发表这个问题是为了加速这个程序的设计过程。有些值很容易转换为字符串：数字、布尔值等。有些不容易：对象、数组、资源。我认为传输对象和

P粉369196603 2023-09-05 15:34:44 0  1  1047

如何在按其他列分组时获取 MySQL 中 DATETIME 列的平均值

我正在使用以下查询创建并填充MySQL表：SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01-0310:

P粉460377540 2023-09-05 11:46:21 0  1  532