Development of editing function to find the feeling of writing code

Write in front I lost sleep again last night. I didn't sleep until 4:30. I also had two bad dreams. I woke up at 8:30. I feel so tired. I really want to get drunk. I can't. I'm afraid of drunk driving, ha ha ha. There are still many things to do this year. You must take action. Just try your best. The rest depends on the will of God. Task Disa ...

Posted by tyrol_gangster on Thu, 03 Feb 2022 12:30:20 +0100

Touch hands to teach you to implement a simple vue responsive principle

Write in front In 1202, what's the use of implementing another mvvm framework? Actually exactly.... It's no use. No matter how well you write, it is difficult to roll over the mature vue,react and other frameworks. However, for individuals, implementing a simple version of vue by yourself will certainly deepen your understanding of the principl ...

Posted by ir4z0r on Thu, 03 Feb 2022 06:36:40 +0100

Touch hands to teach you to implement a simple vue and write observer

Beep in advance In the previous section, we talked about the principle of responsiveness, which is relatively general and difficult to understand, so we started writing this section directly. At the end of the chapter, I converted the observer object into a js version for you to test directly. You can copy and debug while understanding the next ...

Posted by shenmue232 on Thu, 03 Feb 2022 05:42:15 +0100

vue event handling

** vue event handling ** Generally, v-on is used to listen for events. When listening for DOM events, some js code will be triggered. Use v-on:xxx or @ xxx to bind events. xxx refers to the event name. The callback of the event should be written in the methods object and will eventually be placed on the vm. 2. The function in is managed by ...

Posted by drizzle on Thu, 03 Feb 2022 05:18:41 +0100

Some common problems encountered by ElementUI

1, When there is only one input under the form, press enter to refresh the page The reason is that the default submission behavior of the form is triggered, and @ submit. Is added to the El form native. Just prevent. <el-form inline @submit.native.prevent> <el-form-item label="number"> <el-input v-model="query.orderN ...

Posted by Cliftron on Wed, 02 Feb 2022 09:47:33 +0100

Consolidate JS optional (?.) Operation symbol, the original function can also be written in optional way, and learned again!

Author: Ashish Lahoti Translator: front end Xiaozhi Source: CSS tricket There are dreams and dry goods. Wechat search [Daqian world] pays attention to this dish washing wisdom who is still washing dishes in the early morning. This article GitHub https://github.com/qq449245884/xiaozhi It has been included. There are complete test sites, ...

Posted by jlommori on Wed, 02 Feb 2022 03:18:16 +0100

Release your own front-end package with vite+lerna and verdaccio

preface Years ago, I made a project similar to user portrait, which has independent functions and may be embedded by many projects as a functional module, so I naturally thought of making this project into a component output. Vue cli provides Library packaging mode Therefore, I only need to copy the packaged files to other projects after each d ...

Posted by vcv on Tue, 01 Feb 2022 13:45:35 +0100

Vue routing advanced usage and cases

The way of Vue middle road jump router-link Is the simplest way to achieve jump, also known as tag navigation. <router-link to='The path of the page to jump to'>text<router-link> When the browser parses it, it parses it into a label similar to. (1) Without parameters <router-link :to="{name:'home'}"><router-link& ...

Posted by AustinP on Tue, 01 Feb 2022 05:15:07 +0100

vue2+element UI+axios+sqlite connect to local database

Problem Description: Now there is a front-end project of vue2+element UI. It is easy to build a database with sqlite, but how to connect them with js? First, npm install sqlite ~ search a lot on the Internet. Found an open source project using Vue js + Element UI + Express + axios + SQLite3. Compare it with my project: https://github.com/sha ...

Posted by bigwatercar on Tue, 01 Feb 2022 01:14:23 +0100

Use Wx open launch web app to complete the jump to wechat applet (uni APP) on the vue page of wechat browser

Requirement: when it is detected that the user uses the wechat browser to visit the website, jump to the wechat applet IView admin used The jump applet is written by uni app Official website address: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html#21 matters needing attention Wechat open label has the minimu ...

Posted by nobertos on Mon, 31 Jan 2022 09:15:27 +0100