Self-cultivation of Full-time Engineers--Part I of vue

Self-cultivation of Full-time Engineers Part I of vue 1. Environmental Construction It is mainly to build nodejs environment, set up Taobao source and install cnpm. As mentioned in previous articles, it will not be repeated. Next, install the vue ...

Posted by olsrey on Tue, 10 Sep 2019 05:33:22 -0700

Using proxy to implement a simple and complete MVVM Library

Preface This article was first published in Front-end Development Blog mvvm is a necessary mode of daily business development at the front end of the current era (such as react, vue, angular, etc.). Using mvvm, developers can concentrate more on business logic than on how to operate dom. Although it has been 9012 years now, the introduction of ...

Posted by phpnewbie81 on Tue, 10 Sep 2019 01:59:23 -0700

Small full stack project built with Vue family bucket + Node.js

Preface It has been more than a month since I came into contact with the vue framework. A little demo I have done before is mainly familiar with the vue family bucket technology. The interface layout imitates the cat's eye and the data uses the background interface provided by the bean flap developer. The whole process from scaffolding to the ...

Posted by DusterG20 on Tue, 10 Sep 2019 01:29:45 -0700

[Optimizing Thought and Scheme 03 of Front-end Carton] Notices for Upgrading Babel 7

babel document babel document babel's brief introduction, recommendation babel 7 Simple Upgrade Guide When upgrading webpack, we found that we need to upgrade babel. Recently, Babel has a larger update, Babel 7. babel simply translates the new syntax of es2015/2016/2017/2046 in JavaScript into es5, enabling low-end runtime environments such a ...

Posted by johnsworld on Thu, 05 Sep 2019 21:08:42 -0700

web Front-end Start to Practice: Data Reporting and HTML Validation with Pure CSS

1. Implementing Data Reporting with Pure CSS For example, to track and count the click events of a button: .button-1:active::after { content: url(./pixel.gif?action=click&id=button1); display: none; } .button-2:active::after { cont ...

Posted by cofey12681 on Wed, 04 Sep 2019 19:53:10 -0700

React,Vue Gadget for Managing Asynchronous Load Status

load-state github Common projects often encounter management that requires a loading state, such as form submission, which is typically written like this import React from "react"; import "antd/dist/antd.css"; import { Spin, Button } from "antd"; class Demo extends React.Component { state = { loading: false }; submit = async data => { ...

Posted by DangerousDave86 on Tue, 03 Sep 2019 15:17:59 -0700

Using concent, experience a journey of progressively refactoring react applications

In the traditional redux project, the state we write in the reducer is bound to get through to the store. We need to plan the definitions of state and reducer at the beginning. Is there any way to enjoy the benefits of the separation of ui and logic quickly without starting from the rules and regulations according to the text? This article star ...

Posted by majocmatt on Sun, 01 Sep 2019 22:06:23 -0700

Associated Time Selector

Recently, the company asked to write a time selector, which requires that after the start time is selected, the end time should not be earlier than the start time. In order to do this business, we have duplicated a lot of information on the Internet. ...

Posted by esthera on Fri, 30 Aug 2019 22:03:09 -0700

Vue Actual Warfare - Realize Commodity Details Page (12)

This is our product details page: Clicking on an item on the first page displays the details of the item.As shown in the following figure: Create good component Create a component good Transitions to define the form of page presentation; Use v-show with variable showFlag to control display and hide, ref with BScroll to control page sliding; R ...

Posted by SidewinderX on Fri, 30 Aug 2019 21:13:29 -0700

Decrypt vue-router: from source

The other day I saw a question: Do you really know vue-router?Do you know how vue-router works?With this in mind, the author started the source exploration journey of vue-router.This article does not go into the source line by line, but follows the flow chart drawn by the author to analyze the operation process of each step. Analyze Running Flo ...

Posted by ElkySS on Fri, 30 Aug 2019 20:04:32 -0700