As a front-end, what kind of Web Page effect will you stop to see his source code? -

Source: Internet
Author: User
Recently, it's a bit confusing. If you see interesting fonts and anchor hover effects, you will definitely open the source code. Start to reflect, how will other front-end engineers be attracted by code? Recently, it's a bit confusing. If you see interesting fonts and anchor hover effects, you will definitely open the source code.
Start to reflect, how will other front-end engineers be attracted by code? Reply: Well, when there is an advertisement that cannot be blocked, I will stop to view the source code and then add it to it silently

display:none;
It involves webgl and canvas, because these two are basically not... (Escape) if the page is complex and loaded quickly, I will first open Devtools to check whether the actual efficiency and memory usage are stable. If so, I will take a closer look at the code. 1. When I see the animation effect, I will see whether it is JS or transform.
2. You can see the pop-up window or Tiptool.
3. When you see a non-Flash video player.
4. When you see a non-system font.
5. When I see asynchronous loading, I can't help myself with the F12-network. It is a layout method that just strikes the senses. In so many inherent routines, the layout of your own style is always more appealing to understand the details. Seeing the effect of previous dead-lived implementations when a website appears, let's take a look at the implementation method of F12 (obfuscation of code is too difficult! Drop ). When someone else provoked me, he went to his website and checked his source code to find the vulnerability. Feel good. copy and paste the file directly.

If the JavaScript source code is compressed, but you want to know the number of running routes of the code, you can do this:
Reload the browser event and delegate hook debugging when running a specific event as a UI design.

In the following cases, I will view its generation:

  • Actually, I think it is very performance-consuming (such as Gaussian Blur );
  • The Chinese font is not a preset internal font;
  • Make the dynamic effect of my notebook;
  • When there is a Bug in this website (when the website is bit, there is no actual operation in the manual operation );
  • When users attempt to crawl their applications;
  • When the CSS of the response is optimized;

Let's talk about it again. Whether css or js is used for cool animation Effects
The exquisite layout will also look at how people layout it. (if there are few p sets embedded, that would be great. Generally, table does not look at =, =)

I personally think that learning from others' layout frameworks is also a progressive aspect.
It seems that I am still a cut chart...

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.