Tag:html

  • Re-learning Front-end Learning Notes (24) — Link Elements in HTML

    Time:2019-8-24

    Note Notes The front-end of re-learning is a column run by Cheng Shaofi [former head of mobile phone Taobao front-end] in Geek time, 10 minutes a day, to reconstruct your front-end knowledge system. The author mainly collates some key notes and insights of the learning process, and can complete the column study of Winter [original […]

  • Talking about the usage of CSS calc () function

    Time:2019-8-24

    The calc () function of CSS3 allows us to perform mathematical operations in attribute values. For example, we can use calc () to specify a fixed pixel value of an element’s width as the sum of multiple values. .foo { width: calc(100px + 50px); } Why calc () If you have used CSS preprocessors, such […]

  • Arrangement of Knowledge Points in August 2018

    Time:2019-8-24

    * Note: This article is the collation of knowledge points contacted in the process of work. The price ratio of things involved is disorderly. If there are any mistakes, you are welcome to correct and guide them. First, the anchor link of the page Second, WebSocket Third, thermal renewal IV. Request Animation Frame Fifth, data […]

  • Vue2.0 Practical Notes

    Time:2019-8-24

    1. Transition and animation effect in Vue Single component (<transition name=”” mode=”> <p-if=”> </p> </transition>)V-enter, v-enter-to, v-enter-active, v-leave, v-leave-to, v-leave-active six states.(Defines the transition name and replaces the prefix V with the transition name)V-enter-activity and v-leave-activity reflect the main visible state, where the main effect can be added.V-enter is the initial state of transition and […]

  • Canvas Draws Dynamic Progress Bar Ring

    Time:2019-8-24

    Final effect Definition of initial variables Let radius = 140 // outer ring radius Let thickness = 20 // ring thickness Let innerRadius = radius – thickness // inner ring radius Let start Angle = 90 // start angle Let endAngle = 180// End Angle Let x = 0 // center x coordinates Let y […]

  • 10 interesting JavaScript and CSS libraries (latest in 2019)

    Time:2019-8-24

    Our mission is to keep you abreast of the latest and coolest Web development trends. That’s why we publish some selected resources every month that we accidentally find worthy of your attention. 1.Cube.js Powerful open source framework for the development of complex customized analysis systems. It consists of a front-end SDK and a back-end API […]

  • Huawei Hongmeng based on the development of swordfish OS I also know a swordfish ladder

    Time:2019-8-23

    It is known that more and more information about Huawei Hongmeng Operating System has been received recently, and the details are more and more abundant. However, a news from foreign media indicates that Huawei Hongmeng operating system does not start from scratch. According to a Russian media, Huawei Hongmeng’s operating system is developed on the […]

  • Boredom

    Time:2019-8-23

    Don’t say much, just go to the code. <html> <head> < title > countdown </title > </head> <body> <div id=”time1″></div> <p>———————–</p> <div id=”time2″></div> </body> <script></script> <script type=”text/javascript”> window.onload = function () { endTime(); } function endTime() { var myDate = new Date(); var timestamp = Date.parse(myDate) / 1000; var date = myDate.getDate(); var year = […]

  • Display: flex;’Problems caused by the use of’white-space: nowrap;’in the layout

    Time:2019-8-23

    Demand: The expected effect of layout in item is: a round user’s head on the left side, a nickname on the top and a personalized signature on the bottom of the right side (single line display, the maximum width beyond the actual display is replaced by’…’). As shown in the figure: Code: Wxml layout: <view […]

  • Use Semantic Tags to Write Your HTML Compatible IE6, 7, 8

    Time:2019-8-23

    HTML5 adds more semantic tags, such as header, footer, nav… Let’s not use the following method to lay out the page when we write it: XML/HTML CodeCopy content to clipboard <div class=“header”>This is the head.</div>   <div class=“content”>This is the middle content area.</div>   <div class=“footer”>This is the bottom.</div>     It can be laid out in this way: XML/HTML CodeCopy […]

  • Vue advanced interview questions

    Time:2019-8-22

    Vue is becoming more and more popular. Looking at home and abroad, whether BAT or other large factories, or start-up companies, Vue has a wide range of applications. When interviewing, the principle of Vue related technology must also be a test point. It can be said that for any front-end engineer, mastering Vue may not […]

  • Simple Analysis of Adding Monitoring Events to Equivalent Change of HTML Input

    Time:2019-8-22

    The effect to be achievedIn many cases, we will immediately monitor the changes in input box values, in order to make immediate actions to guide visitors to enhance the user experience of the site. For example, display the number of bytes that the input box has been inputted, or read the input value to boot […]