- 博客(16)
- 收藏
- 关注
RSS订阅原创 React ------ redux的安装及基础使用流程（带案例）
redux redux也是一个架构思维， 在这个架构思维中 React 充当是 视图 V redux使用流程 ( todolist – 增加一条数据 ) 1.redux是一个架构思维，我们实现需要一个工具，这个工具叫做redux 2.安装redux $ yarn add redux 3.在src下新建一个store,store中新建index.js用来打造store import { cre...
2019-06-20 21:05:36
1822
原创 简述React的生命周期
React的生命周期 React中组件有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后) 初始化 在组件初始化阶段会执行 constructor （用来定义状态，或者是用来放一些this的方法的） static getDerivedStateFromProps() ----将来会使用（定义一个状态，这个状态将来...
2019-06-17 20:28:26
552
原创 Vue.js中nuxt脚手架的搭建及简单使用
Nuxt的使用 npm v5.2.0引入的一条命令（npx）,引入这个命令的目的是为了提升开发者使用包内提供的命令行工具的体验 举例： 使用express-generator创建项目 老方法： npm install express-generator -g express app npx方式 npx express app npx可以减少我们全局安装脚手架 ...
2019-06-10 22:01:38
1536
原创 Vue cli2标准版安装的目录介绍(cli3和cli2冲突解决办法)及Vue单文件组件
cli2 标准版 `$ vue init webpack project` - 目录介绍： - package.json 整个项目的依赖配置文件，脚本命令运行的存储文件 - build 整个项目的配置性文件，比如webpack配置 - config 对整个项目的静态服务器配置 - dist 运行 npm build 打包出来的文件 ...
2019-05-30 22:29:36
530
原创 Vue cli是什么？Vue cli的安装操作
cli 1. cli是什么？ cli是vue提供的一个快速（自动化） 构建项目的一个脚手架 ，类似于我们之前所用的 express-generator cli的版本 目前最新 3.x 老版本是 2.x cli的底层的自动化工具是： webpack cli的安装 npm/cnpm/yarn 都可以使用 $ yarn add @vue/cli global 这个是cli3的版本 如果我们...
2019-05-29 22:38:58
439
原创 初识Vue.js的生命周期
生命周期 1. 生命是生命周期呢？当前组件在创建到销毁经历的一系列过程，称之为生命周期 2. 生命周期的分为几个阶段？每个阶段有哪些钩子函数 生命周期分为3个阶段，这三个阶段分别是： 初始化 、 运行中 、 销毁 初始化阶段：有4个钩子函数 ， 触发条件是自动的 beforeCreate 1. 组件即将创建，进行组件事件和生命周期的初始化 2. 项目中一般不使用 3. 有的开发者也会在这里进行数据...
2019-05-28 20:40:03
190
原创 Vue.js组件组件化基础认识（概念）
组件组件化 组件化是当今最为流行的一种可复用性增加的方法，随着当今前端开发的复杂度更加，这个组件化变得越来越流行 组件的基础 1. 组件是一个具备html css img js …等的一个聚合体 2. 组件的表现形式就类似一个标签 3. 组件至少得有模板 组件的规范： Vue.js通过Vue.extend() 方法来扩展 组件的 使用 Vue.extend( options ) 里面的...
2019-05-27 21:18:28
861
原创 数据请求在前端开发中使用的两种形式(post & get)
数据请求在前端开发中的使用有两种形式 使用原生javascript提供的数据请求 ajax( 四部曲，一般需要我们结合Promise去封装，使用不是很便利，但是效率很高 ) fetch( 本身结合了Promise,并且已经做好了封装，可以直接使用 ) 使用格式： 使用别人封装好的第三方库 目前最流行的，使用率最高的是 axios vue中我们最常使用的 1. vue 1.x 的版本提供了一...
2019-05-24 22:24:35
1250
原创 Vue的mustachae模板语法及双大括号语法指令的简单操作（以及一些操作的作用解释）
模板语法 mustache语法 双大括号语法指令 Vue指令 组件 作用： 是用来操作DOM的，指令就是绑定在DOM身上的一个属性，这个属性具备一定的功能，这个功能用来操作DOM，以后我们不在像以前一样，先获取DOM，在操作了，我们现在可以直接使用指令来操作DOM 这个指令需要模板语法的支持，所以我们采用jsx语法糖 模板语法 模板语法支持性还是很高的，数据类型都是支持的，但是不支持 输出语法 （...
2019-05-23 21:08:32
1569
原创 Vue.js的基础 - 入门学习
** Vue.js 什么是框架？什么是库？ 框架是有一套自己的生态系统的 库是没有自己的生态系统的， 它就是一个工具 使用vue的基本操作 1.进入官网下载 vue.js 2.使用script标签引入Vue.js 3.实例化全局暴露的变量Vue构造器函数得到一个实例 4.配置Vue构造器函数中的配置项，一个配置项一个功能 --el -- 将类名为app的一部分DOM结构当做模板...
2019-05-22 17:48:42
164
原创 Node.js如何使用mongoose插件操作mongodb数据库
mongoose mongodb这个数据的操作肯定不止一种形式，mongoose只是其中一种 mongoose操作流程 安装mongoose $ cnpm i mongoose -D 2.连接数据库 var mongoose = require( 'mongoose ) //mongoose.connect(连接地址/数据库名称) mongoose.connect( 'mongo...
2019-05-21 17:34:23
364
原创 MongoDB的安装及一些简单命令操作
1. 什么是数据库 数据库(Database)是按照数据结构来组织、存储和管理数据的仓库，它产生于距今六十多年前，随着信息技术和市场的发展，特别是二十世纪九十年代以后，数据库技术得到了更加快速的发展，应用得更加广泛。主要用它进行管理各种系统的数据，作为科学研究和决策的重要技术手段。 常见的数据库有哪些： 关系型数据库：Access mySql SqlServer oracle db2等。 非关...
2019-05-20 21:28:10
239
原创 如何使用api暴露接口 & gulp配置es6转es5
api接口暴露测试接口是否正常，我们可以使用测试工具：postman 或者 insomnia BE: BackEnd 后端 express中一个路由即一个接口 api接口暴露的方式有两种： 第一种： 使用模板进行暴露，但是要将数据做字符串转换，然后使用ejs的非转义输出 第二种： 使用json() gulp配置es6转es5 1.安装依赖 安装ES6插件，ES6代码转为ES5代码 ...
2019-05-17 21:25:41
544
原创 前端渲染 vs 后端渲染
前端渲染 vs 后端渲染 1. 前端渲染是通过ajax请求数据，然后通过js语法将数据展示到页面中，称之为前端渲染 2. 后端渲染是通过后端语言 + 后端模板( ejs ) 将 页面整个发送给前端 1. 后端模板 1. ejs 2. pug( jade ) 3. art-template 现在流行的： 前端渲染 问题： 当前后端同时进行项目开发是， 后端数据接口没有写好，但是前...
2019-05-16 19:33:10
512
1
原创 浅谈模块/包 与Common.js（概念）
模块/包 与Common.jsNode.js 使用了Common.js规范 Node.js中Common.js规范有三种使用类型： 1. 内置模块 path url fs precess 2. 第三方模块：插件 3. 自定义模块 前端模块化 1. AMD （ require.js ） 2. CMD ( sea.js ) 3. Common.js ( module.export req...
2019-05-14 21:23:18
460
原创 初识Node.js(node.js的一些基础操作和理解)
什么是Node.js? Node.js是一门后端语言 基于Chrome v8引擎的js运行环境 除此之外：还有其他的引擎： 单片机、actionscript Node.js有两大特征 事件驱动 事件的定义（发布） 事件的触发（订阅） 非阻塞式 I/O 模型 非阻塞 ： 执行一个任务时，不需要等待这个任务执行完成，就可以去执行其他任务 I/O： 磁盘文件操作 / 数据库数据操作 ...
2019-05-13 18:51:36
435
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人