Programming VIP

preface    basic instructions for Vue's tools (Vue CLI) and core plug-in (Vue Router). Vue CLI Official installation: Portal First install the scaffold globally. npm install -g @vue/cli # OR yarn global add @vue/cli Detect the installed version: vue --version or vue -V Create a project: Vue create my project or vue ui is cre ...

First, let's introduce the basic usage of v-for official documents Basic usage of: v-for on the official website Render elements or template blocks multiple times based on source data. The value of this instruction must use the specific syntax alias in expression to provide an alias for the currently traversed element: <div v-for="item in ...

Let's supply this picture first 0. What is responsive Explanation on the official website (you can read it selectively) When you pass an ordinary JavaScript object into the Vue instance as the data option, Vue will traverse all the properties of the object and use object Defineproperty converts all these properties into getters / setter ...

Problem summary 1, Keep the code up-to-date, or you'll dig your own hole and bury yourself 2, During assignment, judge whether the returned data is a json string. If yes, how to deal with it and if not, how to deal with it Return data similar to this: "\"https://static.xinchacha.com/jiamibao/3ee77d0f-7ebd-429a-b130-8fea047389a7.jpg?Expires= ...

Recently, the technology of login verification through the code parameter of the verification code picture was used in the project. Here is a record for reference design sketch Backend interface writing Verification code tool class First define a tool class for generating verification code pictures import javax.imageio.Im ...

A recent requirement is that when there are about 50000 pieces of data in the list, it is not allowed to be paged. If the page directly renders 50000 pieces of data, the page may get stuck on some low configuration computers. Based on this requirement, research and analyze the reasons for the front-end rendering jamming, and prepare to hand wri ...

Write in front Before experiencing Vue3, let's learn what are the highlights of Vue3. There are 6 features in total: Performance (about 2 times faster than vue2's runtime)Tree shaking supportBetter TypeScript supportComposition APICustom Renderer APIFragment, Teleport, Suspense 1. Origin of vue3 setup Understanding: vue3 The combination ap ...

1, Detail page - encapsulation of navigation bar The navigation is a little complicated. Don't go directly to deatil Vue inside Create a new folder childComps under the detail folder and a new file detailnavbar vue Detail.vue Detail.vue effect 2, Data request and rotation chart display 1. Data request network folder creates a n ...

1 Introduction to webpack 1.1 what is a webpack Webpack is a front-end resource building tool, a static module bundler. In the view of webpack, all resource files (js/json/css/img/less /...) of the front end will be processed as modules. It will perform static analysis according to the dependency of the module and package the corresponding st ...

Ask yourself more why every day. You always have unimaginable gains. A rookie Xiaobai's growth path (copyer) preface: This blog mainly introduces the basic use of vuex4, from creating a store object, Then, the internal attributes of the store are explained one by one (that is, the five major and core of vuex: state, getters, variations, act ...