jest unit test - Fundamentals

jest test - Basic 1, Understanding front-end automation With the development of front-end, the field of front-end design has become more and more complex. This puts forward higher requirements for our front-end engineering ability. Good front-end engineering generally includes three aspects: Front end automated testing (prerequisites)High qu ...

Posted by ConnorSBB on Sun, 23 Jan 2022 18:48:28 +0100

Study vue notes

catalogue First meet vue vue template syntax class 2 Data binding Two ways of writing data and el MVVM model Event object Keyboard events Basic use of events Name Case Weather case Monitoring properties Depth monitoring watch vs. computer Bind class style Bind style conditional rendering List rendering Function and principle ...

Posted by sajidfiaz on Sun, 23 Jan 2022 18:03:34 +0100

ES6 object new extension

ES6: object new extension 1, Attribute abbreviation In ES6, when the object key name is equal to the corresponding value name, it can be abbreviated const baz = {foo:foo} // Equivalent to const baz = {foo} Methods can also be abbreviated const o = { method() { return "Hello!"; } }; // Equivalent to const o = { method: funct ...

Posted by karimali831 on Sun, 23 Jan 2022 17:38:12 +0100

Java Web -- what is Session and its usage

1. What is a Session When a user requests a Web page from an application, the server will create a Session object for each user (browser); When the user data needs to be saved, the server program can write the user data to the session exclusive to the user browser; When a user jumps between Web pages of an application, the variables stored in ...

Posted by chings on Sun, 23 Jan 2022 16:11:01 +0100

VUE learning notes 2

1. slot 1.1 slot - basic use of slot The slot of the component is also to make our package more scalableIt allows users to decide what is displayed inside the component The basic use of slots is added in the template label Default value button for slot If there are multiple values, they will be used as replacement elements when compo ...

Posted by juancarlosc on Sun, 23 Jan 2022 14:43:44 +0100

[Vue] dark horse introduction to advanced actual combat summary

v-text v-cloak V-text is equivalent to {}} for displaying content, but the difference is that {}} will cause flashing problems, and v-text will not flash If you want to use {}} without flickering, use v-cloak. The steps are as follows: Act on the v-cloak command on the template entry node managed by Vue Add a CSS hidden style of attribute ...

Posted by formlesstree4 on Sun, 23 Jan 2022 14:01:53 +0100

js displays the formatted code and highlights it (code highlighting is implemented in vue)

Implement a simple version of the web editor, without intelligent prompts, and will not automatically highlight labels (manual highlighting is required) vue is used+ Highlight.js + js-beautify The effect is shown in the figure below js implementation code formatting First, we will use the < pre > < / pre > and < code &g ...

Posted by CrimsonSoul on Sun, 23 Jan 2022 13:44:30 +0100

VUE3.0 series: vue3 What's new for 0

And vue2 0 compared to vue3 What are the highlights of 0: Serial numbercharacteristicanalysis1PerformanceBetter performance than vue2 0 is 1.3-2 times faster2Tree shaking supportOn demand compilation, lighter volume3Composition APIComposite API, similar to ReactHooks4Better TypeScript supportBetter support for Ts5Custom Renderer APIExposed cus ...

Posted by osti on Sun, 23 Jan 2022 12:54:23 +0100

[React family bucket] through the component design mode, making simple todo (including source code)

1, Design project structure Because we implement todo as a functional component, the basic design idea is: 1. Create a todo folder in components and a new index JSX is a todo component. This folder contains some todo widgets 2. On app Import todo from 'is introduced into JSX/ Components / todo 'and render in render: import Rea ...

Posted by FijiSmithy on Sun, 23 Jan 2022 12:42:51 +0100

js data type and deep and shallow copy

Js data type Basic data types (value types): Number, String, Boolean, Undefined, Null, Symbol (unique value added in es6) and BigInt (added in es10); Reference data type: Object. Contains Object, Array, function, Date, RegExp. Deep copy Only when the copy refers to the data type, the copy can be divided into shallow copy and deep copy ...

Posted by quercus on Sun, 23 Jan 2022 04:52:55 +0100