自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 react组件通信、事件对象、事件处理、组件的挂载方式

##状态(state)**状态就是组件描述某种显示情况的数据,由组件自己设置和更改,也就是说由组件自己维护,**使用状态的目的就是为了在不同的状态下使组件的显示不同(自己管理)经验: 组件自己的状态只能自己更改###定义state第一种方式import React, { Component } from 'react'import ReactDOM from 'react-dom'...

2019-09-15 20:09:49 437

原创 初识react

ReactReact学习内容React学习版本: 16.xReact老版本项目: 15.xreact官网说 17.x 会使用的一些技术React应用级脚手架CRAdvaumicreate-react-app 【 CRA 】React官网提供的脚手架脚手架: 作用: 快速构建一个项目全局安装create-react-app$ npm insta...

2019-09-15 20:06:14 217

原创 Vue项目开发流程--互联网项目开发流程、前端研发 - git操作

Vue项目开发流程全栈类型项目 - 后台管理系统用老师接口后端代码自己写一下 【 推荐 】电商项目 - 猫眼一、 互联网软件开发流程1. 需要分析市场、运营、客户提出要求和需求因为 xxx 我要做 xxx举例: 我是做螺蛳粉商家,我想做一个点餐系统产品经理提炼业务需求,然后整理为 提案 【 文档 】产品经理组织完成需求评审 【 最多3次 】2. 设计研...

2019-09-02 22:26:31 511

原创 Vue 路由进阶 - - 导航守卫

别名:导航守卫路由守卫路由钩子路由拦截作用: — 类似 【保安】守卫路由进举例: 携带数据进出举例: 事情完成才能出导航守卫一共有三种形式 【 项目三选一 】A: 全局导航守卫针对的整个项目,也就是管理或是监听整个项目全局前置守卫 router.beforeEach(fn)fn中有三个参数to: 目标路由from...

2019-09-02 09:07:14 162

原创 Vue 路由进阶 - 动态路由

路由进阶 - 动态路由核心功能路由传参路由接参动态路由:url中路由是改变的,但是改变路由公用一个组件举例:localhost:3000/detail/001?a=1&b=2localhost:3000/detail/002?a=2&b=3detailvue cli3 配置反向代理 20分钟在根目录下面新建一个 vu...

2019-09-02 09:06:29 159

原创 vue高级 vue-router

Vue高级 - vue-routerSPA ( single page App ) 单页面应用多页面应用有多个html文件,通过a标签的连接联通各个页面缺点开发起来太冗余,编译、压缩很耗时间页面之间的跳转速度太慢,这个时候就会出现一个严重的问题,白屏单页面应用不需要刷新页面,因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如...

2019-09-02 09:05:42 111

原创 Vue高级cli安装使用

Vue高级 - clivue项目的快速构建工具 cli 【 脚手架 】​ 底层 webpack​ React 第一天​ Vue中我们注重应用在市场上cli2 【 扩展 】cli3 【 大纲 】什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具,底层使用的是webpackcli目前有哪些版本?cli2 cli3cli3对电脑的配置有一定...

2019-09-02 09:03:59 125

原创 vue生命周期

5.3 生命周期 [ 王者 ]掌握程度会写会念明白和了解每一个钩子函数的作用和意义特别注意:​ 钩子函数不要写成箭头函数,箭头函数可能会改变this指向理解: 为什么要有生命周期 ?Vue为了在一个组件的从创建到销毁的一系列过程中添加一些功能,方便我们更好的去控制组件类比: 人出生 - 哭小学 - 小学中...

2019-09-02 09:02:38 61

原创 Vue基础5

组件身上加原生组件必须加上native虚拟DOM&&了解掌握程度:了解案例操作真实DOM越少越好,尽量去操作数据所以总结出来虚拟DOM所以Vue利用VDOM的对象模型来模拟就变的很复杂了,所以VUe使用了一个新的语法糖,叫做SXjsxjavascript+html 让我们可以在js中书写dom结构 <template id="mask"...

2019-08-26 21:02:06 113

原创 Vue基础4

