Category:WEB Front End

  • Complete development process of vue3 project

    Time:2022-5-5

    1、 Development process mind map Development process mind map 2、 Preliminary preparation 1. Install nodejs 1)Nodejs download address, download and install 2) Confirm that node. Is installed JS, you can enter (node – V and NPM – V) in CMD. If the publication number is displayed, the installation is successful image.png 2. Build Vue project […]

  • Autojs do small games – Lianliankan

    Time:2022-5-5

    Yashu tutorial is simple and easy to understand Effect display Dynamic background Connecting line rearrangement Dependency graph The figure uses the vscode plug-inDependency Cruiser Extensiongenerate Production process layout ui.layout( <vertical padding=”30″> <horizontal> < text textsize = “30sp” text = “timing” / > <text textSize=”30sp” text=”00:00″ layout_weight=”1″ /> < button textsize = “30sp” text = “rearrange” […]

  • Vue scaffold configuration agent

    Time:2022-5-5

    Method 1: in Vue config. JS add the following configuration devServer: { Proxy: “remote server address and port number”, } explain: Advantages: simple configuration. When requesting resources, it can be sent directly to the front end (8080). Disadvantages: multiple agents cannot be configured, and it is not possible to flexibly control whether requests go through […]

  • Do you really understand export default?

    Time:2022-5-5

    export default Aandexport { A as default }At first glance, it looks the same, but there are some subtle differences. It is easier to leave a hole. This paper introduces the differences between the two writing methods. importStatement imports a reference, not a value If there is an export, there must be an import. Let’s […]

  • Ajax resume system with JS file

    Time:2022-5-5

    Copy codeThe code is as follows: /**********************************************  * @author        skyz  * @function    javascript client ajax dealwith  * @datetime    2006-3-20  **********************************************      * Function: Create a httpRequest object  **********************************************/  function HttpRequest(){     this._httpRequest=null;                                    //HttpRequest request object     this._callBack=null;                                    //Call back function     this._domResult=true;                                    //Result if dom object or text string     this._requestData=null;                                    //Request data     this._requestResult=null;                                //HttpRequest result     this._stateString=null;                                    //Current request state string     this._error=false;                                        //Current if have error     this._callBackPara=null;                                //Current callback function parama     //internal method for get HttpRequestObject     this.init=function(){         //Judge if Not IE         if(window.XMLHttpRequest){             this._httpRequest=new XMLHttpRequest();             //Set request mime is text/xml             if(this._httpRequest.overrideMimeType){                 this._httpRequest.overrideMimeType(‘text/xml’);             }         }else if(window.ActiveXObject){             try{                 this._httpRequest=new ActiveXObject(“Msxml2.XMLHTTP”);             }catch(ex){                 try{                     this._httpRequest=new ActiveXObject(“Microsoft.XMLHTTP”);                 }catch(ex){                     this._setMessage(ex,true);                     return;                 }             }                 // this._httpRequest.setrequestheader(“Content-Type”,”text/xml;charset=gb2312″);         }         //Judge HttpRequest object create successful         if(!this._httpRequest){             this._ SetMessage (“XMLHttpRequest” object creation failed! Please try again… […]

  • CSS + HTML to realize the function of top navigation bar

    Time:2022-5-5

    Implementation of navigation bar, fixed top navigation bar and secondary menudesign sketch: Update on November 16, 2018:Recently, when using this navigation bar, I found some small problems in the layout and display of the navigation bar when the page is zoomed in and out, so I changed the code of CSS and pasted it again […]

  • HTML5 local storage, basic usage of localstorage and sessionstorage, traversal operation, exception handling, etc

    Time:2022-5-5

    The usage of localstorage in HTML5’s local storage API is the same as that of sessionstorage. The difference is that sessionstorage is cleared after closing the page, while localstorage is always saved. Let’s take localstorage as an example to briefly introduce the local storage of HTML5, and give some examples for common problems such as […]

  • The web page table or div layer is expanded in the web page

    Time:2022-5-5

    When we design web pages, we will always encounter some unpleasant things. The most common thing is to find that the displayed pages are opened after adding content in the background, resulting in extremely unsightly web pages. In the past, we basically designed forms. Naturally, there are many solutions for forms on the Internet. Now […]

  • JQuery implementation percentage scoring progress bar

    Time:2022-5-5

    This example shares the specific code of jQuery to realize the percentage scoring progress bar for your reference. The specific contents are as follows 1. See the effect first 2. The code is as follows: jquery. lineProgressbar. JS code is as follows (function($){ ‘use strict’; $.fn.LineProgressbar = function(options){ var options = $.extend({ percentage : null, […]

  • #Raise your hands and learn Python # list. Once you finish learning python, you will learn half of it

    Time:2022-5-5

    4、 As soon as you finish learning the list, python will be half 4.1 what is a list List, first remember that the English is list. It is a data type in python that can dynamically add and delete content, which is composed of a series of elements. To put it bluntly, a list is […]

  • Vue data responsive

    Time:2022-5-4

    1. How to track data changes When a normal JavaScript object is passed into a Vue instance asdataOption, Vue will traverse all the properties of this object and useObject.definePropertyTake thesepropertyConvert all togetter/setter。 thesegetter/setterThey are invisible to the user, but internally they enable Vue to track dependenciespropertyNotify changes when accessed and modified. Each component instance corresponds […]

  • IOS tableview is similar to Ctrip / meituan City screening, with customized sectionindex

    Time:2022-5-4

    Many apps need city selection. Recently, I wrote a city filtering and search function, as well as the double table linkage of tableview, which is automatically pulled up to the next category and the folding layout of tableview. Demo — Portal 1、 Double meter linkage 1. Pull up to the next category 1.gif Add footrefresh […]