欢迎来到博客园~~~

07 2019 档案

Vuejs路由过度动画
摘要：需要在App.vue文件里添加<transition>标签，并给标签起一个名字叫fade。 CSS 过度类名： 组件过度过程中，会有四个CSS类名进行切换，这四个类名与transition的name属性有关，比如name='fade'， 会有如下四个CSS类名： 1、fade-enter进入过度的开 阅读全文
posted @ 2019-07-17 10:28 孙~洋 阅读(824) 评论(0) 推荐(0)
ReactJS 的5种路由模式
摘要：我们一直在使用的路由方式是BrowserRouter，也就是浏览器的路由方式，其实React还有几种路由方式： 1、BrowserRouter：浏览器的路由方式，也就是在开发中最常使用的路由方式 2、HashRouter：在路径前加入#号成为一个哈希值，Hash模式的好处是，再也不会因为我们刷新而找 阅读全文
posted @ 2019-07-15 20:49 孙~洋 阅读(5655) 评论(1) 推荐(1)
React组件的生命周期
摘要：一个组件完整的声生命周期包含实例化阶段、活动阶段、销毁阶段三个阶段，每个阶段又由相应的方法管理。 过程中涉及三个主要的动作术语： - mounting表示正在挂载虚拟DOM到真实DOM - updating表示正在被重新渲染 - unmounting表示正在将虚拟DOM移除真实DOM 每个动作术语提 阅读全文
posted @ 2019-07-12 15:16 孙~洋 阅读(162) 评论(0) 推荐(0)
React基础__JSX语法进阶
摘要：JSX语法两种数组的声明方式： 1）第一种，在组件中遍历数组 <script> let names=['web-react','web','react'] var Component = React.createClass({ render: function () { return <div> { 阅读全文
posted @ 2019-07-11 16:57 孙~洋 阅读(162) 评论(0) 推荐(0)
React基础__初识JSX语法
摘要：<script> var HelloComponent = React.createClass({ render: function () { return <h1>hello world.</h1> } }) ReactDOM.render( <HelloComponent />, documen 阅读全文
posted @ 2019-07-11 16:22 孙~洋 阅读(115) 评论(0) 推荐(0)
ReactJS基础__Hello Word程序
摘要：在这里采用CDN引用react.js的方法，来编写hello word程序 这里主要使用了两个方法 1）react.createClass() 创建一个组件 2) ReactDOM.render() 渲染 代码如下： <!DOCTYPE html> <html lang="en"> <head> < 阅读全文
posted @ 2019-07-10 10:31 孙~洋 阅读(277) 评论(0) 推荐(0)