[Must-read for front-end job hunting] Selected front-end development interview questions and answers_Outline

Front-end development interview knowledge points outline: 1. HTML&CSS: Understanding of Web standards, browser kernel differences, compatibility, hacks, basic CSS skills: layout, box model, selector priority and use, HTML5, CSS3, mobile terminal adaptation 2. JavaScript: Data type, object-ori...

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

javascript - Website loads slowly

http://cqwind.chinacloudapp.c... The loading speed of this website is very slow. The large pictures that should be changed have been changed (it is still an old version of the web page). The main problem is the interface. One interface needs to receive five pieces of data. This The five pieces of da...

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

Preview of the teaching course on September 20, 2018: Bootstrap framework basics and practice

1. Teaching Topic: Bootstrap Framework Basics and Practice Bootstrap is the most popular HTML, CSS and JS framework, used to develop responsive layout, mobile device-first WEB projects. Bootstrap is designed for all developers and all application scenarios, making front-end development faster and si...

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

nginx - Questions about server load balancing and high availability

Please answer some questions about server high availability! For example, if ngnix is ​​used as an intermediate server and the reverse proxy web server (tomcat) is used for load balancing, is this considered high availability? Then I was afraid that ngnix would hang up and I used lvs+keepalived as m...

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

I can't center align anything on the screen

I'm following a YouTube tutorial on how to make a responsive navigation bar on HTML using CSS, everything is going fine until I try to add text in the center of the screen and it appears on the left side of the screen (only if the window resolution is higher than 952px wide ). I'm very new to CSS an...

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

The rewritten title is: How can I use Tailwind CSS to create animated dropdown menu with adjustable height?

I'm using: Tailwindcss, React and Next.js for a side project. I'm trying to create a responsive navigation bar that displays a hamburger menu when the screen size reaches the "sm" size defined by tailwind. When I click on the hamburger icon, I want the menu to transition from height 0 to m...

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

CSS Grid Layout Square Cells

I want to create a dashboard-like view using CSSGrid-Layout as a base. I want 16 columns spread across the entire length of the screen (should be responsive). The height of the cell should then be determined by the width of the cell to make the cell a square. The problem is, I want some cells to spa...

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

Tips to improve WooCommerce member query speed: Optimize MySQL index

I have a WooCommerce membership based website using the Teams for WooCommerce membership extension. Despite having a huge user base (>70,000 users), it performs very well 95% of the time. We receive approximately 10,000 visits per day with response times of under one second. During peak seasons w...

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

How to wrap items to always have at least 2 items on the last row?

Image Question My client of course wants to list vehicles on his website in a responsive manner. But all known techniques (flex, grid) wrap the last item to the next row. What I tried to do with the pictures but for the hero, it's extremely ugly. The client wants: A maximum of 5 items per row A mini...

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

Crop and move images. grid layout

I'm struggling with getting the image in the right position and cropping it at the top and bottom. This is what it should look like (hero part): https://www.behance.net/gallery/161732057/CozyMornings-online-store The entire project is built on a grid. I need a circular image moved to the left, large...

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

Place responsive blocks in flex columns

I have a gaming website that has a header, board, and footer. I need all three to fit inside the viewport. The board should be smaller to achieve this. Minification is the problem I'm having. I've been able to get the width responsive but not the restrictive height. The board should remain square an...

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

There is a functional issue with the navigation bar drop-down menu (collapse) in Bootstrap 5

I'm running into an issue while trying to create a responsive menu or dropdown button using Bootstrap5. Everything seems to be fine. Navigation icons and drop-down icons are displayed. But they don't work. When I click on the nav icon or dropdown button, the dropdown menu does not appear. I want to ...

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

Maintain responsive Flex properties when iterating arrays using Handlebars

I have the following code (using Handlebars, working code from 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  559

Why is the app high defense server preferred when deploying the app?

As HTML5 code matures, more and more users are building app servers. Since the app installs common materials and caches on the mobile device and then reads the content on the server, the loading speed is faster than the mobile website and the user stickiness It is also relatively powerful, so the co...

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

Ways to fix issue 2003 (HY000): Unable to connect to MySQL server 'db_mysql:3306' (111)

I recently tried to containerize my FastAPIPython server (also for replication/doubling purposes). Before, I had just a MySQL server in a Docker container and everything was fine, but when I also made my web server a service, it couldn't connect to the MySQL server, so now the application doesn't wo...

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

Experiment with sorting after query limit

So this is my first question here, please forgive me if something is wrong. I'm trying to make a sort query based on constraints. So there is a Customers table with 90 records. I want to first perform a query limited to 3 records, and then sort the results of this query by a column called ContactNam...

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

CSS Grid: Create new row when child content overflows column width

I have a two column layout based on CSS grid. When the content of the second column exceeds 1fr I want to create a new row. As it currently stands, the content simply overflows the column. One requirement of this layout is that the items in the right menu column are in one row. I achieve this with: ...

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

PHP full text search functionality using AND, OR and NOT operators

Newbie question: I'm trying to implement a full text search on a search string using php and eloquent. $searchstring="+(victimsuspect)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

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

Shortest way to convert all PHP types to string

I'm writing a general system that I hope can one day be applied to fields like medicine (i.e. it's "scientific"). I think the best way is to represent all the data in php with strings (true will be "true", false will be "false" and so on). The reason for this is that in...

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

How to get average of DATETIME column in MySQL while grouping by other columns

I'm creating and populating a MySQL table using the following query: 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  506