随笔分类 - 前端
摘要：React中的钩子函数的功能非常的强大，而它的使用又十分简单。关于钩子函数的使用，我们只需记住两点： 1. 钩子只能在React组件和自定义钩子中使用 2. 钩子不能在嵌套函数或其他语句（if、switch、white、for等）中使用 React中自带的钩子函数 useState useEffec
阅读全文
摘要：Router5安装： npm npm install react-router-dom@5 -S yarn yarn add react-router-dom@5 App.js import './App.css'; import React, { useReducer, useState } fr
阅读全文
摘要：1. Redux Redux可以理解为是reducer和context的结合体，使用Redux即可管理复杂的state，又可以在不同的组件间方便的共享传递state。当然，Redux主要使用场景依然是大型应用，大型应用中状态比较复杂，如果只是使用reducer和context，开发起来并不是那么的便
阅读全文
摘要：代码地址：https://github.com/showkawa/react18-ZeroToOne/tree/main/react03 1.Context 在React中组件间的数据通信是通过props进行的，父组件给子组件设置props，子组件给后代组件设置props，props在组件间自上向下
阅读全文
摘要：javascript基础1，主要写(==和 的区别), Array对象, Object对象, this关键字，短路操作，Set集合，Map集合和String字符串操作。 1. == , 1. 在js中需要值相等类型相等 2. == 在js中值相等，类型不相等会自动转换 2.Array 全部Array
阅读全文
摘要：1. React组件 在React中网页被拆分为了一个个的组件，组件是独立可复用的代码片段。具体来说，组件可能是页面中的一个按钮，一个对话框，一个弹出层等。React中定义组件的方式有两种：基于函数的组件和基于类的组件。 1.1 函数组件 如下面代码，定义一个箭头函数，然后是export defau
阅读全文
摘要：1.React元素 1.1 React.createElement() React.createElement(type, [props], [...children]) - 用来创建React元素，React元素无法修改 1.2 ReactDOM.createRoot() createRoot(c
阅读全文
摘要：在公司现在公司快两年了，时间过得飞快，虽然入职当前公司的是Full Stack的身份进来的，但当前的项目组主要是后端需求基本上是带着团队负责后端的项目的开发和维护，所以我之前的前端Angular基本没咋碰了。不过最近公司内部有转型的计划，前端的有React的需求，时隔两年了前端的知识点忘得七七八八了
阅读全文
摘要：RxJS 是一个库，它通过使用Observable序列来编写异步和基于事件的程序。其中Observable的设计主要运用到的设计模式有观察者模式（Observer pattern ）和迭代器模式(Iterator pattern)。 1.观察者模式(Observer pattern) 1.1 什么是
阅读全文
摘要：简单总结接下我这边angular前端优化步骤都是满满的干货，各位客官有好的改进欢迎留言~ 1. 动静分离 项目里面前端比较占用带宽的一般都是加载静态资源，请求后台接口一般占用带宽都是1kb左右，但是在加载静态资源往往会达到mb级别，占用大量带宽，明现影响了业务，所以动静分离是必须而且必要做的，ang
阅读全文
摘要：1 css3选择器 1.1 属性选择器 /* E[attr~=val] 表示的一个单独的属性值 这个属性值是以空格分隔的*/ .attr2 a[class~="kawa"] { //TODO } /* E[attr|=val] 表示的要么一个单独的属性值 要么这个属性值是以"-"分隔的*/ .att
阅读全文
摘要：github代码：https://github.com/showkawa/H5C3/tree/master/html5 1.自定义属性 data- 1.1 可以给html里的所有DOM对象都可以添加一些data-*的属性 1.2 用来记录与当前DOM强相关的数据 1.3 设值 .setAttribu
阅读全文
摘要：学习angularjs2框架，需要了解一些TypeScript知识点，基本了解下面这几个知识点学习AngularJS2 就够用了 1.TypeScript 1.1显示类型的定义 TypeScript类似于java和c++，允许我们显示声明的类型： let foo : number = 42; let
阅读全文
摘要：1.只有定位了的元素，才能有z-index值。也就是说，不管相对定位、绝对定位、固定定位，都可以使用z-index值。而浮动的东西不能用。 2.z-index值就是一个正整数。默认的z-index值是0。 3.如果大家都没有z-index值，或者z-index值一样，那么谁写在HTML后面，谁在上面
阅读全文
