- 博客(58)
- 收藏
- 关注
RSS订阅原创 class类使用withrouter
import {withRouter} from “react-router-dom”@withRouter
2020-09-25 00:28:57
214
原创 mobx知识点
# 安装cnpm i mobx mobx-react -S# 单向数据流 从 mobx 流向 视图# 它由几个部分组成：Actions、State、Computed Values、Reactions(响应式 )# mobx 原理通过事件驱动（UI 事件、网络请求…）触发 Actions在 Actions 中修改了 State 中的值 然后根据新的 State 中的数据计算出所需要的计算属性（computed values）值 最后更新修改到 UI视图层 #可观察状态（
2020-09-23 15:00:44
146
原创 react-redux笔记a
React-Redux的用法还是遵循 redux 的原理 先修改 action 再去修改 redux 最后发送 action高阶函数 高阶组件 HOC升级改造一，UI组件 React-Redux将所有组件组装成两大类：UI组件（呈现组件）和容器组件（容器组件）。UI组件有以下几个特征。 只负责UI的呈现，不带有任何业务逻辑 没有状态（即不使用this.state这个变量） 所有数据都由参数（this.props）提供 不使用任何Redux的API二，容器组件 高阶组件 组
2020-09-22 20:56:46
76
原创 redux1.0以及2.0笔记
安装cnpm i redux react-redux -Sredux 不推荐使用场景用户的使用方式非常简单 用户之间没有协作 不需要与服务器大量交互，也没有使用 WebSocket 视图层（View）只从单一来源获取数据redux 推荐使用用户的使用方式复杂 不同身份的用户有不同的使用方式（比如普通用户和管理员） 多个用户之间可以协作 与服务器大量交互，或者使用了WebSocket View要从多个来源获取数据组件 角度考虑某个组件的状态，需要共享 某个状态需要在任何地方都可以拿到 一个
2020-09-22 19:47:54
49
原创 reactday3笔记 路由
1. react-router-dom v4 react路由4.0 RR4react-router ===> 3.0 react-router-dom ===> 4.0安装cnpm i react-router-dom@4 -S2. react 路由路由构建单页面应用 SPA Signle Page application路由池注册路由对象 路由path 和 路由组件(模板视图)当页面url切换 匹配不同path 匹配成功就加载对应的路由组件 (view);三. Brow
2020-09-21 15:45:50
62
原创 reactday2笔记 组件通信、state、props、组件生命周期
/*组件之间的通信父子 组件兄弟组件props 传递数据state 修改数据父组件如何修改子组件父组件把组件的state 当着子组件的props 传递给子组件父组件修改 state 会二次render 子组件接收到变化的 props 从而实现子组件修改ref this.refs 对象获取ref 作用于DOM 元素 指向这个真实的DOM元素ref 作用于组件 指向这个组件对象ref = oneref = {el=>this.one=el;}架构 f
2020-09-21 13:47:14
136
原创 面试题
#面试题##CSS###1.一个盒子垂直水平居中有哪些方法？（2~3种方法）space-bettewn属性###2.flex怎么使用，flex:1代表了什么（三个属性）###3.使用自适应布局的时候用rem,为什么可以实现自适应布局，在不同的手机端表现得是什么rem是基于html的字体大小来进行布局的（问：不同的移动端是有不同的html字体大小吗，在拿到设计图是怎么计算的）除以16px(问：16px是基于什么来的)##4.http计算机基础相关三次握手四次挥手常见状态码##vueaxi
2020-09-19 23:48:47
129
原创 react生命周期函数
react 组件的生命周期// 组件的生命周期 (https://segmentfault.com/a/1190000016617400?utm_source=tag-newest)/* react 组件的生命周期 含义 组件从初始化渲染到被移除或者销毁的过程 成为组件的生命周期 1. 每个组件都有生命周期 2. react 通过组件的生命周期钩子函数来管理 组件 3. 系统 某些状态和参数发生改变的时候，系统立马去通知 对应处理的函数叫做钩子函数 hooks 钩子函数 【允许
2020-09-18 20:49:02
56
原创 组件生命周期方法
初始化阶段getDefaultProps() // 组件类创建的时候调用getInitialState() // 组件挂载之前调用, 定义state初始值componentWillMount() // 组件即将被装载、渲染到页面上componentDidMount() // 组件挂载后调用组件运行阶段componentWillReceiveProps() // 组件将要接收到新属性的时候调用shouldComponentUpdate() // 组件接受到新
2020-09-17 18:54:19
103
原创 reactday1笔记
'react FACEBOOK 框架虚拟DOM 组件化开发 原生JS的框架 (ES6+原生javascript)优点极速的渲染能力 虚拟DOM virtual DOM高度组件化 组件之间高度复用经历大量的测试 有一定的稳定性虚拟DOM virtual DOM虚拟DOM 就是在 真实DOM的基础上建立的一个抽象层 (把存储在javascripts 内存中DOM节点的数据 叫做 虚拟DOM)我们对数据和状态所做的任何改动，都会被自动且高效的同步到虚拟DOM，最后再批量同
2020-09-17 14:32:05
125
原创 本地项目推送到gitee
1、gitee上面新建一个仓库，填写仓库名即可，不需要勾选reader me2、本地的项目在桌面新建一个文件夹: 里面放my-exp文件夹 不要node-modules；app文件夹不要node-modules、gitignored3、git指令git initgit remote add origin 仓库地址git statusgit add .git commit -m 's'git push origin master...
2020-09-14 19:01:15
59
原创 VUE复习
什么是Vue基于MVVM设计模式的渐进式的纯前端js框架(1). MVVM?(2). 渐进式: 不要求整个项目都用vue做，可以轻松和别的技术混搭，且会多少就可以先用多少！(3). 纯前端js框架: 与nodejs无关！单靠浏览器就可运行！(4). 框架:vue模板中常用指令条件渲染：v-show v-if v-else v-else-if元素节点渲染 v-text v-html循环渲染 v-for行为绑定 v-on v-bind v-model v-slot v-pre
2020-09-14 10:33:42
112
原创 vue10道面试题
Vue 实例的 data 属性，可以在哪些生命周期中获取到？A. beforeCreateB. createdC. beforeMountD. mounted下列对 Vue 原理的叙述，哪些是正确的？A. Vue 中的数组变更通知，通过拦截数组操作方法而实现B. 编译器目标是创建渲染函数，渲染函数执行后将得到 VNode 树C. 组件内 data 发生变化时会通知其对应 watcher，执行异步更新D. patching 算法首先进行同层级比较，可能执行的操作是节点的增加、删除和更..
2020-09-13 22:29:34
742
原创 虚拟DOM
. 响应式 虚拟DOM对于DOM来说，当HTML的一个元素（如div）需要响应数据更改时，【会刷新整个页面】，导致效率堪忧。对于虚拟DOM，浏览器会将【HTML文件转换为JS文件并复制一个额外使用（虚拟）】对于任何更改，虚拟DOM都将复制的JS与原始JS进行【比较】只重新加载更改的部分，局部修改到真实DOM上。...
2020-09-13 22:06:29
66
原创 Vuex知识点
vuex状态管理 (数据共享 实现组件之间通信)Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式它采用集中式存储管理应用的所有组件的状态state，驱动应用的数据源 dataview，以声明方式将 state 映射到视图 componentactions，响应在 view 上的用户输入导致的状态变化 通知单向数据流view 视图发送一个 action 通知 action 去通知 state 改变 state 改变会更新视图集中式管理 会把组件内部的共享数据存储到 state
2020-09-09 13:50:10
56
原创 VUE第六天
上午路由守卫路由守卫：进不去；出不来 用来判断时候可以进入或者离开当前路由 路由导航守卫 分三种 a. 全局前置守卫 router.beforeEach 全局后置守卫 router.afterEach b. 路由独享的守卫 beforeEnter 进入当前路由之前触发 c. 路由组件内直接定义以下路由导航守卫 component beforeRouteEnter 进入这个组件之前
2020-09-06 23:27:34
170
原创 vue第五天知识点
上午组件 小巧 独立 可复用 组件系统 组件组织关系 1. 父子组件关系 <A> <B></B> <C></C> </A> 2. 兄弟组件关系 <B></B> <C></C>组件之间的通信
2020-08-31 19:01:39
92
原创 vue里面计算属性和方法的区别
区别：计算属性computed:是基于它们的依赖进行缓存的。这个依赖就是指的是data中的数据。有缓存的好处：当需要计算的数据非常庞大的时候，没有缓存是很耗费时间成本的，所以计算属性是具有明显的优势，因其有缓存方法methods: 不存在缓存。也就是这个函数每调用一次，都会执行一次...
2020-08-30 16:01:55
210
原创 VUE第四天知识点
Vue 也允许注册自定义指令 代码复用和抽象的主要形式是组件 (component 讲到这里再说) v-on v-if v-show v-for v-model v-bind v-else v-once v-text v-html 指令目的 作用 操作底层DOM 指令 directive v- 开头 驼峰命名 (单词之间 大写字母 变为小写字母 前面加 - ) newColor .
2020-08-28 23:46:40
103
原创 VUE第三天知识点
v-for v-for 列表渲染 指令可以渲染数组和对象 v-for="(item,index) in items" v-bind:key="index" v-for="(value,key,index) in object" 遍历对象 虚拟DOM 性能优化 key 为了给 Vue 一个提示，以便它能跟踪每个节点的身份，从而重用和重新排序现有元素 你需要为每项提供一个唯一 key 属..
2020-08-28 00:52:33
99
原创 VUE购物车
<style> table{ border-collapse:collapse; } table th { border: 1px solid #333; } </style><div id="app"> <h2>{{msg}}</h2> <table> <thead>...
2020-08-27 17:50:36
102
原创 day2
1.npm有很多插件。可以去官网查看2.-S项目依赖3._D开发依赖4.配置环境变量5.node常用的API1)url2)query string3)事件4）filesystem5)stream注意：如果是http协议 端口是80https下午：讲路由----然后接下来课程mongoDB—express—express项目—socket网络通讯 即时聊天 在线聊天----然后差不多node讲完了...
2020-08-22 12:11:27
723
原创 thirdday1
上午1.git init的作用2.推送自己的代码到gitee3.克隆公司仓库地址4.黄金四步意思下午一周学习目标：用node开发一个项目2.介绍一个网站https://www.npmjs.com/
2020-08-22 00:14:02
76
原创 php&Mysql
– 查-- select*from userinfo-- select uid from userinfo-- select uid, password from userinfo-- 条件查询使用WHERE-- select*from userinfo WHERE uid=1-- SELECT*from userinfo WHERE `password`='haha';-- 逻辑运算符查找-- SELECT*FROM userinfo WHERE `password`='demo' O
2020-07-20 23:04:42
141
原创 前四周总结
第一天1、关键字重名问题2、变量的类型【重要】3、自增自减运算【看是先运算还是先++】4、操作文本框 ：1）绑定点击事件2）文本框的取值3）文本框赋值第二天程序设计的三大结构：顺序 分支 循环循环三要素：循环变量 循环条件 循环体(修改循环变量薄弱循环：结构体 while (循环条件) { 循环体 修改变量 }案例：简易计算器第一天1、没注意的地方// ECMAScript关键字： break case catch continue default del
2020-07-17 22:42:31
100
原创 This问题
this必须出现在函数里//this，就是这个，代名词。代表谁？//1、当this所在函数是事件处理函数，this就是事件源//2、当this所在函数是构造函数，this就是new（调用构造函数）出来的****对象//3、当this所在函数是类的方法，this就是调用函数时的对象（调用时，写在函数名前面的那个对象）。注意，一定是函数调用时。//4、当this所在函数没有明确的所属对象，那么this就是window对象...
2020-07-17 17:49:53
208
原创 JS18考前复习
复习：变量：可变的量变量命名：变量类型: 5种 数字 字符串 布尔 NULL undefined类型转换: 一般是基本类型转换 数字跟布尔直接转换类型强转：Number()通过number转为0的有 ：false null ‘’ 空格 ‘0’转为布尔5个false : undefined NaN null ‘’ 0运算符：关系运算符结果是布尔值赋值运算+=自增自减 独立成行的话 不参与运算的话,没有任何区别;当时参与运算的时候是有区别的隐式类型转换：大部分都是转为数字
2020-07-16 16:23:15
104
原创 JS18
上午1.ES6严格模式在那些方面2.默认参数，【记住常用 if语句用的多】下面箭头函数有写3.字符串模版 【支持换行，可以直接写DOM结构】4.块级作用域 let const声明、块级作用域特点5、箭头函数语法及省略语法：function省略 使用=>6.数组解构赋值【一一对应】7.对象解构赋值【属性】8.扩展解构【聚合】【散开】1、ES6严格模式 如何开启呢？使用 ‘use strict’；1）声明变量不能省略var ,必须使用【关键字】2）函数调用建议加上【函数】的【所
2020-07-15 13:15:42
156
原创 JS17
案例：日历案例: 评分案例：封装运动函数案例：简易轮播图知识点：事件默认行为onclick 点击onpaste 粘贴oncopy 复制oncontextmenu 鼠标右键如何阻止默认行为？e.preventDefault();或者return false;
2020-07-15 13:04:31
109
原创 JS16
上午：初始位置 位移 新位置下午：鼠标初始位置（mousedown）mousemove(结束减起始) mouseup 清除移动案例：小球与方块碰撞（难点碰撞的3个条件）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0
2020-07-14 08:45:28
141
原创 JS15知识点
补充：事件委托理解：是把我要做的事情委托给别人来做因为我们的冒泡机制，点击子元素的时候，也会同步触发父元素的相同事件 。我们就可以把子元素的事件委托给父元素来做【运用冒泡思想】targettarget 这个属性是事件对象里面的属性，表示你点击的目标var oUl = docuemnt.querySelector('ul') oUl.addEventListener('click', function (e) { //事件监听 e = e || window.event
2020-07-12 21:10:52
236
原创 JS15
复习：1.事件三要素事件源.事件类型=function(){} 记住2.事件绑定三种方式：推荐事件监听方式ele.addEventListener('click',fn) 记住3.解除绑定：普通类型解绑；事件监听解绑普通：ele.onclick = null / false 记住监听解绑: ele.removeEventListener('click',函数名)需要一个个移除4.事件冒泡和事件捕获补充：事件流（事件执行的顺序）IE认为由里及外，叫做事件冒泡 子元素是父元素的一部分
2020-07-10 09:51:11
184
原创 JS14
补充:1、外部使用函数里面的怎么做？1）return2)定义一个变量保存 【人员选项卡 保存this】2、事件：异步程序循环：同步程序解决方法：foreach() 或者为按钮【自定义一个属性index】上午今日案例：案例1：简单表单验证案例2：随机变色案例3：select案例4：事件委托写选项卡1.JS能够做什么？2.JS包含什么3.事件写在那些地方4.事件类型【鼠标（重要）、表单（重要）、页面、键盘】一、JavaScript 能够做什么？事件处理程序可用于处理、验证
2020-07-10 01:13:29
166
原创 JS13
补充：一**、获取元素得到的是一个【伪数组】**伪数推荐使用foreach()方法对象里面推荐使用 for in 、for of伪数组怎么变成真数组？二、for 和 foreach()区别1）for的循环是靠i++ 来推动的，也是不停的改变i的值 【需要使用自定义属性index】2）foreach()的循环是【能生成新的i来循环】的【所以选项卡推荐使用foreach 不需要自定义属性】一、重点：认识节点和元素案例：人员卡（重点）案例：隔行变色表格认识节点:文本，注释，标签，属性元素
2020-07-09 01:19:55
200
原创 JS12
1、attributes 获取对象的所有属性1.1【显示】标签属性的方法**（property是属性的意思）a.标签的自有属性 ele.property oImg.altb.标签的自定义属性 ele.getAttribute(property) oImg.getAttribute('alt')1.2 【设置】标签的属性a.标签的自有属性 ele.property oImg.alt = '拼命加载中’b/标签的自定义属性 ele.setAttribute(property,
2020-07-08 01:10:39
144
原创 JS11
上午重点案例：表单登录验证（项目会用到）BOM定义：Browser Object Mode）浏览器对象模型，是Javascript的核心。它提供了一系列对象用于与浏览器窗口进行交互，这些对象通常统称为BOM。（简单说就是浏览器厂商给我们的权限）例如：页面刷新、页面后退2.window对象(属性和方法)对象有【属性和方法（都是函数,有括号）】【this是个关键字，指向被调用者】，谁在调用就是谁的【this没有指向的话 ，默认就是window】 var a =10; document.wr
2020-07-06 12:09:30
376
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人