- 博客(25)
- 收藏
- 关注
RSS订阅原创 Git
一、安装与配置1、下载地址：https://git-for-windows.github.io2、配置个人信息（名字与邮箱） 使用Git的第一件事就是设置你的名字和email,这些就是你在提交commit时的签名git config --global user.name "Your Name"git config --global user.email "email@example.com...
2019-03-15 17:37:59
298
原创 webpack 搭建 react
webpack基于nodeJS,来实现模块化的gulp自动化构建工具，打包合并压缩重命名等…webpack其实也是一套自动化构建工具，在打包代码的时候也是跟gulp很想的webpack功能相对多左边比较多的文件（模块），也比较多的格式（js,css,html,jsx,scss）右边文件比较少，大部分都是转为JS格式，还有一些图片格式webpack其实处理各种类型的文件，最终想把他...
2019-03-15 09:16:37
177
原创 生命周期 & 表单
生命周期constructor是组件第一个生命周期，该周期是组件（构造函数）实例化的时候，获取props和state或者执行一些初始化函数的一个周期该周期就是我作为一个组件，我演员拿剧本（props）和化妆（state），准备最好的状态去登场ES5是用getDefaultProps()和getInitialState这两个来表述该生命周期ES6是用constructor来表述该状态co...
2019-03-15 09:15:51
820
原创 React脚手架 & 路由
脚手架creact react app的官方文档以系统管理员的身份，安装该脚手架全局命令npx create-react-app my-app //第一种方法装脚手架npm install create-react-app -g你就会在全局命令行里面拥有一个create-react-app命令，可以用以下命令检查是否安装成功create-react-app -V创建第一个项目，...
2019-03-15 09:12:40
286
原创 React(父子通信)
react父子通信父子组件通信，在父组件内定义函数，用props将函数传入子组件，在子组件内执行该函数，修改父组件数据，父组件再配合shouldComponentUpdate生命周期监听数据修改，刷新页面//home父组件import React, { Component } from 'react';import Xcontent from './../components/Xcont...
2019-03-15 09:12:19
238
原创 JSX & 组件 & State
Reacthttps://react.docschina.org/是跟 Vue 很相似的一套框架，它Facebook写的在国内，它使用范围没 Vue 那么广React最有学习价值，历史地位非常高的声明式 v-text {{}} M->V组件化 Vue.component() .vue文件安装Facebook开源框架react.min.js - React 的核心...
2019-03-15 09:12:00
325
原创 Dva 脚手架 & get请求 & post请求
Dvahttps://dvajs.com/安装npm install dva-cli -gdva new dva-quickstartcd dva-quickstartnpm start路由//新建route页面， routes/Products.js，内容如下：import React, { Component } from 'react';export default...
2019-03-14 09:50:19
2635
原创 Redux
ReduxFlux,Redux,React-redux概念严格意义上来说，React 只是MVC架构中的View层，并不是 Web 应用的完整解决方案，因此，只用 React 没法实现大型应用。为了解决这个问题，2014年 Facebook 提出了 Flux 架构的概念，并在2015年推出Redux，将 Flux 与函数式编程结合一起，在很短时间内就成为了最热门的前端架构。什么是Re...
2019-03-14 09:45:40
167
原创 React生命周期
React组件生命周期组件的生命周期分成三个状态：Mounting：已插入真实 DOMUpdating：正在被重新渲染Unmounting：已移出真实 DOMReact 为每个状态都提供了两种声明周期函数，will 函数在进入状态之前调用，did 函数在进入状态之后调用，三种状态共计五种处理函数componentWillMount在组件被渲染到页面上之前执行，在组件...
2019-03-14 09:45:12
179
原创 React生命周期
React组件生命周期组件的生命周期分成三个状态：Mounting：已插入真实 DOMUpdating：正在被重新渲染Unmounting：已移出真实 DOMReact 为每个状态都提供了两种声明周期函数，will 函数在进入状态之前调用，did 函数在进入状态之后调用，三种状态共计五种处理函数componentWillMount在组件被渲染到页面上之前执行，在组件...
2019-03-14 09:44:35
181
原创 React基础
React了解ReactReact是一个视图层的框架，起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认...
2019-03-14 09:44:14
254
原创 React-router
React-routerReact-router4（以下简称RR4）遵循React的设计万物皆组件的理念。所以只是一堆 提供了导航功能的组件，具有声明式（引入即用），可组合性的特点介绍react-router被分为一下几部分:react-router 核心，是浏览器和原生应用的通用部分，不提供dom操作进行跳转的api。react-router-dom 基于浏览器环境的开发。re...
2019-03-14 09:43:49
252
原创 组件通信(Vuex)
组件通信https://vuex.vuejs.org/zh/Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式vuex状态管理 --> 组件数据流动 -->数据管理vue的全局数据池，在这里它存放着大量的复用或者公有的数据，然后可以分发给组件vue双向数据绑定的MV框架，数据驱动(区别节点驱动)，模块化和组件化路由(router)–>管理的是组件Vuex...
2019-03-14 09:40:25
169
原创 Vue组件
文章目录VUE优点组件要求组件注册全局组件局部组件使用组件组件通讯父组件->子组件：Prop数据验证子组件->父组件： 自定义事件的系统 + $emit()兄弟组件通信利用插槽分发内容内置组件过渡动画CSS过渡JavaScript过渡（钩子函数）VUE##组件Component组件是 Vue最强大的功能之一，组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立...
2019-03-14 09:32:44
199
原创 Vue模块系统
文章目录#VUE##模块系统###前言在很多 Vue 项目开发中，常规做法：1. 定义组件， 2. 使用组件（如下代码） //定义全局组件 Vue.component('my-component',{}); // 在模板中使用组件 new Vue({ el: '#app ' template:'<div><...
2019-03-14 09:32:12
229
原创 vue脚手架 & 路由(vue-router)
脚手架https://cli.vuejs.org/zh/guide/#htmlvue-cli vue的开发环境vue(它的核心是依赖于webpack实现的)vue的模块化和组件化的开发环境vue-cli + vue-dev-tool + vue-router + vuex全局安装，就会在全局有一个vue的命令npm install -g @vue/cli创建项目vue crea...
2019-03-14 09:31:33
1127
原创 axios & webpack
脚手架https://cli.vuejs.org/全局安装npm install -g @vue/cli安装完，会在全局有vue命令vue -V创建项目vue create weibo定位到该文件夹cd weibo启动服务器npm run serveaxioshttps://github.com/Wscats/vue-tutorial/issues/16(教程)...
2019-03-12 16:42:30
388
原创 async & webpack & 生命周期
async/await以 async/await 为例，说明 babel 插件怎么搭webpack的babel本身不支持async/await需要安装npm install --save-dev babel-plugin-transform-runtimenpm install --save babel-runtime // `babel-plugin-transform-runti...
2019-03-12 16:41:23
625
原创 egg框架解决跨域 & 静态文件夹
egg.js官方文档https://eggjs.org/zh-cn/intro/quickstart.htmlhttps://koa.bootcss.com/解决egg框架跨域web端访问服务器，存在跨域请求问题，egg作为服务端，需要开放请求域，方法如下：1、安装egg-corsnpm i egg-cors -S2、在config/plugin.js声明module.expor...
2019-03-12 16:38:13
1670
原创 express脚手架 & myapl & 后端跨域
expressnpm的express文档把它用做为JS服务器wamp(A apache),apache运行PHP语言的服务器（系统环境）nodejs它也可以构造服务器，跑JSexpress其实就是先想用JS语言配合nodejs环境搭建服务器服务器作用就是处理请求，响应结果前端后端客户端服务端浏览器服务器JS,HTML,CSSPHP(APACHE...
2019-03-12 16:37:43
274
原创 multer(上传文件) & mongodb
express参考文档multer模块multer npm官方文档上传单文件项目安装multer模块// 上传配置的必须的参数var multer = require('multer');var storage = multer.diskStorage({ //设置上传后文件路径，uploads文件夹会自动创建。 destination: function(req,...
2019-03-12 16:37:16
328
原创 令牌 & localStorage & 遇见的问题
令牌登录tokenlocalstoragelocalStorage和sessionStorage空间大但是没有时效性cookie具备最多功能(键值对，时效性等等)，但是缺点空间小localStoragelocalStorage一直保存，主题颜色，白天模式或者夜间模式，token// 增加 更新localStorage.setItem(key,value);// 查let v...
2019-03-12 16:36:43
291
原创 websocket
websocketsocket.ioajax前端主动发，后端被动收（req,res）websocket前端主动发，后端被动收（req,res）后端主动发，前端被动收（req,res）socket.io包含两部分，一部分在node的express下设置，另一部部分浏览器页面下加载socket.io.client.js前端要下载客户端socket.io.js文件，在页面中...
2019-03-12 16:35:44
120
原创 异步 & 回调 & 观察者模式
参考教程runoob菜鸟教程异步前端（浏览器端）前端异步只有一下几种情况是异步ajax xmlhttprequestsetInterval/setTimeoutjsonp后端（服务器端node）比前端多很多，很多方法都是异步的fs.readFile //异步fs.readFileSync //同步异步一般配合回调函数,回调函数能让异步变得有意义同步比异步少了回调函数...
2019-03-12 16:34:34
413
原创 node & 模块介绍
node安装node环境npm install gulp写一份gulpfile.js配置gulp的参数gulp命令执行js来完成代码处理（压缩，重命名）install如果没有安装的node环境去node官网安装维护版本查看版本号，在cmd中执行，node -vintroduceNode.js®是一个基于Chrome V8引擎的JavaScript运行时前端（浏览器端）...
2019-03-12 16:31:32
161
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人