• Realize triangle animation with promise and transition


    Friendly tips: Familiar with the basic syntax and transition animation of es6promise Core code //Promise encapsulation let count = null; //Transitionend listens to the end of execution of transition animation //Box element binding transitionend event box.addEventListener(‘transitionend’,()=>{ count(); }) //Box movement package let move=(x,y)=>{ return new Promise((reslove,reject)=>{ box.style.transform =`translate(${x}px,${y}px)`; count = reslove; }) } //Run function […]

  • SharpC: A C Interpreter In C# – 0001


    Although two famous tools are not used, we can still refer to them.During the production process, in order to understand the two tools, I made scripts for yacc and lex, and installed bison and flex.First, look at the yacc script. The syntax analyzer generated by the script will read and analyze the specified source code […]

  • Why sass instead of less?


    It mainly answers the following questions: 1. What are sass and less?2. Why use CSS preprocessor?3. Comparison between sass and less4. Why use sass instead of less? What are sass and less? Sass and less are both CSS preprocessors, so what is CSS preprocessor? CSS preprocessor defines a new language. Its basic idea is to […]

  • React JSX syntax


    JSX syntax To use JSX syntax, you must runcnpm i babel-preset-react -DAnd then.babelrcAdd syntax configuration to; Babelrc configuration { “presets”: [“env”, “stage-0”, “react”], “plugins”: [“transform-runtime”] } Configuration in webpack module: { rules: [ {test: / \. CSS $/, use: [‘style loader ‘,’css loader? Modules & localidentname = [name]] [local] – [hash: 5]’]}, // enable CSS […]

  • Getting started with simple MD


    An entry note of mark down Experience I always thought that the writing method of MD file would be very complex, and then I found it was so simple after contacting it that I could start in 3 minutes. With some simple symbols, you can write a clean page. Use her, will gradually fall in […]

  • Vue (3) — loop statement


    v-for: The V-for instruction requiressite in sitesSite is the source data array and site is the alias of array element iteration.   demo1. name hp {{hero.name}} {{hero.hp}} <span style=”background-color: #f5f5f5; color: #0000ff;”>var</span><span style=”background-color: #f5f5f5; color: #000000;”> data </span><span style=”background-color: #f5f5f5; color: #000000;”>=</span><span style=”background-color: #f5f5f5; color: #000000;”> [ {name:</span><span style=”background-color: #f5f5f5; color: #000000;”>”</span><span style=”background-color: #f5f5f5; color: […]

  • CSS3 animation summary


    Often forget the order and meaning of parameters, and make a summary for future reference Grammatical structure (abbreviated) animation: name duration timing-function delay iteration-count direction fill-mode; Give an example: .dom { animation: wang 3s linear 1s infinite alternate forwards ; } Meaning:Animation name: WangAnimation duration: 3 secondsAnimation speed: uniformAnimation delay: 1 secondAnimation playback times: unlimited […]

  • The front-end atom plug-in is necessary for you to write more code


    Atom is an editor from GitHub. It has a beautiful interface and rich extensibility. It is very popular, especially for front-end programmers. Now it is more and more popular. Let’s take a look at the necessary plug-ins to make you more powerful 1 syntax support atom-chs-menu(- Chinese editor, you know) language-babel(- es2016, esnext, JSX syntax […]

  • Asynchronous process control


    along withJavaScriptIt is found that there are more and more schemes for asynchronous process control. Now there are four schemes: 1、callback The asynchronous scheme of callback function is the most familiar one,ES5Medium asynchronousAPIMostly in this form, takeajaxGive an example:For example, we hopexx2Request occurred atxx1After the request of is completed, it is generally written as follows:It […]

  • Profile modification of software automatic release automation


    In. Net platform, there are two kinds of configuration files: web.config and app.config. The former is the configuration file of Web site, and the latter is the configuration file of WinForm application. The basic library provides good support for reading these two kinds of configuration files.However, the modification of the file itself is not very […]

  • SQL Server Update join multi Association update


    Due to a bug in the program, a lot of data before and after being put into storage are incomplete. Fortunately, there is a basic information table, through which you can update the missing field information 1. Implementing multi Association update through inner join syntax update a set a.name = b.name from product_detail a inner […]

  • Learn CSS from the front (4) CSS transition and animation


    This article mainly introduces the properties of CSS transition and animation. CSS transition I. definitionTransition attribute: different transition effects can be defined when an element switches between different states. It is a shorthand property of transition property, transition duration, transition timing function and transition delay. Ie10 support, need to use prefix – MS -. 2、 […]