Tag:html

  • Front end interview 3 + 1 per day (weekly total on September 22, 2019)

    Time:2020-1-21

    In the Analects of Confucius, Zeng Zi said:“Three times a day, three times a day”I reflect on myself many times a day.Front end interview questions 3 + 1 a day, with interview questions to drive learning, make progress every day!Let effort become a habit, let struggle become a enjoyment!believeInsistPower of!!! Learning is not closed, charging […]

  • The problem of keeping alive cache in Vue Mobile

    Time:2020-1-19

    When the Vue mobile terminal exits the current a user and switches to the new B user, the data of B user or that of a user is the cache of the last account. How do you solve this problem? I’m very anxious

  • On element UI cascading menu (city three level linkage menu) and echo problem

    Time:2020-1-19

    Code bottom Parameter screenshot of each item The code is as follows < El form item label = “domicile” prop = “census land” style = “padding left: 57px” > <el-cascader v-model=”ruleForm.censusLand” style=”width:180px;padding-left:7px;width:270px” Placeholder = “please select province or city” :options=”cascaderData1″ @expand-change=”censusLandChange” :props=”{ value: ‘id’, label: ‘name’, children: ‘cities’ }” ></el-cascader> </el-form-item> data (){ retutn { […]

  • SEO introduction

    Time:2020-1-18

    SEO introduction SEO is also a field, different fields have their own internal system, not three words and two words can fully explain. This article is also a simple and general introduction to SEO from the perspective of popular science and front-end technology, in order to let readers have a general understanding of SEO. It […]

  • Development history of front-end technology

    Time:2020-1-18

    If you retrieve it, ignore this article, just a draft. Since you are a front-end career, you need to understand its origin and development. It’s a good job. Looked up four people’s technology blog, Wikipedia search information, front-end technology development, before not called front-end, just page engineer. origin When the browser was not yet available, […]

  • HTML meta usage example introduction

    Time:2020-1-18

    Example usage Copy code The code is as follows: <!DOCTYPE html> <!–[if lt IE 7]><html><![endif]–> <!–[if IE 7]><html><![endif]–> <!–[if IE 8]><html><![endif]–> <!–[if IE 9]><html><![endif]–> <!–[if (gt IE 9)|!(IE)]><!–> <html> <!–<![endif]–> <head> <meta charset=”utf-8″ /> <title>tinyCss–my css study tidy</title> <meta content=”IE=edge,chrome=1″ http-equiv=”X-UA-Compatible” /> <meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no” name=”viewport” /> <meta content=”my css study tidy” name=”description” […]

  • Efficient use of array. From()

    Time:2020-1-17

    Rule of grammar const someNumbers = { ‘0’: 10, ‘1’: 15, length: 2 }; Array.from(someNumbers, value => value * 2); // => [20, 30] Convert a class array to an array The array objects you will encounter are: the arguments keyword in the function, or a DOM collection.In the following example, let’s sum the parameters […]

  • 15 lines of code add the sorting function of headline articles for segmentfault

    Time:2020-1-17

    There’s a need to see the most favorite headlines, but there’s no such button on the page. What should I do? Write it yourself. First look at the effect. Look at the code again. var rows = $(‘.news__item’).each(function(){ var key = +$(this).find(‘.news__item-zan-number’).text(); $(this).data(‘key’, key); }).get(); rows.sort(function(a,b){ var keyA = $(a).data(‘key’); var keyB = $(b).data(‘key’); if(keyA<keyB){return […]

  • Multi column layout solution

    Time:2020-1-16

    1、 Fixed width + adaptive Expected effect:Fixed left width, adaptive right widthCommon code: html: <div class=”parent”> <div class=”left”> <p>left menu</p> </div> <div class=”right”> <li>right item1</li> <li>right item2</li> <li>right item3</li> </div> </div> css: html, body, p, ul, li { margin: 0; padding: 0; } div.left { background: #d2e3e3; } div.right { background: #77DBDB; } Scenario 1: […]

  • Implementation of HTML inputable pull-down menu

    Time:2020-1-16

    Copy code The code is as follows: <html> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″ /> </head> <body> <?php echo ‘ <form name=”DDForm” method=”GET” action=””> <div style=”position:relative;”> <span style=”margin-left:100px;width:18px;overflow:hidden;”> <select style=”width:180px;margin-left:-100px” onchange=”this.parentNode.nextSibling.value=this.value” name=”hh”> < option value = “car” > car < / option >< option value = “train” > train < / option >< option value = […]

  • Solve the problem that audio in HTML5 can’t play automatically on mobile phone and wechat

    Time:2020-1-16

    When doing the H5 page again, I found that audio can’t play automatically after autoplay is added to the mobile phone and wechat. This is because the mobile phone is set to save vagrancy The usual solution is to give an interactive event: Label: <audio loop src=”/photo/aa.mp3″ id=”audio” autoplay preload=”auto”> The browser does not support […]

  • Summary of knowledge points of webback4

    Time:2020-1-15

    Webpack is a static module bundler of modern JavaScript applications. Webpack 4 is the latest major version of webpack. When webpack processes an application, it recursively builds a dependency graph that contains each module the application needs, and then packages all these modules into one or more bundles.. When we do Vue projects, we must […]