[Ant Design Vue] Grid component usage

This article introduces the Grid grid in Ant. It is mentioned that the Grid divides the horizontal area into 24 parts. The divided information block is called a box. Each box can be composed of multiple areas (the Grid of all boxes in the same row adds up to 24). It is recommended that the number of boxes arranged horizontally is at most four a ...

Added by phpfanphp on Mon, 06 Dec 2021 01:59:04 +0200

I open source a lightweight ruler plug-in for the web!

prefaceFront end colleagues who have worked as web side editors will more or less contact ruler plug-ins, similar to plug-ins in ps or PPT software.Older web plug-ins, such as jqury, produce a lot of dom, so they write a ruler drawn with pure TS and canvas, which does not rely on any third-party library. The usage of the document is as follows. ...

Added by gio2k on Sun, 05 Dec 2021 16:30:55 +0200

Initial experience of Vue's global event bus

Recently, I learned the global event bus from a silicon valley online course Vue, and wrote a blog to deepen my impression Introduction to global event bus EventBus is also called event bus. In Vue, you can use the concept of EventBus as a communication bridge, just like all components share the same event center. You can register with the ce ...

Added by scarabee on Sun, 05 Dec 2021 02:46:03 +0200

My front end day

Software installationsoftware configurationterminal installationAuxiliary toolsStart writing codeLet's have a cup of health tea firstSoftware installationPreviously: Zero configuration front-end development environment - MacInstallation approachThe app store downloads some commonly used free software, even if it is not connected for more than 1 ...

Added by NoviceJ on Sat, 04 Dec 2021 22:04:02 +0200

js Chapter 2 Basic Grammar Cases: Sum of odd numbers within 100, Print Pyramids, Nine-Nine Multiplication Table, Calculate Circle Perimeter and Area

1. Sum of odd numbers within 100 <script> var i = sum = 0; while (i <= 100) { if (i % 2) { sum += i; } i++; } console.log('100 Sum of odd numbers within:' + sum); </script> 2. Print pyramids. Print a pyramid-shaped graphic using circular statements and conditional judgment statements, consisting of ...

Added by stbalaji2u on Fri, 03 Dec 2021 19:31:53 +0200

FrontEnd notes -- Vue routing

8, Vue routing Understanding: a route is a set of key - value s. Multiple routes need to be managed by a router. Front end Routing: key is the path and value is the component. 8.1 relevant understanding vue-router vue is a plug-in library specially used to implement SPA applications. SPA application single page web app ...

Added by MikeL on Thu, 02 Dec 2021 22:04:39 +0200

Basic use of uni app

It's said that uni app is awesome. A set of code can be released to all kinds of wechat, QQ, Baidu, headline applet, H5, Android and IOS. Don't be awesome. There are super good-looking plug-ins, which are completely ready to use and super convenient? So good, I'm going to learn it a little, and then reconstruct my conjunction applet. Learning ...

Added by kbc1 on Wed, 01 Dec 2021 19:11:46 +0200

Learn and discard the scope and scope chain in JavaScript

What is scope?A scope defines the visibility or accessibility of a variable. In vernacular, whether a variable can be accessed or referenced is determined by its scope.There are three scopes in JavaScript.global scopeFunction scope (local scope)Block scopelet globalVariable = "I am a variable under global scope" function func() { let localV ...

Added by speedyslow on Wed, 01 Dec 2021 03:55:00 +0200

Vue server rendering

What is server-side rendering (SSR)?Vue.js is the framework for building client applications. However, you can render components as HTML strings on the server side, send them directly to the browser, and finally "activate" these static tags as fully interactive applications on the client side.Why use server-side rendering (SSR)?Better ...

Added by GuiltyGear on Tue, 30 Nov 2021 05:03:43 +0200

Vue front end development specification

Sorting based on Vue official style guide   1, Coercion 1. The component name is multiple words The component name should always be multiple words, except for the root component App. Positive example: export default { name: 'TodoItem', // ... } Copy code Counterexample: export default ...

Added by Xeoncross on Mon, 29 Nov 2021 06:23:37 +0200