- 博客(25)
- 收藏
- 关注
RSS订阅
原创 腾讯云学生服务器+wordpress搭建个人网站
腾讯云学生服务器+wordpress搭建个人网站一、域名以及服务器的购买1.1 腾讯云服务器的购买（含域名）打开浏览器输入网址www.baidu.com，搜索腾讯云。选择（云+校园）学生服务器体验套餐购买服务器+域名系统选择：centos7.5域名选择：自己选择的域名1.2 域名解析打开购买成功的域名主界面在域名中选择解析->快速添加网站/邮箱解析->输入公网...
2019-08-20 20:50:43
1365
1
原创 状态管理-react
状态管理Flux核心组成部分Store存储状态（数据）通过事件的订阅和发布更新视图Views视图，使用React 组件充当Actions动作创建者视图中的数据交互和用户交互Dispatch派发器修改数据Flux流程要想使用FLux架构思维，需要通过一个工具进行使用， 这个工具就是fluxyarn add flux在s...
2019-09-29 09:10:35
151
原创 react-router
React-routerReact Router之前版本的思想是传统的思想：路由应该统一在一处渲染， Router 4之后是这样的思想：一切皆组件React Router包含了四个包:包名Descriptionreact-routerReact Router核心apireact-router-domReact Router的DOM绑定，在浏览器中运行不需要额...
2019-09-23 19:19:36
145
原创 React组件通信、高阶组件
React组件通信、高阶组件组件通信父子组件通信无论父组件传递是props还是state,子组件都是通过props接收子父组件通信父组件传递方法给子组件，子组件调用父组件传递过来的方法（传参）自己的状态自己更改非父子组件通信父组件将方法传递给子组件1，将状态传递给子组件2，子组件1调用方法修改父组件状态，从而改变子组件2的视图ref链ref...
2019-09-17 19:21:20
172
原创 React的数据、事件
React的数据、事件组件的数据挂载方式React中数据分为两个部分属性状态（可以频繁变化）Vue中数据只有状态这一种类型属性（props）props是正常从外部传入的，组件内部也可以通过一些方式来初始化的设置，属性不能被组件自己更改，但是可以通过父组件主动重新渲染的方式来传入新的props内部设置的属性是不去更改的属性是描述性质、特点的，组件自己不能随意更改之...
2019-09-17 09:38:03
190
原创 React入门
React入门元素与组件使用CRA脚手架，一般src目录下的index.js目录是这样的import React from 'react'; // 使用React API 支持jsximport ReactDOM from 'react-dom'; // 渲染React元素到页面中import './index.css';import App from './App';impo...
2019-09-16 22:18:20
571
原创 React脚手架---CRA
React脚手架—CRAcreate-react-app【CRA】React官网提供的脚手架(快速构建一个项目)全局安装create-react-app$ npm install -g create-react-app如果不想全局安装，可以直接使用npx$ npx create-react-app your-app 也可以实现相同的效果创建一个项目$ create-reac...
2019-09-16 19:39:14
2208
原创 React介绍
React介绍React的起源与发展React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。Facebook认为MVC无法满足他们的扩展需求，由于他们非常巨大的代码库和庞大的组织，使得MVC很快变得复杂，每当需要添加...
2019-09-16 19:38:46
272
原创 Vuex
Vuex如果你之前使用过vue.js，你一定知道在vue中各个组件之间传值的痛苦，在vue中我们可以使用vuex来保存我们需要管理的状态值，值一旦被修改，所有引用该值的地方就会自动更新。Vuex称为Vue的状态管理工具，也是多组件状态共享的工具Vuex相当于是Vue的一个集中式的存储仓库,也是一个状态管理中心，它也可以进行状态的管理存储仓库： 本地存储 cookie 数据库它...
2019-09-03 20:25:54
171
原创 Git
GitGit是一个跨平台的、开源的分布式版本控制管理工具分布式：分布式计算是计算机科学中一个研究方向，它研究如何把一个需要非常巨大的计算能力才能解决的问题分成许多小的部分，然后把这些部分分配给许多计算机进行处理，最后把这些计算结果综合起来得到最终的结果版本控制器：可以有效、高速管理从小到大的各种项目的版本。git的安装---------安装gitbash.exegit的概...
2019-09-02 20:17:36
101
原创 Webpack
Webpack版本的发展过程 官网: https://webpack.js.org/ 中文: https://www.webpackjs.com/webpack1 支持CMD和AMD，同时拥有丰富的plugin和loader，webpack逐渐得到广泛应用。 loader 转化器webpack2 支持ES Module，分析ESModule之间的依赖关系...
2019-08-31 15:06:49
189
原创 Vue生命周期
Vue中的生命周期为什么要有生命周期？Vue为了在一个组件的从创建到销毁的一系列过程中添加一些功能，方便我们更好的去控制组件Vue的生命周期分为三个阶段，8个钩子函数初始化##### beforeCreate 组件创建前作用： 为整个生命周期做准备工作，初始化事件和自身或是子组件的生命周期做准备意义：数据拿不到真实dom拿不到项目中：不常用c...
2019-08-27 11:53:07
135
原创 Vue中的虚拟DOM和diff算法简述
Vue中的虚拟DOM和diff算法虚拟DOM和diff算法虚拟DOM是在DOM的基础上在内存建立了一个抽象层，对数据和状态所做的任何改动，都会被自动且高效的同步到虚拟DOM，最后再批量同步到DOM中虚拟DOM因为是纯粹的JS对象，所以操作它会很高效，但是虚拟DOM的变更最终会转换成DOM操作，为了实现高效的DOM操作，一套高效的虚拟DOM diff算法显得很有必要。操作dom是很...
2019-08-26 22:03:30
574
原创 解决异步的几种方案
Promisees6加入标准，低版本ie不支持Promise 是异步编程的一种解决方案，其实是一个构造函数，自己身上有all、reject、resolve这几个方法，原型上有then、catch等方法。三种状态① pending 进行中② fulfilled 已成功③ rejected 已失败一旦状态改变，就不会再变。只可能①->②，①->③，这两种情况发...
2019-08-26 21:54:18
752
原创 组件通信、过滤器、自定义指令等
组件通信、过滤器、自定义指令等组件的通信组件是一个聚合体，合并项目，组件之间通过数据通信建立联系。父子组件通信<template id="father"> <div> <h3> 这里是father </h3> <!-- 父组件将自己的数据绑定给子组件身上 --> <...
2019-08-23 20:24:41
121
原创 Vue基础（数据请求、组件、属性等）
Vue基础（数据请求、组件、属性等）axios&&fetch目的：是在框架中使用数据请求数据请求使用原生js提供的fetch使用第三方封装库：axiosVue中可以统一对axios进行挂载 Vue.prototype.$http = axiosfetch与axiosaxios 对已获得的数据进行了一层封装 XSRFaxi...
2019-08-22 19:31:53
274
1
原创 Vue基础用法
Vue基础用法模板语法mustache 语法中在支持写js1.用法：内容：必须加{{ js语法 }}属性：属性中属性值可以直接写js语法，并且属性值中的数据相当于全局变量给一个标签加一个自定义属性/已有属性img中的src就是已有属性<img src = "" /> //data-index就是自定义属性 ， web网页中建议我们使用data-形...
2019-08-21 19:39:47
397
原创 Vue基础
Vue基础和前端框架前端框架前端开发流程规范前端框架在做什么？为什么要用？js框架帮助开发者写js逻辑代码，在开发应用的时候js的功能划分为如下几点：渲染数据操作DOM操作cookie等存储机制api在前端开发中难题: 如何高效的操作dom、渲染数据是一个前端工程师需要考虑的问题，而且当数据量大，流向较乱的时候，如何正确使用数据，操作数据也是一个问题？？？解决:...
2019-08-20 19:38:40
138
原创 token、自动化测试
token、自动化测试Token自动登录所需工具:OpenSSL+Pure步骤前端发送参数给后端，带一个token的字段后端通过加密算法将前端发来的信息进行加密。后端将加密后的字符发给前端前端将后端返回来的token字符储存起来：cookie判断cookie中是否有token值，有token值自动登录，没有就发送ajax请求重新登录const express...
2019-08-19 21:09:01
679
原创 MongoDB数据库安装及基础
MongoDB数据库基础## 数据库数据库(Database)是按照数据结构来组织、存储和管理数据的仓库。分类关系型数据库（sql）：Access mySql SqlServer oracle db2等。非关系型数据库( NoSql ): MongoDB，Redis，HBase，CouchDB等。非关系型数据库的优势：1.性能：NOSQL是基于键值对的，可以想象成表中的...
2019-08-15 20:09:16
131
原创 Socket
SocketNode-socket服务端（server）客户端编号，每次连接递增,一个号对应一个客户端存储客户端的为对象const net = require( 'net' )const PORT = 5000 //端口号let count = 0 // 用于做编号const clients = {} // 这个是用于保存客户端的// 1. 创建服务器const serv...
2019-08-15 20:07:46
99
原创 Nodejs-express
expressexpressexpress通用生成器（脚手架）作用：可以帮助我们快速构建一个express项目安装：全局安装：$ npm i express-generator -gnpx安装npx是npm的一个管理工具，可以让我们不全局安装某一个包就使用npx要求npm版本在5.2以上，自动携带好处：帮助我们减少内存的使用使用：全局安装的使用：exp...
2019-08-14 21:02:31
222
原创 Nodejs模块化、npm、前端环境以及npm脚本
Nodejs模块化、npm、前端环境以及npm脚本Node.js模块化Node.js都是js文件，用模块化引入其他类型文件好处复用性高，一次定义，多次使用前端模块化AMD（Asynchronous Module Definition），异步模块定义提供异步加载模块的机制。依赖前置：提供异步进行加载优点：依赖出现错误可以尽早发现缺点：容易产生资源浪费对应：...
2019-08-13 22:14:25
200
原创 NodeJs入门常见模块
NodeJs 常见模块内置模块fs引入模块 const fs=require('fs');内置模块常用方法：readFile 读文件格式：fs.readfile(url,“utf-8”,callback);例子：var fs = require('fs'); // 引入fs模块fs.readFile('./test.txt', function(err, d...
2019-08-13 17:37:31
147
原创 NodeJs基础介绍
- 【JavaScript】Javascript是客户端脚本语言，运行在浏览器，实现用户的交互JavaScript的运行环境浏览器内核解析内核 es6浏览器中的JavaScript能做什么？Dom操作数据交互表单验证Canvas浏览器中的 JavaScript 不可以做什么？操作文件和文件夹获取系统信息访问数据库原因：安全问题浏览器运行机制...
2019-08-12 19:45:16
129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人