前端
- 前端
- 分类
- Dec 10, 2019
VUE
vue子组件调用父组件方法 假设一个div中有多个子组件,多个子组件可以上下移动: 如上图所示; 在子组件上点击上下,可以交换顺序。 简易实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id='app'> <app></app> <div> <div ref='com1'><com1></com1></div>...
Read More - May 18, 2018
React 学习
最近要写前端,以前对前端五花八门的库、框架都不知道怎么入手,就会写JavaScript,听说了react的all in js ,于是尝试一下。 网上很多教程是通过React.createClass方式,和通过extends方式有很多差异,这里记录一下粗鄙的学习与理解过程…… demo地址 react demo react是SPA(single page application)的一个实现,其JSX实JavaScript的扩展,语法同JavaScript,熟悉js的话,上手react是比较快速的。 这里将react与java作比较,让熟悉java的人也能看懂react的使用。 类即组件 import React, {Component} from 'react'; class HelloWorld extends Component { render() { return( <h1>Hello World!</h1> ) }...
Read More