小李科技

原创 Redux进阶导航贴

redux进阶之路导航贴

原创 learn-css 学习总结

learn-css文章目录learn-css一 简介二 HTML前端三大件一 HTML常见元素1. head 中二 HTML重要属性Form与Ajax提交表单的区别三 如何理解HTML四 HTML版本五 HTML5新增内容六 HTML5新增语义七 HTML元素分类1. **按默认样式分**2. 按内容分八 HTML元素嵌套关系为什么a (包含) div 是合法的?九 HTML 元素的默认样式十 HTML 面试真题1. doctype的意义是什么?2. HTML XHTML HTML5的关系?3. HTM

原创 前端入门教程导航帖

文章目录@[toc]0.前端教程文档汇总1. Html网页2. CSS入门3. JS入门4.React4.1 前端小白入坑记4.2 30天入坑React总结:React代码段5.AntD6.Dva框架7.React+AntD 单车共享项目8.WebStrom使用总结9. Git0.前端教程文档汇总前端教程文档汇总1. Html网页第一讲 网页内容html2. CSS入门第二讲 css......

原创 前端教程文档汇总

目录一. 编程工具二. 从这开始前端开始入门2.0程序搜索:百度,谷歌,StackOverflow,Code Compare,codeprojectcodeproject:https://www.codeproject.com/2.1 ES6文档:2.2React文档:2.3 Redux(作为React状态管理的进阶版)2.4 Ant Design框架学习2.........

原创 React经典入门代码

React经典入门代码import ReactDOM ,{c} from 'react-dom'; //{c}是属性, 相当于xxx.cconst { name, age } = props; //ES6 //解构是对象的选择赋值理解:export第一个import React from 'react';import ReactDOM from 'react-dom'...

原创 React面试

vdom React Element 对象, 只记录了子节点, 没有记录兄弟节点, 因为渲染不可中断fiber fiberNode 对象, 是一个链表 父节点 兄弟节点子节点, 可以打断。

原创 TS面试题目

TS是js超集支持ES6语法支持面向对象编程概念, 类, 接口 ,继承, 泛型TS不支持在浏览器中运行, 编译为纯js来运行。

原创 [TS面试]TS中类型的全局声明与局部声明?

TS是js超集支持ES6语法支持面向对象编程概念, 类, 接口 ,继承, 泛型TS不支持在浏览器中运行, 编译为纯js来运行。

原创 [TS面试]TS中模块加载机制?

【代码】[TS面试]TS中模块加载机制?

原创 [TS面试]TS中对象展开有什么副作用?

TS中对象展开有什么副作用展开对象后面的属性会覆盖前面的属性仅包含可枚举的属性 不可枚举的属性丢失

原创 [TS面试]TS中的如何使用联合枚举类型的Key?

【代码】[TS面试]TS中的如何使用联合枚举类型的Key?

原创 [TS面试]TS中如何设计Class声明

【代码】[TS面试]TS中如何设计Class声明。

原创 [TS面试]TS中的tsconfig.json中那些配置项信息?

【代码】[TS面试]TS中的tsconfig.json中那些配置项信息?

原创 [TS面试]TS中使用Union Types时注意事项?

只能访问共有属性或方法。

原创 [TS面试]TypeScript 中 any, nerver, unknown, null & undefined 和 void 有什么区别?

strictNullChecks 标记null 或者undefined 只能赋值给void 或者他们自己。unknown 任何类型的值都可以赋值给unknown unknown只能赋值给unknown, any。void 函数没有返回值, 可以定义为void类型, 没有任何类型。null & undefined 默认是所有类型的子类型。any: 动态类型变量 失去了类型检查作用。never: 永远不存在值的类型。

原创 [TS面试]keyof和typeof关键字作用?

typeof 获取一个变量或者对象的类型 let str:string = ‘hello’ // typeof str =>:string。keyof 索引类型查询操作符, 获取索引类型属性名, 构成联合类型。keyof typeof 获取 联合类型的key。

原创 Ts中常用的引用类型

【代码】Ts中常用的引用类型。

原创 React18-列表数据实现用户删除、批量删除

确认删除该用户吗？

原创 React18-完成弹窗封装

/ 父组件 OrderList.open()// 子组件 CreateOrder}))return (...此处省略...这种方式注意， 组件上面的属性不可以定义ref，需要自定义其它属性。// 操作类型// 弹框组件属性类型。

原创 React18-模拟列表数据实现基础表格功能

