


javascript - If a page is blank after opening, how would you locate the problem? If it's not a network or server problem, it's a front-end problem. How to locate it?
Just now, I saw an interview question and I didn’t know how to answer it. I don’t know what everyone thinks. Thank you so much.
Reply content:
Just now, I saw an interview question and I didn’t know how to answer it. I don’t know what everyone thinks. Thank you so much.
Check the status code returned by the page in the browser developer tools. If it is a 500 series, it is a server error. You can check the error log of the web server to find out where the error is. If the 200 return is successful, you can look at the console below. Is there any error message to determine if there is a problem with the js? You can also check the page source code to see if there is any content. Of course, the possibility of discovering the problem is unlikely
1.Frontend Analysis:open the chrome dev tool,record the http[s] proccess,then you will get the http status code;
2.Backend Analysis: grep nginx error log or access log,grep the unexpected http request,then get it.
js blocking?
If external js is introduced in
Check the resource loading status to determine if there is a network or server problem. Check if there is any js error and the page is stuck loading. See the page source code.
If it is a front-end problem, there are many types of errors, such as script loading errors, js code problems, etc. If it is a resource loading problem, it should be able to detect it from the browser developer tools and prescribe the right remedy. If it is a problem in the code, there are many solutions. Try...catch is a relatively simple and commonly used method. That's all I know.
My own solution, but I don’t know if it’s suitable as an interview answer. Please forgive me if it’s unreasonable.
First of all, if I wrote it myself, there was already a page. After writing some code, if I refresh the browser again and a blank page appears, I will copy the entire code that I just wrote, and then delete it on the original page. Yes, check whether it is good or not. If it is good, check the new code and then put it into the main code.
Secondly, if you have written a lot of code and don’t know where the problem is, first open the page and check whether the tags are complete, whether the links in the head part are correct, whether the js order is correct, and whether there are conflicts.
When writing JS, I personally use two browsers, ff and Google. When something goes wrong, I will use F12 to see if the console reports an error. I usually use console.log().alert() for debugging.

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Notepad++7.3.1
Easy-to-use and free code editor

SublimeText3 Chinese version
Chinese version, very easy to use

Zend Studio 13.0.1
Powerful PHP integrated development environment

Dreamweaver CS6
Visual web development tools

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Hot Topics











PHP and Python each have their own advantages, and choose according to project requirements. 1.PHP is suitable for web development, especially for rapid development and maintenance of websites. 2. Python is suitable for data science, machine learning and artificial intelligence, with concise syntax and suitable for beginners.

PHP is widely used in e-commerce, content management systems and API development. 1) E-commerce: used for shopping cart function and payment processing. 2) Content management system: used for dynamic content generation and user management. 3) API development: used for RESTful API development and API security. Through performance optimization and best practices, the efficiency and maintainability of PHP applications are improved.

PHP is a scripting language widely used on the server side, especially suitable for web development. 1.PHP can embed HTML, process HTTP requests and responses, and supports a variety of databases. 2.PHP is used to generate dynamic web content, process form data, access databases, etc., with strong community support and open source resources. 3. PHP is an interpreted language, and the execution process includes lexical analysis, grammatical analysis, compilation and execution. 4.PHP can be combined with MySQL for advanced applications such as user registration systems. 5. When debugging PHP, you can use functions such as error_reporting() and var_dump(). 6. Optimize PHP code to use caching mechanisms, optimize database queries and use built-in functions. 7

PHP is still dynamic and still occupies an important position in the field of modern programming. 1) PHP's simplicity and powerful community support make it widely used in web development; 2) Its flexibility and stability make it outstanding in handling web forms, database operations and file processing; 3) PHP is constantly evolving and optimizing, suitable for beginners and experienced developers.

PHP and Python each have their own advantages, and the choice should be based on project requirements. 1.PHP is suitable for web development, with simple syntax and high execution efficiency. 2. Python is suitable for data science and machine learning, with concise syntax and rich libraries.

PHP and Python have their own advantages and disadvantages, and the choice depends on project needs and personal preferences. 1.PHP is suitable for rapid development and maintenance of large-scale web applications. 2. Python dominates the field of data science and machine learning.

PHP is suitable for web development, especially in rapid development and processing dynamic content, but is not good at data science and enterprise-level applications. Compared with Python, PHP has more advantages in web development, but is not as good as Python in the field of data science; compared with Java, PHP performs worse in enterprise-level applications, but is more flexible in web development; compared with JavaScript, PHP is more concise in back-end development, but is not as good as JavaScript in front-end development.

PHP is mainly procedural programming, but also supports object-oriented programming (OOP); Python supports a variety of paradigms, including OOP, functional and procedural programming. PHP is suitable for web development, and Python is suitable for a variety of applications such as data analysis and machine learning.
