Tag:html

  • Front-end interview day 3+1 – day 177

    Time:2019-10-23

    Today’s point (October 10, 2019.10) — day 177 The front page of a website has a large number of pictures, which load slowly. If you, how can you optimize it? [CSS] have you ever used preload, preconnect, prefetch? What do they do? What do you think of the formal arguments of a function Soft skills […]

  • Detailed usage of HTML tags

    Time:2019-10-23

    HTML <span>tags <span>Used to combine inline elements in a document. <span>Tags do not have a fixed format representation. When you style it, it changes visually. If you don’t<span>Apply styles, so<span>The text in the element is not visually different from any other text. <span>Tags provide a way to separate part of the text or part of […]

  • Front-end core tools: yarn, NPM, and CNPM how can they be used together elegantly?

    Time:2019-10-23

    A front end that doesn’t work well with package managers is an entry-level front end that doesn’t work wellwebpackThe front end is a primary front end Three package managers can be used together, as long as you are bold enough, no problem! Recommend two articles Handwritten React scaffolding Handwritten Vue scaffolding Front-end performance optimization incomplete […]

  • CSS3 to achieve cool cutting image rotation effect

    Time:2019-10-23

    Today we’ll learn how to create a cool image rotation component using CSS. The idea is simply to switch background images and animations by clicking on the label element. The core is the use of radio buttons associated with labels and the use of universal sibling selectors to locate each image. The final result we […]

  • HTML5 empty canvas method (three methods)

    Time:2019-10-21

    Summarize three ways to empty the canvas: 1. The simplest method: since canvas content will be cleared every time the height or width is reset, you can use the following methods to clear: Function clearcanvas < span style = “font family: Verdana, Arial, Tahoma;” ></span> { var c=document.getElementById(“myCanvas”); var cxt=c.getContext(“2d”); c.height=c.height; } 2. Use clearrect […]

  • Relearn front end learning notes (24) — link elements in HTML

    Time:2019-10-21

    Note description The front-end of re learning is a column opened by Cheng Shaofei [former head of mobile Taobao] in Geek time, 10 minutes a day, to reconstruct your front-end knowledge system. The author mainly sorts out some key notes and insights of the learning process, and can join the column of winter to learn […]

  • HTML — knowledge points to be recorded

    Time:2019-10-21

    A string wrap //angular html <div style=’padding:20px;white-space:pre’> {{explain}} </div> //ts this.explain=’sdfsdf\n’+ ‘ sfsdfsdf\n’+ ” sdfdsfds”

  • HTML head header tag details

    Time:2019-10-20

    There are a lot of tags and elements in the HTML head part, which involves the rendering of web pages by browsers, SEO and so on. Each browser kernel and each domestic browser manufacturer have their own tag elements, which makes a lot of differences. In the era of mobile Internet, head structure and meta […]

  • How to add color mask to background picture

    Time:2019-10-20

    Some time ago, in the development process, we met with projects that need to add color mask to the background layer. Now we will specifically summarize the method of adding color mask to the background layer. Method 1: stack by positioning (attention level) <div class=”wrap1″> <div class=”inner”> </div> </div> .wrap1 { position: relative; width: 1200px; […]

  • Detailed usage of HTML tags

    Time:2019-10-20

    HTML <section>Label function <section>A label defines an area of the document. Such as chapters, headers, bottoms, or other areas of the document. HTML <section>Label usage An area of the document that explains what WWF is: <section> <h1>WWF</h1> <p>The World Wide Fund for Nature (WWF) is….</p> </section> HTML <section>Label demonstration <section> <h1>WWF</h1> <p>The World Wide Fund […]

  • Difference between post and get

    Time:2019-10-20

    Difference between post and get Reference: https://segmentfault.com/a/11900009512784 Brief introduction Get and post are the way HTTP interacts with the server. Speaking in the following ways:post、delete、put、get。 Their functions are respectively to add, delete, modify and check server resources. So, get is to get data, and post is to modify data. Alsohead: similar to get request, but […]

  • Reach router v4. X source 2

    Time:2019-10-19

    Review: the previous article talked about the relationship between browserrouter and router, as well as the principle of router to realize route jump switching. In this article, we will briefly introduce the source code of the remaining components of react router, and explore the way of implementation together with the official documents. 1. Switch.js Switch […]