【代码】React18-模拟列表数据实现基础表格功能。

原创 CSS Module

CSS Modules 不是官方规范或浏览器中的实现，而是构建步骤中的一个过程（在 Webpack 或 Browserify 的帮助下），它改变了类名和选择器的作用域（即有点像命名空间）。解决 CSS 中全局作用域的问题。

原创 React18-树形菜单-递归

从接口获取城市数据,渲染出一个树形菜单。

原创 react-router-dom4 学习进阶---react-router4五种写法

v4-v5: https://v5.reactrouter.com/web/example/no-matchv6:https://reactrouter.com/en/mainhttps://github.com/DudeYouth/react-route-dom-testhttps://github.com/supasate/connected-react-router/blob/master/FAQ.md#how-to-migrate-from-v4-to-v5https://github.com/d

原创 前端Web系统架构设计

文章目录1.目录结构定义2. 路由封装3. Axios请求开发4. 环境变量封装5. storage模块封装(sessionStorage, localStorage)6. 公共函数封装(日期,金额,权限..)7. 通用交互定义(删除二次确认,类别,面包屑...)8. 接口全貌概览1.目录结构定义2. 路由封装react-router63. Axios请求开发4. 环境变量封装运行时, 编译时5. storage模块封装(sessionStorage, localStorage)6.

原创 [TS]学习总结

return x+y;

原创 如何学习TS?

【代码】如何学习TS?

原创 React 调试

console 调试console.logconsole.infoconsole.warnconsole.errorconsole.time() & console.timeEnd()console.count()debugger调试chrome断点调试chrome条件断点HTML节点复制JavaScript对象复制接口调试2022了还不会调试吗？ - 掘金

原创 useRef语法讲解

【代码】useRef语法讲解。

原创 useContext 和 useReducer语法讲解

memo、 useMemo 和 useCallback

原创 memo、 useMemo 和 useCallback语法讲解

memo、 useMemo 和 useCallback

原创 useEffect语法讲解

useEffect语法讲解

原创 useState语法讲解

useState语法讲解

原创 基于Antd4 和React-hooks的项目开发

按照配置主题的要求，自定义主题需要用到 less 变量覆盖功能。我们可以引入中提供的 less 相关的函数来帮助加载 less 样式，同时修改文件如下。}),+ }),这里利用了的modifyVars来进行主题配置，变量和其他配置方式可以参考配置主题文档。修改后重启yarn start，如果看到一个绿色的按钮就说明配置成功了。你也可以使用craco和craco-antd来实现和 customize-cra 一样的修改 create-react-app 配置的功能。

原创 从 MomentJs 到 DayJs

从 MomentJs 到 DayJs

原创 10.函数组件功能复用之自定义HOOK

原创 9. React18之useTransition与useDeferredValue

【代码】9. React18之useTransition与useDeferredValue。

原创 [微前端实战]---035react16 - 资讯视频视频详情页面

讲解了vue2,vue3 两个子应用开发.vue3----开发选车,首页页面。vue2----开发新能源页面。vue3与vue2开发,

原创 8.react18并发模式与startTransition(搜索高亮思路)

React 18引入并发模式,它允许你将标记更新作为一个transitions,这会告诉React他们可以被中断执行.这样可以将紧急任务先更新,不紧急任务后更新.React 18 之前,渲染是一个单一的,不间断的,同步的事务,一旦渲染开始,就不能被中断。//第二个任务(不紧急的任务)// 匹配输入的选项并且高亮。

原创 7.react useReducer使用与常见问题

/ > 一组响应式数据有关联关系,可以做成一个整体,使用useReducer将其作为一个整体实现。一组响应式数据有关联关系,可以做成一个整体,使用useReducer将其作为一个整体实现。useReduer只处理同步请求,对异步请求如何处理?// > 根据类型,决定不同的state处理变化。// 不足: 处理同步action。// 用useReducer做登录。useReducer改写。// 用useState做登录。初始化直接执行获取数据。

原创 5.React.memo 性能优化

2. React.memo类似纯组件,可提高组件性能表现(类组件PureComponent)(当响应式数据没有发生改变时候, 更新时不会重新执行, 不会重新render随机数没有变)1. 函数组件修改同一个值,不会重新渲染.类组件会setState会重新渲染。当传递的值发生改变,重新render,当没有发生改变不重新render .加Math.random(),验证。性能优化, React.memo。// 包裹,依赖更新时候才会更新。// 不重新Render。// 不包裹,每次都更新。