摘要: 传参的两种方式: 第一种方式: 前端传参: $.get("http://localhsot:3000/modify",{ id:$("#id").val(), name:$("#name").val() }) 后端获取: router.get("/modify*",(req,res)=>{ (需要引 阅读全文
posted @ 2019-09-12 11:19 zsrTaki 阅读(565) 评论(0) 推荐(0) 编辑
摘要: 一、git简介 Git是目前世界上最先进的分布式版本控制系统,是由 linux之父尤纳斯为了更好的管理他自己的开源项目linux系统而花了两周时间用C语言自己开发的一个软件,这个软件可以帮助Linux更好的进行开源开发,名字就叫Git。 特点: 能记录文件每一次的改动 二、集中式和分布式 集中式版本 阅读全文
posted @ 2019-09-12 11:18 zsrTaki 阅读(218) 评论(0) 推荐(0) 编辑
摘要: git checkout zsr git add. //将新写的文件都添加到git项目中 git status //查看一下当前被git管理的文件 git commit -m “备注” //将添加好的文件提交到git服务器上 git remote -v // 查看关联的远程仓库的详细信息 $git 阅读全文
posted @ 2019-09-12 11:17 zsrTaki 阅读(398) 评论(0) 推荐(0) 编辑
摘要: 一、路由守卫使用场景 当用户登录的时候或者某些情况下需要获取用户的权限所以要做一个高阶组件的渲染劫持 二、路由守卫的使用 在component文件夹下新建一个common文件夹用来封装路由守卫,然后引入到需要使用路由守卫的组件当中 App.js import React, { Component } 阅读全文
posted @ 2019-09-12 11:16 zsrTaki 阅读(875) 评论(0) 推荐(0) 编辑
摘要: 一、高阶组件 ①接收一个组件返回一个增强性的组件 高阶组件其实是一个函数,这个函数接收一个参数,这个参数是一个组件,返回值是一个增强性的组件 component/list/header.js //①这是新建一个组件 import React,{Component} from 'react' clas 阅读全文
posted @ 2019-09-12 11:15 zsrTaki 阅读(150) 评论(0) 推荐(0) 编辑
摘要: 一:详细看老赵博客园。 一:git的基本命令 001.初始化仓库。创建git仓库 git init 002.配置个人信息 git config --global user.name <名字> git config --global user.email <邮箱> >:配置邮箱 git config 阅读全文
posted @ 2019-09-12 11:14 zsrTaki 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 基本用法 默认是用get请求数据 如果需要向后端发送数据则直接在地址后面做拼接 fetch(url) //第一个参数是请求的路径 .then((res)=>res.json()) //第一个.then返回的是一个未处理的结果集,里面包含了你想要的信息还有其他的没有经过处理的信息,最终的结果需要再次进 阅读全文
posted @ 2019-09-12 11:14 zsrTaki 阅读(477) 评论(0) 推荐(0) 编辑
摘要: redux的安装 当搭建好react环境之后 >安装redux cnpm i redux --dev 一、flux的缺陷 因为dispatcher和Store可以有多个互相管理起来特别麻烦 二、什么是redux 其实redux就是Flux的一种进阶实现。它是一个应用数据流框架,主要作用应用状态的管理 阅读全文
posted @ 2019-09-12 11:03 zsrTaki 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 一、什么是Flux Flux 是一种架构思想,专门解决软件的结构问题。它跟MVC 架构是同一类东西,但是更加简单和清晰。 解决非父子组件传值,数据共享 安装 建立完react项目之后在文件目录下cmd : cnpm i flux --dev 二、flux的基本概念 (1) 、Flux由4部分组成 1 阅读全文
posted @ 2019-09-12 11:01 zsrTaki 阅读(416) 评论(0) 推荐(0) 编辑
摘要: 一、Redux与组件 react-redux是一个第三方插件使我们在react上更方便的来使用redux这个数据架构 React-Redux提供connect方法,用于从UI组件生成容器组件,connect的意思就是将两种组件连起来 参考文章:https://github.com/reduxjs/r 阅读全文
posted @ 2019-09-12 11:01 zsrTaki 阅读(105) 评论(0) 推荐(0) 编辑
摘要: 一、将flux的组件拆分成无状态组件 >UI组件 和 容器组件 这样会加快页面的加载和渲染的速度 增删效果未拆分之前 App.js import React, { Component,Fragment } from 'react'; import Input from './components/i 阅读全文
posted @ 2019-09-12 11:00 zsrTaki 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 一、react环境的搭建 1 全局安装(react 脚手架的安装):cnpm install create-react-app -g 2 局部安装(在文件路径下):create-react-app 项目名称 //相当于创建了一个myrouter的文件夹 3 cd myrouter 进去myroute 阅读全文
posted @ 2019-09-12 10:59 zsrTaki 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 一、首先当组件第一次渲染的时候会执行哪些生命周期函数? constructor >componentWillMount >render >componentDidMount constructor: 初始化 当前生命周期函数可以用来定义当前组件所需要的一些状态 当前生命周期里面必须要写super如果 阅读全文
posted @ 2019-09-12 10:58 zsrTaki 阅读(435) 评论(0) 推荐(0) 编辑
摘要: .一、父组件给子组件传值 (当子组件在父组件中当做标签使用的时候 通过自定义属性进行传值,接受的时候通过this.props进行接受) 思路: 父组件引入子组件,在子组件的标签中添加自定义属性 然后将this.state中的属性传给子组件的标签 子组件通过this.props 接收父组件传过来的属性 阅读全文
posted @ 2019-09-12 10:56 zsrTaki 阅读(247) 评论(0) 推荐(0) 编辑
摘要: 一、单选 App.js import React,{Component} from "react" class App extends Component{ constructor(){ super(); this.state={ radioVal:'男' } } render(){ let {ra 阅读全文
posted @ 2019-09-12 10:54 zsrTaki 阅读(2205) 评论(0) 推荐(0) 编辑
摘要: 一、在手动搭建webpack的情况下安装 react环境 ①、先完成webpack安装 ②、在文件夹路径下安装 cnpm i react react-dom ③、在新建的index.html中写dom元素 用于被index.js获取到对应 的dom元素进行渲染 index.html <body> < 阅读全文
posted @ 2019-09-12 10:53 zsrTaki 阅读(197) 评论(0) 推荐(0) 编辑
摘要: webpack: 模块打包机 作用: 将浏览器不识别的语言转换成浏览器识别的一些语言 typescript scss 工作流程: 通过一个入口文件 找到这个入口文件所依赖的所有模块,将这些文件打包成一个或者多个文件 如何使用: 1、安装 cnpm install webpack@3.5.3 -g 2 阅读全文
posted @ 2019-09-12 10:51 zsrTaki 阅读(161) 评论(0) 推荐(0) 编辑
摘要: 一、react的环境搭建 操作步骤: ①新建一个文件夹,在目标路径下打开CMD 安装react cnpm i react react-dom //react-dom用于操作jsx的语法,操作虚拟dom ②安装babel(用于将es6格式转为es5 识别script中的标签) cnpm i babel 阅读全文
posted @ 2019-09-12 10:50 zsrTaki 阅读(266) 评论(0) 推荐(0) 编辑
摘要: 一、自定义全局指令 Vue.directive 自定义指令的生命周期,有5个事件钩子,可以设置指令在某一个事件发生时的具体行为: bind: 只调用一次,指令第一次绑定到元素时调用,用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 inserted: 被绑定元素插入父节点时调用(父节点存在即 阅读全文
posted @ 2019-09-12 10:49 zsrTaki 阅读(279) 评论(0) 推荐(0) 编辑
摘要: 一、ref 和 $refs 的使用 ref ref 用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通DOM元素上使用,引用指向的就是DOM元素;如果用在子组件上,引用就指向组件实例。 $refs 一般来讲,获取DOM元素,需document.querySelec 阅读全文
posted @ 2019-09-12 10:48 zsrTaki 阅读(530) 评论(0) 推荐(0) 编辑