Front-end development engineer (main job), technical blogger (side job), passed CET6 Ashan and her cat_CSDN personal homepage Senior topic writer at Niuke, creating a high-quality column “Essentials for Front-end Interviews” at Niuke The contracted author of Lanqiao Cloud Class, the front-end and back-end practical courses “Vue.js and Egg.js Develop Enterprise-level Health Management Projects” and “Take […]
Tag: shorthand
20 JS shorthand tips to improve efficiency
There are many shorthand techniques in JavaScript that can shorten the code length, reduce redundancy, and improve the readability and maintainability of the code. This article will introduce 20 JS abbreviation techniques to improve efficiency, helping you say goodbye to the shit mountain and write elegant code easily! Remove false values from array You can […]
[CSS 28] animations animation @keyframes rule delay animation number of runs reverse or alternate speed curve fill mode shorthand property
CSS animations animation animations animation CSS to animate HTML elements without using JavaScript or Flash Below we will use the following properties: @keyframes animation-name animation-duration animation-delay animation-iteration-count animation-direction animation-timing-function animation-fill-mode animation Animations gradually change an element from one style to another Feel free to change any number of CSS properties To use CSS animations, you […]
CSS 07List Item Mark Background Color Text Color Inner and Outer Margin Control Mark Position Shorthand Attributes Border Control Full Screen Width Table Text Alignment Merge Border Alignment Hoverable Responsive Title Position
CSS list list table table list list HTML list and CSS list properties There are two main types of lists in HTML: unordered list ordered list CSS list properties allow you to: Set different list item markers for ordered lists Set different list item markers for unordered lists Set image as list item marker Add […]
SpringBoot AOP shorthand
AOP Understanding AOP Aspect-Oriented Programming (AOP) complements Object-Oriented Programming (OOP) by providing another way of thinking about program structure. The key unit of modularity is a class in OOP, while in AOP, the unit of modularity is an aspect. It allows the developer to alter the behavior of the program without modifying the original code […]
10 Awesome JavaScript Shorthand Tips
1. Merge array Normal writing: We usually use the concat() method in Array to combine two arrays. Use the concat() method to combine two or more arrays. It will not change the existing arrays, but return a new array. Please see a simple example: let apples = [”, ”]; let fruits = [”, ”, ”].concat(apples); […]
Milvus bootcamp FAST API shorthand
0 Introduction I wrote a few records earlier, all of which are recording the basic problems that have been solved. After a series of preparations, I finally came to the sample project of milvus bootcamp and continued to explore how to use it. 1 milvus version upgrade The docker version of milvus provided in this […]
vue-8: Vuex state management pattern library + map helper function shorthand
Why save: multiple components of the warehouse can share data core api Using state: this.$store.state.xxxx In the auxiliary function map: this.$store.state.module name.xxxx Each component can get $store Computed property: this.$store.getters.xxx this.$store.commit(“synchronization method name”, parameters) Call the synchronization method to modify the data in the store this.$store.dispatch(“Asynchronous method name”, parameter) Call asynchronous method, execute asynchronous code […]
Jenkinsfile Template Shorthand
Basic function template Used for: quick check + extract Template 1 #!groovy // https://www.jenkins.io/zh/doc/book/pipeline/ // https://zeyangli.github.io/chapter5/2/ // https://zeyangli.github.io/chapter5/1/ // https://github.com/zeyangli String workspace = “/opt/jenkins/workspace” // Define the working directory // pipeline pipeline { agent { node { label “any” // specify the label and name of the node customWorkspace “${workspace}” // Specify the running working […]