摘要：
传参的两种方式： 第一种方式： 前端传参： $.get("http://localhsot:3000/modify"，{ id:$("#id").val(), name:$("#name").val() }) 后端获取: router.get("/modify*",(req,res)=>{ (需要引 阅读全文
posted @ 2019-09-12 11:19
zsrTaki
阅读(609)
评论(0)
推荐(0)
摘要：
一、git简介 Git是目前世界上最先进的分布式版本控制系统，是由 linux之父尤纳斯为了更好的管理他自己的开源项目linux系统而花了两周时间用C语言自己开发的一个软件，这个软件可以帮助Linux更好的进行开源开发，名字就叫Git。 特点： 能记录文件每一次的改动 二、集中式和分布式 集中式版本 阅读全文
posted @ 2019-09-12 11:18
zsrTaki
阅读(232)
评论(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
阅读(404)
评论(0)
推荐(0)
摘要：
一、路由守卫使用场景 当用户登录的时候或者某些情况下需要获取用户的权限所以要做一个高阶组件的渲染劫持 二、路由守卫的使用 在component文件夹下新建一个common文件夹用来封装路由守卫，然后引入到需要使用路由守卫的组件当中 App.js import React, { Component } 阅读全文
posted @ 2019-09-12 11:16
zsrTaki
阅读(894)
评论(0)
推荐(0)
摘要：
一、高阶组件 ①接收一个组件返回一个增强性的组件 高阶组件其实是一个函数，这个函数接收一个参数，这个参数是一个组件，返回值是一个增强性的组件 component/list/header.js //①这是新建一个组件 import React,{Component} from 'react' clas 阅读全文
posted @ 2019-09-12 11:15
zsrTaki
阅读(161)
评论(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
阅读(99)
评论(0)
推荐(0)
摘要：
基本用法 默认是用get请求数据 如果需要向后端发送数据则直接在地址后面做拼接 fetch(url) //第一个参数是请求的路径 .then((res)=>res.json()) //第一个.then返回的是一个未处理的结果集，里面包含了你想要的信息还有其他的没有经过处理的信息，最终的结果需要再次进 阅读全文
posted @ 2019-09-12 11:14
zsrTaki
阅读(534)
评论(0)
推荐(0)
摘要：
redux的安装 当搭建好react环境之后 >安装redux cnpm i redux --dev 一、flux的缺陷 因为dispatcher和Store可以有多个互相管理起来特别麻烦 二、什么是redux 其实redux就是Flux的一种进阶实现。它是一个应用数据流框架，主要作用应用状态的管理 阅读全文
posted @ 2019-09-12 11:03
zsrTaki
阅读(202)
评论(0)
推荐(0)
摘要：
一、什么是Flux Flux 是一种架构思想，专门解决软件的结构问题。它跟MVC 架构是同一类东西，但是更加简单和清晰。 解决非父子组件传值，数据共享 安装 建立完react项目之后在文件目录下cmd : cnpm i flux --dev 二、flux的基本概念 (1) 、Flux由4部分组成 1 阅读全文
posted @ 2019-09-12 11:01
zsrTaki
阅读(457)
评论(0)
推荐(0)
摘要：
一、Redux与组件 react-redux是一个第三方插件使我们在react上更方便的来使用redux这个数据架构 React-Redux提供connect方法,用于从UI组件生成容器组件，connect的意思就是将两种组件连起来 参考文章：https://github.com/reduxjs/r 阅读全文
posted @ 2019-09-12 11:01
zsrTaki
阅读(113)
评论(0)
推荐(0)
摘要：
一、将flux的组件拆分成无状态组件 >UI组件 和 容器组件 这样会加快页面的加载和渲染的速度 增删效果未拆分之前 App.js import React, { Component,Fragment } from 'react'; import Input from './components/i 阅读全文
posted @ 2019-09-12 11:00
zsrTaki
阅读(204)
评论(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
阅读(229)
评论(0)
推荐(0)
摘要：
一、首先当组件第一次渲染的时候会执行哪些生命周期函数？ constructor >componentWillMount >render >componentDidMount constructor: 初始化 当前生命周期函数可以用来定义当前组件所需要的一些状态 当前生命周期里面必须要写super如果 阅读全文
posted @ 2019-09-12 10:58
zsrTaki
阅读(449)
评论(0)
推荐(0)
摘要：
.一、父组件给子组件传值 （当子组件在父组件中当做标签使用的时候 通过自定义属性进行传值，接受的时候通过this.props进行接受） 思路： 父组件引入子组件，在子组件的标签中添加自定义属性 然后将this.state中的属性传给子组件的标签 子组件通过this.props 接收父组件传过来的属性 阅读全文
posted @ 2019-09-12 10:56
zsrTaki
阅读(259)
评论(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
阅读(2291)
评论(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
阅读(212)
评论(0)
推荐(0)
摘要：
webpack: 模块打包机 作用： 将浏览器不识别的语言转换成浏览器识别的一些语言 typescript scss 工作流程： 通过一个入口文件 找到这个入口文件所依赖的所有模块，将这些文件打包成一个或者多个文件 如何使用： 1、安装 cnpm install webpack@3.5.3 -g 2 阅读全文
posted @ 2019-09-12 10:51
zsrTaki
阅读(167)
评论(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
阅读(278)
评论(0)
推荐(0)
摘要：
一、自定义全局指令 Vue.directive 自定义指令的生命周期，有5个事件钩子,可以设置指令在某一个事件发生时的具体行为： bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。 inserted: 被绑定元素插入父节点时调用（父节点存在即 阅读全文
posted @ 2019-09-12 10:49
zsrTaki
阅读(293)
评论(0)
推荐(0)
摘要：
一、ref 和 $refs 的使用 ref ref 用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通DOM元素上使用，引用指向的就是DOM元素；如果用在子组件上，引用就指向组件实例。 $refs 一般来讲，获取DOM元素，需document.querySelec 阅读全文
posted @ 2019-09-12 10:48
zsrTaki
阅读(549)
评论(0)
推荐(0)
摘要：
一、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. 阅读全文
posted @ 2019-09-12 10:47
zsrTaki
阅读(502)
评论(0)
推荐(0)
摘要：
一、watch 首先确认 watch是一个对象，一定要当成对象来用。 对象就有键，有值。 键：就是你要监控的那个家伙，比如说$route，这个就是要监控路由的变化。或者是data中的某个变量。 ①值：可以是函数：就是当你监控的家伙变化时，需要执行的函数，这个函数有两个形参，第一个是当前值，第二个是变 阅读全文
posted @ 2019-09-12 10:46
zsrTaki
阅读(379)
评论(0)
推荐(0)
摘要：
一、用axios拿数据 在需要渲染数据的组件中引入axios 找到对应的网站 >开发者工具 >Network/js/需要的接口/Request UR >复制 在created(){}中用axios.get拿数据 >粘贴路径后删掉callback >在config文件夹下的index.js中设置跨域 阅读全文
posted @ 2019-09-12 10:45
zsrTaki
阅读(521)
评论(0)
推荐(0)
摘要：
一、移动端项目的建立 新建一个项目 >在src/components目录路径下新建一个common文件夹 用于存放多次复用的组件 再新建一个page文件夹 用于存放页面组件 >在page文件夹中新建home.vue >在router/index.js中写path路径让“/”时切换到home页面 在s 阅读全文
posted @ 2019-09-12 10:44
zsrTaki
阅读(443)
评论(0)
推荐(0)
摘要：
一、store是一个状态管理工具 （vueX中只有唯一 一个store） 用途 ：存数据 取数据 改数据 把需要共享的数据放在store里 不需要共享的数据还是放在组件里 从state中取出数据渲染到view层 >view层再通过action改变数据 >action在将数据存入state (vuex 阅读全文
posted @ 2019-09-12 10:41
zsrTaki
阅读(3765)
评论(0)
推荐(0)
摘要：
counter/state.js export default{ arr:[11,22,33] } counter/state.js export default{ arr:[11,22,33] } counter/getter.js export default{ sum(state){ retu 阅读全文
posted @ 2019-09-12 10:41
zsrTaki
阅读(135)
评论(0)
推荐(0)
摘要：
router为VueRouter的实例，相当于一个全局的路由器对象，里面含有很多属性和子对象，例如history对象。。。经常用的跳转链接就可以用this.$router.push，和router-link跳转一样。。。 this.$router.push会往history栈中添加一个新的记录。。详 阅读全文
posted @ 2019-09-12 10:39
zsrTaki
阅读(151)
评论(0)
推荐(0)
摘要：
导航守卫 (进入到每个路由之前判断路径) “导航”意味着路由正在发生改变 正如其名，vue-router 提供的导航守卫主要通过跳转或取消的方式来守卫导航。 植入导航守卫的方式有三种：全局的, 单个路由独享的, 或者组件级的。 参数（params）或查询字符串（query）的改变并不会触发进入/离开 阅读全文
posted @ 2019-09-12 10:37
zsrTaki
阅读(157)
评论(0)
推荐(0)
摘要：
1 params 传参 注意⚠️：params传参 ，路径不能使用path 只能使用name,不然获取不到传的数据 this.$router.push({name: 'dispatch', params: {paicheNo: obj.paicheNo}}) 取数据：this.$route.para 阅读全文
posted @ 2019-09-12 10:36
zsrTaki
阅读(172)
评论(0)
推荐(0)
摘要：
一、路由传参 思路： 新建一个vue项目 >cnpm i axios --save >在文件路径下新建一个文件夹 hd >写一个json文件 >在hd目录下进入CMD json-server 文件名.json >进入main.js import axios from “axios” vue.prot 阅读全文
posted @ 2019-09-12 10:35
zsrTaki
阅读(186)
评论(0)
推荐(0)
摘要：
安装 ： 每次新建vue项目需要用到路由的时候就需要在文件目录的CMD中安装 cnpm i vue-router --save 一、分步版的路由 操作步骤： ①在main.js中导入 import VueRouter from "vue-router" //属于第三方插件 ②在main.js中 安装 阅读全文
posted @ 2019-09-12 10:34
zsrTaki
阅读(259)
评论(0)
推荐(0)
摘要：
一、用Vue-Cli建立一个新项目 建立步骤 ①搭建脚手架环境 打开CMD >cnpm i vue-cli -g ( yarn global add vue-cli) ② vue -V 能看到版本就成功 ③ 新建一个文件夹 >在文件夹路径下打开CMD >vue init webpack ④建立项目（ 阅读全文
posted @ 2019-09-12 10:33
zsrTaki
阅读(279)
评论(0)
推荐(0)
摘要：
vue生命周期简介 生命周期探究 对于执行顺序和什么时候执行，看上面两个图基本有个了解了。下面我们将结合代码去看看钩子函数的执行。 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="ht 阅读全文
posted @ 2019-09-12 10:32
zsrTaki
阅读(134)
评论(0)
推荐(0)
摘要：
一、 computed 计算属性 在模板中放入太多的逻辑会让模板过重且难以维护， 所以，对于任何复杂逻辑，包括运算、函数调用等，你都应当使用计算属性。 计算属性还有两个很实用的小技巧容易被忽略：一是计算属性可以依赖其他计算属性; 二是计算属性不仅可以依赖当前Vue 实例的数据，还可以依赖其他实例的数 阅读全文
posted @ 2019-09-12 10:28
zsrTaki
阅读(369)
评论(0)
推荐(1)
摘要：
Vue框架 是一套用于构建用户界面的渐进式框架 Vue 的核心库只关注视图层, 是一个数据驱动的MVVM框架 Model （data) //model层 数据放在data里 View ( template) //视图层渲染数据 ViewModel(vm) //当数据变化的时候，视图自动更新（数据驱动 阅读全文
posted @ 2019-09-12 10:26
zsrTaki
阅读(221)
评论(0)
推荐(0)
摘要：
聊天 socket.io 全双工（发送的同时能接收消息 接收的同时能发送消息） 新建一个文件夹 在cmd中安装express环境 cnpm i express --save 在cmd中安装socket.io的包 cnpm i socket.io --save 在node modules的文件夹里找到 阅读全文
posted @ 2019-09-12 10:23
zsrTaki
阅读(123)
评论(0)
推荐(0)
摘要：
登陆注册 打开cmd执行 mongod --dbpath=d：/data 打开cmd执行 mongo 新建express项目 >在文件路径下打开cmd cnpm i mongoose --save ① 在文件路径下安装 body-parser 的包 cnpm i body-parser --save 阅读全文
posted @ 2019-09-12 10:22
zsrTaki
阅读(214)
评论(0)
推荐(0)
摘要：
events 事件监听 var evt = new events.EventEmitter; //实例化 evt.on("事件名",function(数据){}) //监听事件拿到数据 evt.emit("事件名",数据) //发送数据 node 文件名 //在cmd中查看结果 const even 阅读全文
posted @ 2019-09-12 10:22
zsrTaki
阅读(166)
评论(0)
推荐(0)
摘要：
一、mongoose 是一个包 打开cdm mongod --dbpath=d:/data 打开cmd mongo 新建一个文件夹 在里面写一个text.js文件 打开这个https://mongoosejs.com/ 网址 将这段代码 复制到 text.js文件夹中 const mongoose 阅读全文
posted @ 2019-09-12 10:15
zsrTaki
阅读(217)
评论(0)
推荐(0)
摘要：
一、前后端分离 渲染数据 总的来说就是在index.js中向某个端口甩出data.json中的数据 然后在.html文件中从这个端口中获取这个数据然后将其遍历到网页中 ①先生成express项目 ②在bin/www 中查看端口号 ③app.js 中的app.use(express.static(pa 阅读全文
posted @ 2019-09-12 10:06
zsrTaki
阅读(512)
评论(0)
推荐(0)
摘要：
mongodb安装操作 1.点击安装程序 f/工具/mongodb-win32-x86 2.第二步点complete 第三步取消右下方的install 然后继续安装 3.在D盘中创建一个data文件夹 4.在 c/program/MongoDB/server/3.6/bin 点击路径栏复制路径 5. 阅读全文
posted @ 2019-09-12 10:02
zsrTaki
阅读(179)
评论(0)
推荐(0)
摘要：
中间件 所谓中间件，就是在收到请求后和发送响应之前这个阶段执行的一些函数 中间件的结构 1、app.use（[path]，function） path：是路由的url，默认参数‘/'，意义是路由到这个路径时使用这个中间件 function：中间件函数 这个中间件函数可以理解为就是function(r 阅读全文
posted @ 2019-09-12 09:59
zsrTaki
阅读(173)
评论(0)
推荐(0)
摘要：
一、express环境搭建 express web框架：基于node.js平台，快速，开放，极简的web开发框架http://www.expressjs.com.cn/ 使用前需要进行安装 cnpm install express --save 2.安装步骤 新建一个文件夹 双击文件夹 在cmd中 阅读全文
posted @ 2019-09-12 09:58
zsrTaki
阅读(239)
评论(0)
推荐(0)
摘要：
一、后端路由 const http = require("http") const fs = require("fs"); const data = require("./a") var ser = http.createServer((req,res)=>{ if(req.url "favicon 阅读全文
posted @ 2019-09-12 09:55
zsrTaki
阅读(224)
评论(0)
推荐(0)
摘要：
node模块的引用顺序 https://blog.csdn.net/qq_24839991/article/details/79970808 当require('xxx')一个模块时： 优先加载核心模块： 如果显示指定文件模块扩展名，则在该路径下查找该模块是否存在； 以路径形式加载文件模块：如果未显 阅读全文
posted @ 2019-09-12 09:54
zsrTaki
阅读(250)
评论(0)
推荐(0)
摘要：
Nodejs：是用js来做服务器端的操作 和php性质类似，用于读取前端的文件 Node环境搭建 1.安装node安装包 2.打开CMD 3.node -v // 查看安装的node版本（version） 4.npm -v 5.搜索cnpm 找到淘宝镜像安装路径 ：npm install -g cn 阅读全文
posted @ 2019-09-12 09:52
zsrTaki
阅读(103)
评论(0)
推荐(0)
浙公网安备 33010602011771号