Tag:html5

  • On the “Vue ecology” series of “template loader and computational property”

    Time:2019-10-23

    On the “Vue ecology” series of “template loader and computational property” The mission Write ‘cc-loader’ so that we can run my skeleton code using the ‘xxx.cc’ file. Add a life cycle function for ‘cc_vue’. Added ‘compute attribute ‘. Add ‘observe attribute ‘. Definition and preparation of ‘cc-loader’ This is only the most basic version, and […]

  • 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 […]

  • Teach you how to use WebSocket by hand.

    Time:2019-10-23

    Before this article,WebSocketA lot of people had heard of, did not see, unused, think a very tall on the technology, in fact this technology is not mysterious, can say is a very easy to master the technology, the hope is after reading this article, take out the chestnut in the article immediately oneself try, practice […]

  • 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 […]

  • H5 gets location information

    Time:2019-10-23

    function success(position){ Alert (” position obtained successfully “,position.coords); Document. Write (” dimension “, the position. The coords. Latitude and longitude, the position, coords. Longitude, “coordinate precision,” position. The coords. Accuracy) } function error(positionError){ Alert (‘ failed to get location: ‘positionError. Code, positionError. The Message) document.write(positionError.code,positionError.Message) } var options = { enableHighaccuracy:false, timeout:3000, maximumAge:0 } if(navigator.geolocation){ […]

  • 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 […]

  • Making Olympic rings with canvas

    Time:2019-10-21

    <canvas id=”xxb” width=”500″ height=”500″></canvas> <script type=”text/javascript”> var bg = document.getElementById(‘xxb’); var ctx = bg.getContext(‘2d’); //First circle ctx.beginPath(); CTX. Linewidth = 10; // size of edge line of circle CTX. Strokestype =’rgb (43,0155) ‘; // color of circle Ctx.arc (60,60,50,0 * math. PI, 2.25 * math. PI, false); // horizontal position, vertical position, radius and radian […]

  • How to improve the conversion rate and retention rate of app with deep link

    Time:2019-10-21

    In the era of mobile Internet, the sharing and dissemination of information is undoubtedly the key to the growth of APP drainage. Instead of spending a lot of energy and cost to find channels and hard promotion, it is better to start from the details, use the fastest and easiest method to realize deep link […]

  • CSS in-depth front-end chapter before 2020, fully grasp the CSS animation [transition]

    Time:2019-10-21

    Written in front It will be 2020 soon. Do you know that my friends have learned CSS3 animation this year? Speaking of CSS animation is a very awkward thing. On the one hand, because the company uses less CSS animation, on the other hand, most developers are accustomed to using JavaScript to do animation, so […]

  • HTML5 file domain + FileReader reads files in segments and uploads them to the server

    Time:2019-10-20

    Note: when using Ajax to upload, the file should not be too large, preferably less than 34 trillion, because too many consecutive Ajax requests will crash the background, and the data in the InputStream will be empty, especially in the Google browser test process. 1. Read the file as blob in simple segments, and upload […]

  • Three solutions to the bottom effect of website footer

    Time:2019-10-20

    Background of problem A lot of website design generally consists of two parts: content + footer. Content contains the main content of the website, and the registration information of the website is displayed in the footer. Because the content of the website is highly uncertain, the following two situations will occur:1. When the content is […]

  • 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; […]