⚡ vue3 family bucket experience
Front
From the creation of a simple browser navigation Home Page Project, this essay contains the following content:
vite
vue3
vuex4
vue-router next
Preview effect It helps to clarify these contents, which are limited to space and not easy to narrate. Because the logic of the project is simple, and only a few APIs are used, I just wr ...
Posted on Sat, 27 Jun 2020 01:09:10 -0400 by ravensshade
Interaction between React Native and iOS OC
Pre preparation
First of all, it's better to know a little about oc grammar, otherwise many of them can't be understood
Create declaration file nativeModule.h
#import <Foundation/Foundation.h>
#import <React/RCTBridgeModule.h>
@interface nativeModule : NSObject <RCTBridgeModule>
@end
Create the file nativeModule.m
#impor ...
Posted on Tue, 23 Jun 2020 05:44:25 -0400 by scotch33
Server side rendering Next project summary
preface
Github address Welcome to check and learn together, progress together, another star refill~
In this paper, I refer to Mr. jokcy's React16.8+Next.js+Koa2 development of Github full stack project , record for later learning. 🙂
introduce
Next.js It is a lightweight rendering application fram ...
Posted on Mon, 22 Jun 2020 23:32:00 -0400 by p2003morris
Intensive reading of react intersection observer source code
1 Introduction
IntersectionObserver It's easy to judge whether the element is visible or not. Before Intensive reading "rendering on demand with React" The method of native API is introduced in. This time I just saw its React package version react-intersection-observer , let's take a look at React packaging ideas.
2 Introduction
react ...
Posted on Mon, 22 Jun 2020 01:00:23 -0400 by Horizon88
Conditional compilation of E chat SDK under TypeScript (using JS conditional compile loader plug-in)
Conditional compilation: the process of using the same set of code and the same compilation and build process to selectively compile the specified code according to the set conditions, so as to output different programs
1. Background:
E-chat SDK needs a set of client core code developed by TypeScript to realize cross platform support (such as w ...
Posted on Sun, 14 Jun 2020 01:28:10 -0400 by JJBlaha
Vue toy: 200 lines of code to simulate the implementation of Vue
vue-toy
About 200 lines of code simulate the implementation of vue. The view rendering part uses React instead of Snabbdom. Welcome to Star.Project address: https://github.com/bplok20010/vue-toy
codesandbox example
Implemented parameters:
interface Options {
el: HTMLElement | string;
propsData?: Record<string, any>;
props?: st ...
Posted on Sun, 14 Jun 2020 00:12:38 -0400 by paul_so40
Getting started with Babel
Babel downloads JavaScript code written in the latest standards into versions that are available everywhere today.This process is called translation.
For example, Babel can incorporate the new ES2015 arrow function syntax:
const square = n => n * n;
Translate to:
const square = function square(n) {
return n * n;
};
Babel does more than tha ...
Posted on Sat, 13 Jun 2020 12:16:08 -0400 by rtconner
KE's undefined instruction problem record
Article catalog
Analysis of undefined instruction in KE problem
1. What is the defined instruction
1.1 classification
1.2 principle description of instruction
2. What are the possibilities from process analysis
3. Analysis methods and tools
3.1 case analysis (atypical)
3.1.1 questions
3.1.2 log
...
Posted on Thu, 04 Jun 2020 13:01:37 -0400 by Alelinux
Getting started with react - creating components (1)
The React component is also an Element, but it is only a larger granularity and contains more child elements.
Through the React component, some related elements are organized to form a reusable combination of elements with multiple members.
give an example
<!DOCTYPE html>
<html>
<head>
<m ...
Posted on Sun, 31 May 2020 00:48:26 -0400 by Karpathos
react-native-easy-app details and uses fetch
react-native-easy-app Is a pure JS library that provides basic services for React Native App rapid development (supports IOS & Android), especially at the beginning of a project from 0 to 1, which can reduce the workload of developers by at least 30%.
react-native-easy-app mainly does these things:1. Encapsulating the AsyncStorage allows d ...
Posted on Sat, 30 May 2020 12:57:18 -0400 by Deany