- 博客(21)
- 收藏
- 关注
原创 redux
reduxredux也是一个架构思维, 在这个架构思维中 React 充当是 视图 V------------- redux 基础 – end ----------------------------------redux使用流程 ( todolist – 增加一条数据 )redux是一个架构思维,我们实现需要一个工具,这个工具叫做redux安装redux$ yarn ad...
2019-07-04 09:34:30
136
原创 flux
Flux的使用流程要想使用FLux架构思维,需要通过一个工具进行使用, 这个工具就是flux安装 flux$ yarn add flux在src目录下 新建store目录,里面新建index.jsstore有两个功能存储数据当数据发生改变时,视图要进行更新 ( 当前组件中的state发生了改变,从新从store中获取数据,要想重新复制,那么要通过事件的发布,订阅 )...
2019-07-04 09:31:41
272
原创 react组件的生命周期
组件的生命周期React中组件有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化、运行中、销毁、错误处理(16.3之后) 生命周期钩子函数一定不要写成箭头函数初始化在组件初始化阶段会执行constructorstatic getDerivedStateFromProps() ---- 将来会使用,componentWillMo...
2019-06-19 21:59:19
355
原创 react数据:属性和状态
组件的数据挂载方式React中数据分为两个部分属性状态经验: 频繁变化的就写成状态属性(props)props是正常从外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改,但是你可以通过父组件主动重新渲染的方式来传入新的 props属性是描述性质、特点的,组件自己不能随意更改。之前的组件代码里面有props的简单使用,总的来说,在使用一个组件的时候,可以...
2019-06-19 21:57:45
719
原创 react组件类型、样式、属性和状态
编写第一个react应用程序react开发需要引入多个依赖文件:react.js、react-dom.js,分别又有开发版本和生产版本,create-react-app里已经帮我们把这些东西都安装好了。把通过CRA创建的工程目录下的src目录清空,然后在里面重新创建一个index.js. 写入以下代码:// 从 react 的包当中引入了 React。只要你要写 React.js 组件就必须引...
2019-06-17 21:20:23
1433
原创 webpack安装、工程化概念、react起源
ReactReact学习内容webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel...
2019-06-17 21:14:11
117
原创 webpack配置
前端的工程化和自动化grunt gulp browserify webpack当今主流 webpack vue react angular当前市面 2 个版本webpack 3.0webpack 4.0webpack 4一、webpack 基础认识官网地址官网: https://webpack.js.org/中文: https://www.webpackj...
2019-06-17 21:05:15
148
原创 vuex状态管理工具
状态管理(vuex) store(集中式的存储管理)什么时候用: 打算开发中大型应用集中式数据管理, 一处修改,多处使用思维流程:store.jsthis.store.commit(′increment′)−>mutationsthis.store.commit('increment') -> mutations ...
2019-06-17 21:01:18
438
原创 router
RouterSPA ( single page App ) 单页面应用多页面应用有多个html文件,通过a标签的连接联通各个页面缺点开发起来太冗余,编译、压缩很耗时间页面之间的跳转速度太慢单页面应用不需要刷新页面,因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app主要的开发形式就是spavue路由功能...
2019-06-17 20:25:41
214
原创 vue cli2/cli3安装
clicli是什么?cli是vue提供的一个快速(自动化) 构建项目的一个脚手架 ,类似于我们之前所学的 express-generatorcli的版本目前最新 3.x老版本是 2.xcli的底层的自动化工具是: webpackcli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3的版本...
2019-06-14 21:36:04
1540
原创 自定义组件、通信、事件
1. 自定义组件( 插件 )案例: 封装一个 Loading 组件Loading是用来做什么的?基于用户体验loading使用方式很多第三方的ui库/组件库自定义封装过程:创建一个目录文件夹,称之为Loading在loading中创建一个叫做component目录,用来放模板在Loading目录下创建一个index.js~ import Vue from 'vue' ...
2019-06-14 21:34:28
174
原创 slot、动画、过滤器、生命周期
slot 可以让我们在组件中书写内容 <div id="app"> <Hello> <header> 头部 </header> <section> 内容 </section> <footer> 底部 </footer>...
2019-05-28 21:23:47
213
原创 组件
todolist案例布局问题前端的UI组件库 SUI 阿里的组件组件化组件化是当今最为流行的一种可复用性增加的方法,随着当今前端开发的复杂度更加,这个组件化变得越来越流行组件的基础组件是一个具备html css img js …等的一个聚合体组件的表现形式就类似一个标签组件至少得有模板组件Vue.js通过Vue.extend() 方法来扩展 组件的 使用Vue.ex...
2019-05-28 21:21:06
102
原创 vue.js认识
前端开发规范Vue基础介绍1. 前端框架的发展历史前端工程师( 攻城狮 )12. html css + div13. js 加入 jquery14. MVC angular1.0 react15. vue 微信小程序2. Vue.js第一次使用什么是框架?什么是库框架是有一套自己的生态系统的库是没有自己的生态系统的, 它就是一个工具查看vue.js的源代...
2019-05-22 19:41:18
172
原创 mongoose及数据库操作
mongoosemongodb这个数据的操作肯定不止一种形式,mongoose只是其中一种mongoose操作流程安装mongoose$ cnpm i mongoose -D连接数据库 var mongoose = require( 'mongoose ) //mongoose.connect(连接地址/数据库名称) mongoose.connect( 'mongodb:...
2019-05-21 16:13:31
674
原创 mongodb介绍
mongodb关系型数据库 概念 , 常用的数据库有哪些?非关系型数据库 概念,常用数据库mongodb 和 sql区别sql 是 数据库 表 行NoSql 是 数据库 集合 文档bson是mongodb的数据存储格式bson是json的超集数据库功能是用来存储数据的。数据库分为关系系数据库和非关系型数据库(nosql)关系型数据库是由...
2019-05-21 16:12:42
120
原创 nodejs-api接口
express后端渲染一个页面api接口问题: 如果遇到了前后端不分离的项目, 你怎么做?找后端,搭建项目启动的环境找后端模板引擎 ( 找类似于 view 这样的目录 )找静态资源文件目录找对应性文件, index.ejs index.css看效果改js 看效果改cssapi接口暴露测试接口是否正常,我们可以使用测试工具:postman insomniaB...
2019-05-21 16:10:38
1451
原创 express
前端异步流程工具Promise √Generator函数Async函数 √Node.js 提供的 nextTick第三方的async.js前端原生js提供的数据请求有两种ajaxfetchgulp 4.x多任务执行串行并行前端渲染 vs 后端渲染前端渲染是通过ajax请求数据,然后通过js语法将数据展示到页面中,称之为前端渲染后端渲染是通过后端语言 + 后端模板( e...
2019-05-17 22:15:21
172
1
原创 qs fs模块 路由
qs fs 路由querystring功能:核心方法parse 将String – > Objectparse( str , arg1 , arg2)str: 你要处理的字符arg1: 分隔字符arg2:将 = 转化为 : , (这句话前提是 & 符号是提前被转化的) var str = 'http://www.baidu.com:8080/001?a...
2019-05-15 21:00:59
423
原创 nodejs模块
用Node.js创建一个静态服务器,然后将二阶段项目部署在这个服务器中源代码:var http = require( 'http' );var port = 8080 ;var hostname = '127.0.0.1'var path = require( 'path' ) // 磁盘路径处理的模块var fs = require( 'fs' ) // 操作文件、目录的模...
2019-05-14 21:33:24
83
原创 nodejs认识
什么是Node.js?Node.js是一门后端语言基于Chrome v8引擎的js运行环境除此之外:还有其他的引擎: 单片机、actionscriptNode.js有两大特征事件驱动事件的定义(发布)事件的触发(订阅)非阻塞式 I/O 模型非阻塞 : 执行一个任务时,不需要等待这个任务执行完成,就可以去执行其他任务I/O: 磁盘文件操作 / 数据库数据操作...
2019-05-13 20:30:47
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人