fiona_0427的博客

一、安装nginx1.到【nginx: download】下载，上传压缩包到非【/usr/local/】目录解压：tar -zxvf nginx-1.20.2.tar.gz -C /2.cd nginx-1.20.23../configure --prefix=/usr/local/nginx-1.20.2 --with-http_ssl_module --with-http_stub_status_module#配置configure --prefix 代表安装的

在/usr/local/ 创建文件夹mongoDB 上传mongodb安装文件到Linux上的/usr/local/目录下，并且tar -zxvf mongodb-linux-i686-3.2.13-rc0.gz -C /usr/local/mongoDB 重命名回到数据库目录下cd /usr/local/mongoDB/mongodbserver1.创建数据库文件夹cd /usr/local/mongoDB/mongodbservermkdir datacd /us..

import React, { Component } from "react";import { Table } from "antd";import PropTypes from "prop-types";class TableBar extends Component { constructor(props) { super(props); this.onScrollEvent = this.onScrollEvent.bind(this); } onScroll...

跨组件交互在不使用其它框架、类库的情况下，React要实现跨组件交互这一功能相对有些繁琐。通常我们需要在父组件上定义一个state和一个修改该state的函数。然后把state和这个函数分别传到两个子组件里，在逻辑简单，且子组件很少的时候可能还好，但当业务复杂起来后，这么写就非常繁琐，且难以维护。而用Mobx就可以很好地解决这个问题。来看看以下的例子：class MyState { @observable num1 = 0; @observable num2 = 100; @acti

@observable * 概念: 创建一个被监听的对象, 没有@observable声明的视图不能检测到变化,把数据源变成可观测的，数据实现相应ES6的装饰器在react中有时不支持，要安装插件（1）写法一：数组、对象、ES6中的map等都可以变成可观察的。例：写一个可观测的数组：const arr = observable （['a','b']）数值不可观察。如果想让数值变成可观察的，使用box（）或get（）、set（）cosnt num = observabl...

1.下载安装git https://git-scm.com/downloads/2.初始化git本地目录。3.连接远程仓库github（gitlab）配置秘钥。https://www.cnblogs.com/flora5/p/7152556.html4.下载远程代码 git clone <版本库网址>5.然后就开始码农之路了。由于是公司代码，很多人在合作，而且分迭代，所以要学会建立自己的分支（git checkout -b <你的分支名>）常用命令：（注 <>

一、使用到图片标签的src属性上时1.分离引入方式在文件头部引入：import logo from '../img/logo.svg';在reder函数中使用<img src={logo} alt="图标"/>2.通过require懒加载引入在reder函数中使用<img src={require("../img/logo2.jpg")} alt="图标"/>二、作为背景图片使用时1.分离引入方式在文件头部引入：import

1.循环数组采用map方法render(){letimgarr=["https://t7.baidu.com/it/u=656449836,1405112256&fm=193", "https://t7.baidu.com/it/u=4203437985,3172522485&fm=193", "https://t9.baidu.com/it/u=2200618372,2799649385&fm=193"]} r...

1.If/Elseclass App extends React.Component { state = { text: '', inputText: '', mode: 'view', } handleChange = (e) => { this.setState({ inputText: e.target.value }); } handleSave = () => { this.setState({text: thi

1.函数式定义(无状态组件)import React from 'react';function MyComponent(props){　　return( <h1>mycomponent</h1> )}export default MyComponent;2.es6中class类的方式（有状态组件）import React, { Component } from 'react';class MyConponent extends Com

1.Vuex概述Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享使用Vuex管理数据的好处：A.能够在vuex中集中管理共享的数据，便于开发和后期进行维护B.能够高效的实现组件之间的数据共享，提高开发效率C.存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新Vuex中的核心特性A.StateState提供唯一的公共数据源，所有共享的数据都要统一放到Store中的State中存储例如，打开项目中的store.js文件，在State对

github开源代码托管网站github是基于git做版本控制的一、git的使用方法1.下载和安装git到官网去下载，下载成功后，点击鼠标右键，会出下如下两个新选项，Git GUI Here和Git Bash Here在任意文件夹下点击右键，选择Git Bash Here，来到当前文件夹路径的命令行在“新建文件夹”下操作，就会把“新建文件夹”当作一个工作区，来和仓库关联2.常用的git指令克隆–http地址–git clone http://github.com/Gitgit地址—gi

Vue Router的使用步骤(★★★)A.导入下载 npm i vue-router --save或者 npm i vue-router --S在main.js入口文件中引入 import Vue from "vue" import VueRouter from "vue-router"//引入路由工具 import App from "./App.vue"在main.js入口文件中注入路由Vue.use(VueRouter）//就是运行路由的相关函数和给vue绑定东西:

父组件向子组件传值父组件发送的形式是以属性的形式绑定值到子组件身上。然后子组件用属性props接收子组件的mounted函数先于父组件的mounted函数调用若：1.父组件在mounted函数中将原data定义的arr:[ ]，新赋值为arr:[1,2,3],2.父组件给子组件传值，子组件获得arr3.子组件在mounted函数中打印arr，打印的结果为[ ]空原因：子组件的mounted函数先于父组件的mounted函数调用，因为子组件调用mounted时，父组件还没有调用mounted

组件插槽组件的最大特性就是复用性，而用好插槽能大大提高组件的可复用能力匿名插槽 <div id="app"> <!-- 这里的所有组件标签中嵌套的内容会替换掉slot 如果不传值 则使用 slot 中的默认值 --> <alert-box>有bug发生</alert-box> <alert-box>有一个警告</alert-box> <aler

什么是组件？组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素，封装可重用的代码组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称，第2个参数是一个选项对象全局组件注册后，任何vue实例都可以用组件的基础用法 <div id="example"> <!-- 2、 组件使用 组件名称 是以HTML标签的形式使用 --> <my-co

自定义指令内置指令不能满足我们特殊的需求Vue允许我们自定义指令Vue.directive 注册全局指令<!-- 使用自定义的指令，只需在对用的元素中，加上'v-'的前缀形成类似于内部指令'v-if'，'v-text'的形式。 --><input type="text" v-focus><script>// 注意点： // 1、 在自定义指令中 如果以驼峰命名的方式定义 如 Vue.directive('focusA',function

生命周期事物从出生到死亡的过程Vue实例从创建 到销毁的过程 ，这些过程中会伴随着一些函数的自调用。我们称这些函数为钩子函数常用的 钩子函数beforeCreate在实例初始化之后，数据观测和事件配置之前被调用 此时data 和 methods 以及页面的DOM结构都没有初始化 什么都做不了created在实例创建完成后被立即调用此时data 和 methods已经可以使用 但是页面还没有渲染出来beforeMount在挂载开始之前被调用 此时页面上还看不

计算属性和监视器的区别计算属性 compued监视器 watch一个数据受多个数据影响一个数据影响多个数据不支持异步支持异步首次会运行首次不会运行有返回值无返回值计算属性和过滤器的区别计算属性 compued过滤器 filters依赖于固定的实列，在某个实列中使用不依赖实列，可以定义全局的过滤器，在多个实列中使用不接受额外参数，依赖于data属性中的变量过滤器不依赖于data属性中的变量，可以接受额外参数，可以是临时变量

监听器属性使用watch来响应数据的变化一般用于异步或者开销较大的操作watch 中的属性 一定是data 中 已经存在的数据当需要监听一个对象的改变时，普通的watch方法无法监听到对象内部属性的改变，只有data中的数据才能够监听到变化，此时就需要deep属性对对象进行深度监听 <div id="app"> <div> <span>名：</span> <span>