- 博客(19)
- 收藏
- 关注
RSS订阅原创 react组件通信、事件对象、事件处理、组件的挂载方式
##状态(state) **状态就是组件描述某种显示情况的数据，由组件自己设置和更改，也就是说由组件自己维护，**使用状态的目的就是为了在不同的状态下使组件的显示不同(自己管理) 经验： 组件自己的状态只能自己更改 ###定义state 第一种方式 import React, { Component } from 'react' import ReactDOM from 'react-dom' ...
2019-09-15 20:09:49
539
原创 初识react
React React学习内容 React学习版本： 16.x React老版本项目： 15.x react官网说 17.x 会使用的一些技术 React应用级脚手架 CRA dva umi create-react-app 【 CRA 】 React官网提供的脚手架 脚手架： 作用： 快速构建一个项目 全局安装create-react-app $ npm insta...
2019-09-15 20:06:14
281
原创 Vue项目开发流程--互联网项目开发流程、前端研发 - git操作
Vue项目开发流程 全栈类型项目 - 后台管理系统 用老师接口 后端代码自己写一下 【 推荐 】 电商项目 - 猫眼 一、 互联网软件开发流程 1. 需要分析 市场、运营、客户提出要求和需求 因为 xxx 我要做 xxx 举例： 我是做螺蛳粉商家，我想做一个点餐系统 产品经理提炼业务需求，然后整理为 提案 【 文档 】 产品经理组织完成需求评审 【 最多3次 】 2. 设计研...
2019-09-02 22:26:31
621
原创 Vue 路由进阶 - - 导航守卫
别名： 导航守卫 路由守卫 路由钩子 路由拦截 作用： — 类似 【保安】 守卫路由 进 举例： 携带数据进 出 举例： 事情完成才能出 导航守卫一共有三种形式 【 项目三选一 】 A: 全局导航守卫 针对的整个项目，也就是管理或是监听整个项目 全局前置守卫 router.beforeEach(fn) fn中有三个参数 to： 目标路由 from...
2019-09-02 09:07:14
261
原创 Vue 路由进阶 - 动态路由
路由进阶 - 动态路由 核心功能 路由传参 路由接参 动态路由： url中路由是改变的，但是改变路由公用一个组件 举例： localhost:3000/detail/001?a=1&b=2 localhost:3000/detail/002?a=2&b=3 detail vue cli3 配置反向代理 20分钟 在根目录下面新建一个 vu...
2019-09-02 09:06:29
213
原创 vue高级 vue-router
Vue高级 - vue-router SPA （ single page App ） 单页面应用 多页面应用 有多个html文件，通过a标签的连接联通各个页面 缺点 开发起来太冗余，编译、压缩很耗时间 页面之间的跳转速度太慢，这个时候就会出现一个严重的问题，白屏 单页面应用 不需要刷新页面，因为它就是一个页面 这个页面内容在切换 单页面内容之间的切换要想实现我们就是用路由了 如...
2019-09-02 09:05:42
148
原创 Vue高级cli安装使用
Vue高级 - cli vue项目的快速构建工具 cli 【 脚手架 】 底层 webpack React 第一天 Vue中我们注重应用 在市场上 cli2 【 扩展 】 cli3 【 大纲 】 什么是cli? cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpack cli目前有哪些版本？ cli2 cli3 cli3对电脑的配置有一定...
2019-09-02 09:03:59
166
原创 vue生命周期
5.3 生命周期 [ 王者 ] 掌握程度 会写 会念 明白和了解每一个钩子函数的作用和意义 特别注意： 钩子函数不要写成箭头函数，箭头函数可能会改变this指向 理解： 为什么要有生命周期 ？ Vue为了在一个组件的从创建到销毁的一系列过程中添加一些功能，方便我们更好的去控制组件 类比： 人 出生 - 哭 小学 - 小学 中...
2019-09-02 09:02:38
94
原创 Vue基础5
组件身上加原生组件必须加上native 虚拟DOM&&了解 掌握程度：了解 案例 操作真实DOM越少越好，尽量去操作数据 所以总结出来虚拟DOM 所以Vue利用VDOM的对象模型来模拟就变的很复杂了，所以VUe使用了一个新的语法糖，叫做SX jsx javascript+html 让我们可以在js中书写dom结构 <template id="mask"...
2019-08-26 21:02:06
147
原创 Vue基础4
组件的通信【王者】 为什么要进行组件通信？ 组件是一个聚合体，将来项目要合并，那么必然各个组件之间需要建立联系，这个联系就是数据通信 分类 父子组件通信 理解：Data选项为什么是一个函数？ 组件是一个聚合体，也是一个整体，它需要一个独立的作用空间，也就是它的数据需要是独立的，目前js的最大特点是函数式变成，而函数恰好提供了一个独立作用域，所以我们data在除根组件外都是函数 理解...
2019-08-24 16:59:02
113
原创 Vue基础3
axios&&fetch 目的：是在框架中使用数据请求 回顾： 封装ajax jquery【get post .ajax .load】 框架 数据请求 1.使用原生js提供的fetch 2.使用第三方封装库：axios 3.fetch vs axios axios对已获得的数据进行了一层封装XSRF axios底层自动对数据进行了格式化 fetch并没有进行封装...
2019-08-22 21:58:28
314
原创 Vue基础2
知识点 双大括号语法 this._data.msg this.$data.msg this.msg msg _ / $ / # 这三种形式都是内部私有属性的一种标识，不希望外用 模板语法 mustache语法是支持写js的 用法： 内容：必须加{{js语法}} 属性：属性中属性值可以直接写js语法，并且属性值中的数据相当于全局变量 给一个标签加一个自定义属性/已有属性 img...
2019-08-21 20:50:47
259
原创 Vue基础1
Vue 面向对象的思维：把一个整体中每一个部分都单独拿出来 随着前端项目的逻辑越来越复杂和难以维护，那么前端这边引进了后端的架构思想（MV*） M Model 数据层 V View 视图层 C Controller 控制器（业务逻辑） MVC P Presenter 提出者（controller改名得来） MVP VM ViewModel 视图模型（业务逻辑 VM 是由P改名...
2019-08-20 21:19:52
167
原创 身份验证token 测试工具
知识点 身份验证 token 前端自动登陆 OpenSSL + perl软件安装： https://blog.youkuaiyun.com/sunhuansheng/article/details/82218678 OpenSSl 、 Perl这个软件安装无要求，一路next 先装Perl再装OpenSSL 检查你的环境变量中的系统变量是否有这两个软件的启动路径 自动化测试【工具】 目的： ...
2019-08-19 22:26:39
1350
原创 Node.js第五天
Mongoose Mongoose操作流程 注册： 将前端发来的数据存入数据库 注意：用户名重复 成功：返回给前端成功的信息和状态 失败：返回给前端失败的信息和状态 $ npm i mongoose -D 连接数据库 连接本地mongodb ，本机的ip 127.0.0.1，端口：27017 数据库：student mongoose.connect("mongod...
2019-08-19 21:43:32
97
原创 Node.js第四天
扩展：H5提供的通信方案 聊天室案例 服务端 【socket】 客户端 html文件 展示 服务端 [用来展示html文件] ws 是H5的一个通信协议 协议 http https tcp ws 扩展：低版本pc浏览器使用的socket.io 配置静态资源目录 app.use(express.static(目标目录的磁盘路径)) 数据库 数据库用来做什么？ ...
2019-08-19 21:34:26
115
原创 Node.js第三天
不熟悉 面向对象不懂？ 后端渲染可以不用发ajax请求，直接请求数据 所学知识点 Node.js的框架 express 使用express构建静态服务器【后端渲染】 使用express构建api服务器【接口】 前端通信【socket】 Node中完成通信功能 扩展：H5的webSocket 实现通信功能 1.express通用生成器【脚手架】 作用：可以帮助我们快速构建一...
2019-08-14 22:40:23
122
原创 Node.js第二天
获取状态码 1xx —— 5xx 必须记忆 1XX information（信息性状态码）接受的请求正在处理 2XX Success（成功状态码） 请求正常处理完毕 3XX Redirection（重定向状态码） 需要进行附加操作以完成请求 4XX Client Error（客户端错误状态码） 服务器无法处理请求 5XX Server Error（服务器错误状态码）...
2019-08-13 21:45:31
179
原创 Node.js
Node课程大纲V10（一周） 目录 1 day 基本介绍 环境配置（node nvm,cnpm） REPL 环境（命令行） 运行js代码 js文件执行 nodemon实时监听 模块/包与commonjs 规范 内置 第三方 自定义 内置模块详解 Url url 介绍 parse format Query String parse stringfly escape unesc...
2019-08-12 20:39:22
378
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人