Category:WEB Front End

  • Eslint first experience

    Time:2021-10-25

    start //Install eslint //Local installation npm i –save-dev eslint //Or global installation npm i -g eslint use eslint –init After that, several options will appear. You can know what they mean by looking at the options. Here, focus on the first and second options Popular configuration The first option is to select some popular specifications, […]

  • contentEditable

    Time:2021-10-25

    function getDivContent(wrapper){ var textareaText = ”; for (var i = 0; i < wrapper.childNodes.length; i++) { if (wrapper.childNodes[i].nodeName !== ‘#text’) { if (wrapper.childNodes[i].innerHTML == ”) { textareaText += wrapper.childNodes[i].innerHTML } else { textareaText += wrapper.childNodes[i].innerText.replace(/\n$/,”) + ((i == wrapper.childNodes.length – 1|| wrapper.childNodes[i].innerText==’\n’) ? ” : ”) } } else { textareaText += wrapper.childNodes[i].nodeValue + ((i […]

  • Cai Zhi, a rookie, reviews part 2 of Ajax (the load () method in jQuery implements Ajax functions)

    Time:2021-10-25

    In the last blog, I wrote about using XMLHttpRequest object to load data asynchronously in traditional JavaScript. Alas, children’s shoes… Is it a headache to see those codes! Hehe… Not only you, but also I am a little disgusted. We should not only judge the browser, but also… Anyway, there is a big lump of […]

  • Instructions for 6 unusual HTML tags

    Time:2021-10-25

    First: < abbr > or < acronym >These two signs are the same thing. They are mainly used for some English abbreviations. When you move the mouse over, you will find a small prompt to prompt the full name of the abbreviation. Here is an example: <ABBR title=”HyperText Markup Language”>HTML </ABBR> < abbr title = […]

  • CSS implementation tiktok text dithering effect example

    Time:2021-10-25

    The front-end students will blush because of some dynamic effects and design competition in daily development. The design hopes to be realized by code. The front-end should design a GIF diagram. Finally, no one will let anyone. The design has gone, leaving the front-end to work overtime alone CSS technology is a skill that the […]

  • Explain the basic usage of communication API in HTML5

    Time:2021-10-25

    1. Cross document message communicationCross document message communication can ensure safe cross source communication among iframe, tab and window. It defines the PostMessage API as the standard way to send messages. Sending a message using PostMessage is very simple. The code is as follows:chatFrame.contextWindow.postMessage(‘Hello,world’,’http://www.example.com’);When receiving a message, you only need to add an event handler […]

  • Menu resource management of Vue element front-end application development

    Time:2021-10-25

    catalogue 1. Introduction to menu resources and management interface 2. Combined management of menu and route 1. Introduction to menu resources and management interface As mentioned earlier, permission management generally involves users, organizations, roles and permission functions. The basic content of ABP framework also involves these aspects. The relationship between them is basically a many […]

  • Development of adaptive calendar component

    Time:2021-10-24

    Development of adaptive calendar component design sketch PC end Mobile terminal preview Preview address:Preview address 1. Incoming parameters 1.1 top background picture As shown in the figure above, the photo background in the red circle area is set Defined in component parameters bgSrc: { type: String, default: ‘https://images8.alphacoders.com/992/992329.jpg’ } 1.2 calendar title Circle the regional […]

  • Front end Xiaobai learning diary (day 1)

    Time:2021-10-24

    Yesterday, I watched the V01 course for a whole day. I was hit hard. I couldn’t understand many basic knowledge. I looked at large sections of code and was eager to learn but unable to understand.. Therefore, I decided to start from the basics and from the documents.. Record your learning experience to avoid forgetting […]

  • Step by step Vue + element front-end application development (19) — integration of back-end query interface and Vue front-end

    Time:2021-10-24

    In the series of articles on the front-end application development of Vue + element step by step, the processing and implementation of various functions of the system are introduced earlier. This essay introduces the integration of front-end and back-end development from a main line. Let’s make a complete introduction from the processing of query interface […]

  • JavaScript data type conversion

    Time:2021-10-24

    catalogue preface 1、 Force conversion 1. Other data types are converted to string Method 1: tostring() method Method 2: string() function 2. Other data types are converted to number Method 1: use the number() function Method 2: parseint() & parsefloat() 3. Other data types are converted to Boolean 2、 Automatic conversion 1. Automatically convert to […]

  • Rookie Cai Zhi’s Ajax review Chapter 3 (Ajax’s no refresh login)

    Time:2021-10-24

    Well, as before, first build a login.html page to fill in the login information, and then build a dealdata.aspx page (of course, it is best to use the general processing program: *. Ashx) to process the data. In the login.html page, the code is as follows: Copy codeThe code is as follows: <head> < title […]