组件的通信【王者】为什么要进行组件通信?组件是一个聚合体,将来项目要合并,那么必然各个组件之间需要建立联系,这个联系就是数据通信分类父子组件通信理解:Data选项为什么是一个函数?组件是一个聚合体,也是一个整体,它需要一个独立的作用空间,也就是它的数据需要是独立的,目前js的最大特点是函数式变成,而函数恰好提供了一个独立作用域,所以我们data在除根组件外都是函数理解...

2019-08-24 16:59:02 80

原创 Vue基础3

axios&&fetch目的:是在框架中使用数据请求回顾:封装ajaxjquery【get post .ajax .load】框架数据请求1.使用原生js提供的fetch2.使用第三方封装库:axios3.fetch vs axiosaxios对已获得的数据进行了一层封装XSRFaxios底层自动对数据进行了格式化fetch并没有进行封装...

2019-08-22 21:58:28 271

原创 Vue基础2

知识点双大括号语法this._data.msgthis.$data.msgthis.msgmsg_ / $ / # 这三种形式都是内部私有属性的一种标识,不希望外用模板语法mustache语法是支持写js的用法:内容:必须加{{js语法}}属性:属性中属性值可以直接写js语法,并且属性值中的数据相当于全局变量给一个标签加一个自定义属性/已有属性img...

2019-08-21 20:50:47 172

原创 Vue基础1

Vue面向对象的思维:把一个整体中每一个部分都单独拿出来随着前端项目的逻辑越来越复杂和难以维护,那么前端这边引进了后端的架构思想(MV*)M Model 数据层V View 视图层C Controller 控制器(业务逻辑) MVCP Presenter 提出者(controller改名得来) MVPVM ViewModel 视图模型(业务逻辑 VM 是由P改名...

2019-08-20 21:19:52 117

原创 身份验证token 测试工具

知识点身份验证 token前端自动登陆OpenSSL + perl软件安装: https://blog.csdn.net/sunhuansheng/article/details/82218678OpenSSl 、 Perl这个软件安装无要求,一路next先装Perl再装OpenSSL检查你的环境变量中的系统变量是否有这两个软件的启动路径自动化测试【工具】目的:...

2019-08-19 22:26:39 1231

原创 Node.js第五天

MongooseMongoose操作流程注册:将前端发来的数据存入数据库注意:用户名重复成功:返回给前端成功的信息和状态失败:返回给前端失败的信息和状态$ npm i mongoose -D连接数据库 连接本地mongodb ,本机的ip 127.0.0.1,端口:27017 数据库:student mongoose.connect("mongod...

2019-08-19 21:43:32 61

原创 Node.js第四天

扩展:H5提供的通信方案聊天室案例服务端 【socket】客户端html文件 展示 服务端 [用来展示html文件]ws是H5的一个通信协议协议httphttpstcpws扩展:低版本pc浏览器使用的socket.io配置静态资源目录app.use(express.static(目标目录的磁盘路径))数据库数据库用来做什么?...

2019-08-19 21:34:26 82

原创 Node.js第三天

不熟悉 面向对象不懂?后端渲染可以不用发ajax请求,直接请求数据所学知识点Node.js的框架 express使用express构建静态服务器【后端渲染】使用express构建api服务器【接口】前端通信【socket】Node中完成通信功能扩展:H5的webSocket 实现通信功能1.express通用生成器【脚手架】作用:可以帮助我们快速构建一...

2019-08-14 22:40:23 79

原创 Node.js第二天

获取状态码 1xx —— 5xx 必须记忆1XX information(信息性状态码)接受的请求正在处理2XX Success(成功状态码) 请求正常处理完毕3XX Redirection(重定向状态码) 需要进行附加操作以完成请求4XX Client Error(客户端错误状态码) 服务器无法处理请求5XX Server Error(服务器错误状态码)...

2019-08-13 21:45:31 110

原创 Node.js

Node课程大纲V10(一周)目录1 day基本介绍环境配置(node nvm,cnpm)REPL 环境(命令行) 运行js代码js文件执行nodemon实时监听模块/包与commonjs 规范内置第三方自定义内置模块详解Urlurl 介绍parseformatQuery Stringparsestringflyescapeunesc...

2019-08-12 20:39:22 282

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除