- 博客(21)
- 收藏
- 关注
RSS订阅原创 React-Hook API个人见解
1.useState用于函数组件状态的定义和改变，一般样式是const [count，setCount] = useState其中：setCount是自己取的，用于修改函数组件的状态，采用setCount（新值）注意：直接修改只能在普通类型，引用类型无法直接修改，需要采用深浅克隆的方法先把引用类型的数据克隆下来，改变克隆的值，再重新覆盖原有的属性浅克隆：let newobj = Object.assign({},obj)let newobj = {…obj}let newobj = Obje
2020-09-24 09:26:37
161
原创 React实战知识点
1.路由鉴权1.需要写service文件夹（一般也叫api文件夹），在里面url文件下写接口地址，index.js文件下封装获取数据的方法2.引入cookies的封装文件2.在脚手架的接口文件index.js里进行数据获取，按照返回值进行cookie的存贮，然后在router文件夹的index.js文件下获取存入cookie的值，在路由渲染之前进行平淡是否要渲染，还是跳转到授权页面进行登录注意：此时跳转的路由path不能写正确值，写‘/’，且component不能用懒加载，，先引入该组件，直接写组件
2020-09-23 10:34:08
162
原创 React的生命周期
React16版本1. 初始化阶段- 钩子函数个数： 4- 主线程执行结束之后钩子函数才会执行钩子函数：constructor(){}1.任务-通过super来将绑定在组件身上的props赋值与this.props = props-定义组件状态this.state={} ,不在这里定义的话，外面就不要写this-普通函数定义是可以绑定this，这样调用普通函数的时候，可以直接写this.函数名componentWillMount(){}1.表示组件即将挂载，用于初始化事件和生命周期
2020-09-18 21:03:30
209
原创 React里的一些神坑，持续更新ing
1.对于react内对state状态修改的性能优化对于同一时间段相同事件的重复触发，正常情况下，react会进行性能优化，比如state={ count:0}for(let i=0;i<100;i++){ this.setState({ count:this.state.count + 1 } console.log(this.state.count) //输出100次0}这样的话只会输出一百次0，而count的值会变为99，这就是reac
2020-09-17 20:35:15
435
原创 react初始化阶段生命周期
import React from ‘react’//react的生命周期不是同步的，其他主线程完成后进行生命周期console.log(1)export default class LayOut extends React.Component{constructor(props){/*1.任务-通过super来将绑定在组件身上的props赋值与this.props = props-定义组件状态this.state={} ,不在这里定义的话，外面就不要写this-普通函数定义是可以绑定t
2020-09-16 22:11:57
1063
原创 react基础
/* eslint-disable */import React,{Component} from ‘react’// import {useState} from ‘react’//用于判断外部传入的属性类型，第三方插件// import PropTypes from ‘prop-types’//外部传入// export default function Hello({age,name}){// console.log(‘props’,age,name)// // 必须要
2020-09-15 21:14:01
287
原创 html5基础知识点
面试题(基础)html你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?五大浏览器内核•Trident （MSHTML） （三叉戟；三叉线；三齿鱼叉）•Gecko （壁虎）•Presto （ 迅速的）•Webkit （Safari内核,Chrome内核原型,它是苹果公司自己的内核，也是苹果的Safari浏览器使用的内核）•Blink (由Google和Opera Software开发的浏览器排版引擎)五大浏览器内核代表作品
2020-09-08 20:52:42
538
原创 vue内修饰符个人解析
.stop.prevent.capture.self.once.passive.prevent.self.self.prevent解析//加入stop修饰符：阻止事件冒泡//加入prevent修饰符：事件触发但是不会导致页面重新加载//加入capture修饰符：事件改为捕获的形式，但是还是先找有capture修饰符的，如果都有，就按由外向内,也就是先捕获排有capture修饰符的，然后再按捕获的事件流排没有的//加入self修饰符：加这个修饰符的标签，必须事件是自己触发的，其他父级或
2020-09-08 20:19:52
74
原创 Vue基础知识浅谈
mvc和mvvmmvc和mvvm都是软件架构思想mvc (react)model: 数据保存view: 用户界面Controller: 业务逻辑所有通信都是单向的. view -> controller -> model -> viewmvvm（vue）model: 数据层view: 视图层viewmodel: 视图模型层view和viewmodel是同步更改的，viewmodel再和model层进行通信数
2020-09-02 21:57:57
327
原创 Vue生命周期解析
生命周期所有阶段：创建beforeCreate()created（） //最早在这里进行数据请求，可以获取实例data的值//注意：这里进行判断是否有el属性，没有的话就用vm.$mount(’#app’)，然后在进行template模板选项挂载beforemount()//注意：这里进行虚拟的dom变成真实的dom数据mounted //最早在这里渲染的变量被赋值了，最迟在这里做数据请求// 要和第三方的组件库进行结合的时候，我们要放在mounted里面更新//注意：数据
2020-08-19 21:21:37
143
原创 Node.js浅谈和模块化概述
Node.js的概述：1.Node.js是基于谷歌v8引擎的javascript的运行环境2.他不是一门后端语言，而是一种运行环境3.不是因为js而产生的，而是node.js选择了javascript4.是一个开源与跨平台的javascript运行时环境，他是一个可以用于几乎任何项目的流行工具5.在浏览器外运行v8 javascript引擎，这个使得node.js表现的非常出色6.是由c++编写的，但是性能非常好（在go语言出来之前，在处理高并发方面，也就是同一时间段使用量爆发，是第一的）7.
2020-08-10 20:45:58
215
原创 jQuery方法浅谈
1.jQuery对象转换成原生js 添加索引或者使用jquery下面的get方法，用添加索引 console.log($('.box').innerHTML); //undefined console.log($('.box')[0].innerHTML); //√ console.log($('.box').get(0).innerHTML); //√ 2.原生转换成jquery - $()将原生对象包起来变成jquery对象 console.log(d.
2020-07-29 11:18:36
161
原创 javascript里前后端交互梳理
面向对象1.面向对象的目标 - 类和构造函数- 强调类的概念，通过类可以创建任意多个具有相同属性和方法的实例对象- 目的是减少全局污染(全局变量-属性，全局函数-方法)- 理解系统的类和构造函数(Array,Date),进而知道系统类(构造函数)对应的实例对象的意义。- 以小博大(面向对象适合复杂的程序，简单一些效果理解面向对象)2.面对象的写法- 混合开发(构造函数+原型)- ES6 class开发- 上面两种写法基于函数 - 语法糖3.面向对象的理论概念- 面向对象的特点(封装，继
2020-07-21 20:30:23
1616
原创 javascript里ES6新增知识点
1.数组的扩展Array.from() 对象类数组转为数组Array.of（）将括号内的参数转为数组形式fill（值,参数1，参数2） 用第一个参数填充数组，参数1和参数2代表索引范围，含头不含尾，填充的内容不限制个人总结：1.Array.from() 对象要使用的话，自定义属性的属性名就要有序且对象加length属性值为原有的属性个数；类数组直接使用就行// let obj = {// name: ‘zhangsan’,// age: 100,// sex: ‘男
2020-07-10 10:17:09
194
原创 javascript里变量的解构赋值
//一.变量的解构赋值-快速的给变量赋值 //1.数组的解构赋值。 // let arr = ['zhangsna', 'lisi', 'wangwu']; // let [a, b, c] = arr; // console.log(a, b, c);//zhangsna lisi wangwu // let [a, b, [c, d, [e, f, g]]] = [1, 2, [3, 4, [5, 6, 7]]]; // console.log(a, .
2020-07-08 22:01:23
112
原创 javascript里正则表达式解析
正则表达式的创建：1.RegExp构造函数创建var reg1 = RegExp(“hello”, “ig”) //第一个参数是要查找的字符串，第二个参数是模式修饰符var name = “hello”var reg2 = RegExp(name, “ig”) //创建的reg1和reg2是一样的2.字面量创建，斜杆里面一定是字符串，不可以将变量名放在斜杆内，因为不会识别他是变量，而是直接当做字符串识别var reg = /hello/i //模式修饰符直接跟在斜杆后面就行var str =
2020-07-07 20:07:50
251
原创 javascript里字符串方法解析
// 1.charAt(num):返回对应字符串索引的内容。 // var str = "我是老天爸爸最爱的崽" // console.log(str.charAt(1)) //是 // console.log(str.charAt(-1)) //无，因为索引没有负数 // 2.charCodeAt(num):返回对应的字符串索引的内容的unicode编码 // var str = "我是老天爸爸最爱的崽" // console.log(str.charC.
2020-07-02 17:13:24
519
原创 javascript里数组的各方法解析
**1. push() 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。** // var arr = [1, 2, 3] // var arr1 = arr.push(2) //原数组改变，返回值是改变后的数组长度，从后面加 // console.log(arr, arr1) //[1, 2, 3, 2] 4 **2.pop() 从数组末尾移除最后一项，减少数组的length值，然后返回移除的项。** // var arr = [1, .
2020-07-01 20:33:43
271
原创 javascript里面位置坐标解析
总结：1.包含内边距和边框的大小 offsetHeight offsetWidth2.不包含边框，但是要考虑子级超过自己时，滚动条的宽度和高度 clientHeight clientWidth3.子级不超过时和client一样，超过以子级为准 scrollHeight scrollWidth4.与父级的距离，附近要有定位，否则以body为父级 offsetTop offsetLeft5.边框的大小 clientTop clientLeft6.对应区间内滚轮的位置，要用滚动事件。否则只会输
2020-06-30 20:57:15
347
原创 变量的概述和知识点补充
变量的概述:变量；就是在特定的时间用于保存特定值的名称，并且初始化以后依旧可以进行修改值的大小，ecmascript的变量是松散类型的，就是可以保存任何类型的数据。变量的特点: 值可以改变 - 变量 同时定义多个 - 逗号分隔 可以前置访问 - undefined，但是如果在后面的代码内并没有这个变量或者在其他script标签内进行声明的话，则会报错并且显示未定义 写入内存 - 整个文档可以顺序调用。 松散类型 -
2020-06-15 16:51:54
295
原创 FLEX布局个人解析
FLEX布局Flex容器：采用 Flex 布局的元素的父元素；Flex项目：采用 Flex 布局的元素的父元素的子元素；容器默认存在两根轴：水平的主轴（main axis）和垂直的交叉轴（cross axis）。主轴的开始位置（与边框的交叉点）叫做main start，结束位置叫做main end；交叉轴的开始位置叫做cross start，结束位置叫做cross end。项目默认沿主轴排...
2020-03-21 13:45:52
636
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人