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