Category:WEB Front End

  • CSS margin overlap and its prevention

    Time:2019-11-21

    The vertical adjacent boundaries of two or more block level boxes coincide. The resulting boundary width is the largest of the adjacent boundary widths. If a negative boundary appears, the negative boundary with the largest absolute value is subtracted from the maximum positive boundary. If there is no positive boundary, the negative boundary with the […]

  • Ajax page state keeping detailed ideas

    Time:2019-11-21

    In the traditional page, the browser accesses the page through the URL, and the content of the page is generated by the background service and sent back to the browser for rendering. When Ajax was popular, a lot of information was Ajax asynchronous request, such as: click, page, etc. Usually, as soon as you refresh […]

  • Regular expression validation form

    Time:2019-11-20

    Regular is used to describe character rules, often used for form validation. Let’s talk about regular creation and simple use! // is the identifier of the regular expression Establish Literal creation var reg = / A /; Constructor to create var reg = new regexp (“a”); Use: it can’t be used directly. It needs to […]

  • Building Vue development environment with webpack from scratch

    Time:2019-11-20

    Create project First, create an empty directory, open the command line in the directory, and executenpm initCommand to create a project? You need to install node first). In this process, you will be prompted to enter some content at will. After that, a package.json file will be generated automatically, which contains the content just entered […]

  • Installation and deployment of nuxt project in Windows Environment

    Time:2019-11-20

    1. Nodejs installation, addresshttps://nodejs.org/en/ 2. Run the NPM run build command in the local project to package the developed project into a. Nuxt folder, and then copy the four files: the. Nuxt folder, nuxt.config.js, static folder, and package.json (if there is a folder created by yourself), to the project folder of the server 3. Run […]

  • Vue realizes the effect of forward refreshing and backward not refreshing

    Time:2019-11-20

    Demand 1: In a list page, the first time you enter, request to get data. Click a list item, skip to the details page, and then return to the list page from the details page without refreshing. That is to say, when entering the list page from other pages, you need to refresh to get […]

  • Two ways to disable form control in HTML readonly and disabled

    Time:2019-11-20

    In the process of making web pages, we often use forms. But sometimes we want the controls on the form to be immutable. For example, in the password changing web page, the text box displaying the user name should be immutable. There are two ways to disable HTML, which are: 1. Add readonly = readonly […]

  • On HTML5 server sent events

    Time:2019-11-20

    Server sent events is a kind of one-way communication between server and client based on websocket protocol. At present, all major browsers support the server to send events, except Internet Explorer. 2333… Websocket protocol is another server client communication protocol after HTTP protocol. Different from HTTP simple client request server response one-way communication mode, it […]

  • CSS3 ground glass effect

    Time:2019-11-20

    The good effect of ground glass can make the page appear very vivid and three-dimensional. Direct drawing body { min-height: 100vh; box-sizing: border-box; margin: 0; padding-top: calc(50vh – 6em); font: 150%/1.6 serif; background: url(“iphone.jpg”) fixed 0 center; background-size: cover; } main { margin: 0 auto; padding: 1em; max-width: 30em; border-radius: .3em; box-shadow: 0 0 0 […]

  • Ajax implementation of modification function

    Time:2019-11-20

    During this period of time, I was working on a project and found that I forgot so fast. Thanks to the blog Park, it’s not important to organize the blog park Because what we do is an internal management system, only one main page is used, and all of them are not allowed to refresh […]

  • JavaScript global properties and global functions

    Time:2019-11-19

    JavaScriptGlobal attributeandGlobal functionCan be used with all built-in JavaScript objects. JavaScript global properties attribute describe Infinity A value representing a positive / negative infinity NaN “Not-a-number” value undefined Indicates that the variable has not been assigned a value JavaScript global functions attribute describe decodeURI() Decode URI decodeURIComponent() Decode URI component encodeURI() Encoding URIs encodeURIComponent() Encoding […]

  • JS verify decimal or integer

    Time:2019-11-19

    Use regular expression to check whether it is a decimal or an integer. Without much nonsense, go to demo directly (this regular expression cannot check negative numbers and numbers starting with 00). PS: (if there is something wrong, please criticize and instruct) checkNumber Please enter the number of judgment: <span style=”background-color: #f5f5f5; color: #000000;”> $(</span><span […]