- 博客(46)
- 收藏
- 关注
RSS订阅转载 传参方法总结 ？传参 /传参 （2019/4/6）
传参的两种方式：第一种方式：前端传参：$.get("http://localhsot:3000/modify"，{ id:$("#id").val(), name:$("#name").val()})后端获...
2019-09-12 11:19:00
907
转载 GIT 知识点总结（2019/3/28）
一、git简介Git是目前世界上最先进的分布式版本控制系统，是由 linux之父尤纳斯为了更好的管理他自己的开源项目linux系统而花了两周时间用C语言自己开发的一个软件，这个软件可以帮助Linux更好的进行开源开发，名字就叫Git。特点： 能记录文件每一次的改动二、集中式和分布式集中式版本控制系统： 版本库是集中存放在中央服务器的，而干活的时候，用的都是自...
2019-09-12 11:18:00
170
转载 git----将自己分支里的文件提交到github（2018/12/20）
git checkout zsrgit add. //将新写的文件都添加到git项目中git status //查看一下当前被git管理的文件git commit -m “备注” //将添加好的文件提交到git服务器上git remote -v // 查看关联的远程仓库的详细信息$git push origin zsr //将自己的分支提交到线上...
2019-09-12 11:17:00
240
转载 手动封装react的路由守卫（2018/12/19）
一、路由守卫使用场景当用户登录的时候或者某些情况下需要获取用户的权限所以要做一个高阶组件的渲染劫持二、路由守卫的使用在component文件夹下新建一个common文件夹用来封装路由守卫，然后引入到需要使用路由守卫的组件当中App.jsimport React, { Component } from 'react';import {HashRout...
2019-09-12 11:16:00
225
转载 高阶组件（2018/12/18）
一、高阶组件 ①接收一个组件返回一个增强性的组件 高阶组件其实是一个函数，这个函数接收一个参数，这个参数是一个组件，返回值是一个增强性的组件component/list/header.js //①这是新建一个组件import React,{Component} from 'react'class Header extends...
2019-09-12 11:15:00
95
转载 git的使用（工作中）（2018/12/18）
一：详细看老赵博客园。一：git的基本命令001.初始化仓库。创建git仓库 gitinit 002.配置个人信息 git config --global user.name <名字> git config --global user.email <邮箱>--------->：配置邮箱...
2019-09-12 11:14:00
75
转载 fetch----进行数据的异步请求（2018/12/18）
基本用法 默认是用get请求数据如果需要向后端发送数据则直接在地址后面做拼接 fetch(url)//第一个参数是请求的路径.then((res)=>res.json())//第一个.then返回的是一个未处理的结果集，里面包含了你想要的信息还有其他的没有经过处理的信息，最终的结果需要再次进行...
2019-09-12 11:14:00
314
转载 redux的使用（2018/12/17）
redux的安装当搭建好react环境之后-------->安装redux cnpm i redux --dev一、flux的缺陷因为dispatcher和Store可以有多个互相管理起来特别麻烦二、什么是redux其实redux就是Flux的一种进阶实现。它是一个应用数据流框架，主要作用应用状态的管理设计思想：(1)、web应用...
2019-09-12 11:03:00
86
转载 react-flux的使用（2018/12/16）
一、什么是Flux Flux 是一种架构思想，专门解决软件的结构问题。它跟MVC 架构是同一类东西，但是更加简单和清晰。 解决非父子组件传值，数据共享 安装----建立完react项目之后在文件目录下cmd : cnpm i flux --dev二、flux的基本概念 (1) 、Flux由4部分组成 1、View：视图层 ...
2019-09-12 11:01:00
171
转载 react-redux 的使用*（2018/12/17）
一、Redux与组件react-redux是一个第三方插件使我们在react上更方便的来使用redux这个数据架构React-Redux提供connect方法,用于从UI组件生成容器组件，connect的意思就是将两种组件连起来参考文章：https://github.com/reduxjs/react-redux安装语句 cnpm i react-redux --sav...
2019-09-12 11:01:00
93
转载 flux的组件拆分（2018/12/16）
一、将flux的组件拆分成无状态组件------->UI组件 和 容器组件 这样会加快页面的加载和渲染的速度增删效果未拆分之前App.jsimport React, { Component,Fragment } from 'react';import Input from './compo...
2019-09-12 11:00:00
149
转载 react 的环境搭建（新）（2018/12/15）
一、react环境的搭建1 全局安装（react 脚手架的安装）：cnpm installcreate-react-app -g2 局部安装（在文件路径下）：create-react-app 项目名称 //相当于创建了一个myrouter的文件夹3 cd myrouter 进去myrouter 文件夹4 npm start 会自动开启项目的网页...
2019-09-12 10:59:00
109
转载 react的九个生命周期函数（2018/12/13）
一、首先当组件第一次渲染的时候会执行哪些生命周期函数？constructor--->componentWillMount--->render--->componentDidMountconstructor:初始化当前生命周期函数可以用来定义当前组件所需要的一些状态当前生命周期里...
2019-09-12 10:58:00
467
转载 父子组件传值，非父子组件传值 实例方法/事件封装（2018/12/11）
.一、父组件给子组件传值 （当子组件在父组件中当做标签使用的时候 通过自定义属性进行传值，接受的时候通过this.props进行接受）思路：父组件引入子组件，在子组件的标签中添加自定义属性 然后将this.state中的属性传给子组件的标签子组件通过this.props 接收父组件传过来的属性，添加到虚拟dom中，再通过对虚拟dom的渲染在页面上显示出来this....
2019-09-12 10:56:00
107
转载 用react的组件写单选框 多选框 下拉菜单并进行双向绑定（2018/12/10）
一、单选App.jsimport React,{Component} from "react"class App extends Component{constructor(){super();this.state={radioVal:'男'}...
2019-09-12 10:54:00
1759
转载 在手动搭建webpack的情况下安装 react环境（2018/12/9）
一、在手动搭建webpack的情况下安装 react环境①、先完成webpack安装②、在文件夹路径下安装 cnpm i react react-dom③、在新建的index.html中写dom元素 用于被index.js获取到对应的dom元素进行渲染index.html<body><div id="root"&g...
2019-09-12 10:53:00
125
转载 webPack基本使用（2018/12/8）
webpack:模块打包机作用：将浏览器不识别的语言转换成浏览器识别的一些语言typescript scss工作流程：通过一个入口文件 找到这个入口文件所依赖的所有模块，将这些文件打包成一个或者多个文件...
2019-09-12 10:51:00
67
转载 react的环境搭建（2018/12/5）
一、react的环境搭建操作步骤：①新建一个文件夹，在目标路径下打开CMD 安装react cnpm i react react-dom //react-dom用于操作jsx的语法，操作虚拟dom②安装babel（用于将es6格式转为es5 识别script中的标签） cnpm i babel-standalone --save③新建一个js文...
2019-09-12 10:50:00
75
转载 自定义指令 自定义过滤器（2018/12/4）
一、自定义全局指令 Vue.directive自定义指令的生命周期，有5个事件钩子,可以设置指令在某一个事件发生时的具体行为：bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。up...
2019-09-12 10:49:00
144
转载 ref 和 $refs 父子组件方法调用 vue项目打包（2018/12/4）
一、ref 和 $refs 的使用ref ref 用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通DOM元素上使用，引用指向的就是DOM元素；如果用在子组件上，引用就指向组件实例。$refs 一般来讲，获取DOM元素，需document.querySelector（".text"）获取这个dom节点，然后...
2019-09-12 10:48:00
127
转载 mint-Ui库 API（2018/12/3）
一、mint-UI①安装 cnpm i mint-ui --save②引入 Mint UI 在 main.js 中写入以下内容：（完整引入）import Vue from 'vue'import MintUI from 'mint-ui'import 'mint-ui/lib/style.css'import App from './App.vue'...
2019-09-12 10:47:00
180
转载 watch 动态监听 非父子组件之间传值（2018/12/2）
一、watch首先确认 watch是一个对象，一定要当成对象来用。对象就有键，有值。键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化。或者是data中的某个变量。①值：可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变化后的值。②值：也可以是函数名：不过这个函数名要用单引号来包裹。...
2019-09-12 10:46:00
262
转载 从网站接口拿数据的两种方式 swiper（2018/12/1）
一、用axios拿数据 在需要渲染数据的组件中引入axios 找到对应的网站--->开发者工具---->Network/js/需要的接口/Request UR----->复制 在created(){}中用axios.get拿数据----->粘贴路径后删掉callback----->在config文件...
2019-09-12 10:45:00
356
转载 移动端项目 scss（2018/11/30）
一、移动端项目的建立 新建一个项目---->在src/components目录路径下新建一个common文件夹 用于存放多次复用的组件再新建一个page文件夹 用于存放页面组件----->在page文件夹中新建home.vue---->在router/index.js中写path路径让“/”时切换到home页面 ...
2019-09-12 10:44:00
309
转载 Vuex 在state中存取数据 modules分模块 （2018/11/28）
一、store是一个状态管理工具（vueX中只有唯一 一个store）用途 ：存数据 取数据 改数据把需要共享的数据放在store里 不需要共享的数据还是放在组件里从state中取出数据渲染到view层------>view层再通过action改变数据------>action在将数据存入state (vuex的处理流程是一个单向的数据流必须先...
2019-09-12 10:41:00
1187
转载 计数器（2018/11/29）
counter/state.jsexport default{arr:[11,22,33]}counter/getter.jsexport default{sum(state){return state.arr.reduce((a,b)=>a+b)}}...
2019-09-12 10:41:00
148
转载 03$router和$route的区别 （2018/11/28）
router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象。。。经常用的跳转链接就可以用this.$router.push，和router-link跳转一样。。。this.$router.push会往history栈中添加一个新的记录。。详细见vue官方文档https://router.vuejs.org/zh/guid...
2019-09-12 10:39:00
102
转载 02导航守卫 （2018/11/28）
导航守卫 (进入到每个路由之前判断路径) “导航”意味着路由正在发生改变 正如其名，vue-router提供的导航守卫主要通过跳转或取消的方式来守卫导航。 植入导航守卫的方式有三种：全局的, 单个路由独享的, 或者组件级的。 参数（params）或查询字符串（q...
2019-09-12 10:37:00
211
转载 01模拟用户的登录 （2018/11/27）
1 params 传参注意⚠️：params传参 ，路径不能使用path 只能使用name,不然获取不到传的数据 this.$router.push({name: 'dispatch', params: {paicheNo: obj.paicheNo}}) 取数据：this.$route.params.paicheNothis.$...
2019-09-12 10:36:00
102
转载 路由传参（2018/11/26）
一、路由传参 思路：新建一个vue项目------>cnpm i axios --save ------->在文件路径下新建一个文件夹 hd------>写一个json文件------>在hd目录下进入CMD json-server 文件名.json------>进入main.js import axios from “axios”...
2019-09-12 10:35:00
99
转载 Vue路由的基本使用（2018/11/25）
安装 ：每次新建vue项目需要用到路由的时候就需要在文件目录的CMD中安装 cnpm i vue-router --save 一、分步版的路由操作步骤：①在main.js中导入 import VueRouter from "vue-router" //属于第三方插件②在main.js中 安装组件 Vue.use(VueRout...
2019-09-12 10:34:00
117
转载 利用Vue cli生成一个新的项目（2018/11/24）
一、用Vue-Cli建立一个新项目建立步骤①搭建脚手架环境 打开CMD--->cnpm i vue-cli -g ( yarn global add vue-cli)② vue -V 能看到版本就成功③ 新建一个文件夹--->在文件夹路径下打开CMD --->vue init webpack④建立项目（Y/...
2019-09-12 10:33:00
115
转载 生命周期的钩子函数（2018/11/23）
vue生命周期简介生命周期探究对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。<!DOCTYPE html><html><head><title></title><script type="text/javas...
2019-09-12 10:32:00
87
转载 component 组件 computed计算属性（2018/11/20）
一、 computed 计算属性 在模板中放入太多的逻辑会让模板过重且难以维护， 所以，对于任何复杂逻辑，包括运算、函数调用等，你都应当使用计算属性。 计算属性还有两个很实用的小技巧容易被忽略：一是计算属性可以依赖其他计算属性; 二是计算属性不仅可以依赖当前Vue 实例的数据，还可以依赖其他实例的数据<div id="app1"></d...
2019-09-12 10:28:00
1635
转载 vue.js框架（2018/11/18）
Vue框架 是一套用于构建用户界面的渐进式框架 Vue 的核心库只关注视图层, 是一个数据驱动的MVVM框架 Model （data) //model层 ...
2019-09-12 10:26:00
125
转载 基本通信 （2018/11/17）
聊天 socket.io全双工（发送的同时能接收消息接收的同时能发送消息）新建一个文件夹 在cmd中安装express环境 cnpm i express --save 在cmd中安装socket.io的包 cnpm i socket.io --save在node modules的文件夹里找到 socket...
2019-09-12 10:23:00
77
转载 event.js （2018/11/17）
events 事件监听 var evt = new events.EventEmitter; //实例化evt.on("事件名",function(数据){}) //监听事件拿到数据evt.emit("事件名",数据) //发送数据node 文件名 //在cmd中查看结果const events = requ...
2019-09-12 10:22:00
115
转载 登陆 注册 防跳 cookie 增删改查 分页 页面跳转 上传（2018/11/15）
登陆注册打开cmd执行 mongod --dbpath=d：/data打开cmd执行 mongo新建express项目----->在文件路径下打开cmd cnpm i mongoose --save① 在文件路径下安装 body-parser 的包 cnpm i body-parser --save //用于处理post提交的数据② 在ap...
2019-09-12 10:22:00
156
转载 用mongosse 进行增删改查（2018/11/13）
一、mongoose 是一个包打开cdm mongod --dbpath=d:/data打开cmd mongo新建一个文件夹 在里面写一个text.js文件 打开这个https://mongoosejs.com/ 网址将这段代码 复制到 text.js文件夹中const mongoose = require('mongoose');...
2019-09-12 10:15:00
185
转载 前后端分离方式渲染数据（2018/11/12）
一、前后端分离----渲染数据 总的来说就是在index.js中向某个端口甩出data.json中的数据 然后在.html文件中从这个端口中获取这个数据然后将其遍历到网页中①先生成express项目②在bin/www 中查看端口号③app.js 中的app.use(express.static(path.join(__dirname,'public'))) ; 可以将pub...
2019-09-12 10:06:00
729
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人