欢迎来到博客园~~~
摘要: const strChineseFirstPY = 'YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJTMYHZWZHFLZPPQHGSCYYYNJQYXXGJHHSDSJNKKTMOMLCRXYPSNQS 阅读全文
posted @ 2021-12-06 11:33 孙~洋 阅读(25) 评论(0) 推荐(0) 编辑
摘要: js: import { createElement, useRef } from 'rax'; import View from 'rax-view'; // css import './index.css'; export default function Mod(props) { const 阅读全文
posted @ 2021-10-11 15:30 孙~洋 阅读(617) 评论(0) 推荐(0) 编辑
摘要: 需要在App.vue文件里添加<transition>标签,并给标签起一个名字叫fade。 CSS 过度类名: 组件过度过程中,会有四个CSS类名进行切换,这四个类名与transition的name属性有关,比如name='fade', 会有如下四个CSS类名: 1、fade-enter进入过度的开 阅读全文
posted @ 2019-07-17 10:28 孙~洋 阅读(811) 评论(0) 推荐(0) 编辑
摘要: 我们一直在使用的路由方式是BrowserRouter,也就是浏览器的路由方式,其实React还有几种路由方式: 1、BrowserRouter:浏览器的路由方式,也就是在开发中最常使用的路由方式 2、HashRouter:在路径前加入#号成为一个哈希值,Hash模式的好处是,再也不会因为我们刷新而找 阅读全文
posted @ 2019-07-15 20:49 孙~洋 阅读(5624) 评论(1) 推荐(1) 编辑
摘要: 一个组件完整的声生命周期包含实例化阶段、活动阶段、销毁阶段三个阶段,每个阶段又由相应的方法管理。 过程中涉及三个主要的动作术语: - mounting表示正在挂载虚拟DOM到真实DOM - updating表示正在被重新渲染 - unmounting表示正在将虚拟DOM移除真实DOM 每个动作术语提 阅读全文
posted @ 2019-07-12 15:16 孙~洋 阅读(159) 评论(0) 推荐(0) 编辑
摘要: JSX语法两种数组的声明方式: 1)第一种,在组件中遍历数组 <script> let names=['web-react','web','react'] var Component = React.createClass({ render: function () { return <div> { 阅读全文
posted @ 2019-07-11 16:57 孙~洋 阅读(158) 评论(0) 推荐(0) 编辑
摘要: <script> var HelloComponent = React.createClass({ render: function () { return <h1>hello world.</h1> } }) ReactDOM.render( <HelloComponent />, documen 阅读全文
posted @ 2019-07-11 16:22 孙~洋 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 在这里采用CDN引用react.js的方法,来编写hello word程序 这里主要使用了两个方法 1)react.createClass() 创建一个组件 2) ReactDOM.render() 渲染 代码如下: <!DOCTYPE html> <html lang="en"> <head> < 阅读全文
posted @ 2019-07-10 10:31 孙~洋 阅读(260) 评论(0) 推荐(0) 编辑
摘要: slot 是vue的内置组件,主要分为传值和接收值两部分; 首先写一个自定义组件:例如 <js></js> 再写一个template模板 并在构造器中使用components:{} 挂载, 在构造器的data中写一个选项方法: data: { jsData: { url: 'http://www.b 阅读全文
posted @ 2019-06-29 11:50 孙~洋 阅读(2172) 评论(0) 推荐(1) 编辑
摘要: 好处是在构造器外部增加一个构造器内部事件 有三个实例事件方法: - $on() // 点击一次执行一次 - $once() // 只执行一次 - $off() // 关闭事件方法 外部方法通过 $emit 方法调用 代码示例如下: <!DOCTYPE html> <html lang="en"> < 阅读全文
posted @ 2019-06-29 11:19 孙~洋 阅读(459) 评论(0) 推荐(0) 编辑