前端学习
关注
分享
扫一扫
文章平均质量分 81
分享一些前端学习的知识
什巳
这个作者很懒，什么都没留下…
展开
-
前端学习-React Hook(钩子)
一.概述1.什么是 Hookhook（钩子）是一种特殊的消息处理机制，它可以监视系统或者进程中的各种事件消息，截获发往目标窗口的消息并进行处理。1.1 Hook 例子函数记录日志、节流、缓存 Windows 窗口消息拦截 键盘事件拦截（木马和外挂） 流量识别分析1.2 React Hook我们可以通过 Hook 把需要的状态、副作用方法 “钩” 进来，放到函数内部使用。让原来呆板的 React 函数拥有状态和生命周期。2. Hook 出现的意义函数一等公民 - 函数式编程原创 2022-04-02 10:23:16 · 2773 阅读 · 0 评论 -
前端学习-Antd 组件库基础
一.通用组件1. Icon图标，用于语义化的表示一些业务场景，比如：购物车、收藏夹、搜索、重置。典型场景：方向性图标 提示建议性图标 编辑类图标 数据类图标 品牌和标识 网站通用图标2. Button按钮用于开始一个即时操作。典型场景：跳转页面 唤起弹窗 触发行为：提交表单；删除；下载文件；搜索二.布局组件三.数据展示组件四.反馈类组件五.数据录入组件...原创 2022-04-01 20:27:33 · 12200 阅读 · 0 评论 -
前端学习-React 原理
一.setState() 的说明1. 更新数组setState() 是异步更新数据的 二.JSX 语法的转化过程三.组件更新机制四.组件性能优化五.虚拟 DOM 和 Diff 算法原创 2022-03-26 16:35:02 · 1818 阅读 · 0 评论 -
前端学习-React组件进阶
一.组件通讯介绍组件是独立且封闭的单元，默认情况下，只能使用组件自己的数据。在组件化过程中，我们将一个完整的功能拆分成多个组件，以更好的完成整个应用的功能。而在这个过程中，多个组件之间不可避免的要共享某些数据。为了实现这些功能，就需要打破组件的独立封闭性，让其与外界沟通。这个过程就是组件通讯。二.组件的 props组件是封闭的，要接收外部数据应该通过 props 来实现 props 的作用：接收传递组件的数据 传递数据：给组件标签添加属性 接收数据：函数组件通过参数 props 接收数据，原创 2022-03-23 21:54:42 · 1205 阅读 · 0 评论 -
前端学习-React基础
一.React 初探React 是什么？用于构建用户界面的 JavaScript 库React 起源由 FaceBook 在 2013 年开源的一个用于构建用户界面的 JavaScript 库。运行React 方式脚本直引 脚手架工具编码 Create-React-AppReact 特点声明式编码编码方式分为声明式和命令式两种，比如说：声明式：每天上课都要带上电脑 命令式：带上电视，周一上课命令式编码需要告诉浏览器怎么做，而声明式只需要告诉浏览器做什么就好了。.原创 2022-03-22 23:09:32 · 1149 阅读 · 0 评论 -
前端学习-Git基础概念
一.GIT介绍Git是世界上最先进的分布式版本控制系统。能够自动记录每次文档的改动。二.本地仓库管理三.远程仓库管理相关交互指令git push：<远程主机名><远程分支名><本地分支名>将本地分支推到指定远程仓库的指定分支 git pull：拉去远端分支到本地，并与指定分支合并，相当于fetch + merge工作区工作区：就是你在电脑里能看到的目录。 暂存区：英文名叫 stage 或 index。一半存放在 .git 目录下的 ind原创 2022-03-18 10:19:04 · 1472 阅读 · 0 评论 -
前端学习-常用开发工具
常用开发工具：Babel，Node，Gulp，subLimeText，Webpack，Yarm，npm，Git，VsCode，WebStorm。Npm&Yarm什么是NodeNode.js 是一个开源与跨平台的 JavaScript 运行环境。可以在 Node 中运行来进行 I/O操作、文件操作、数据库操作 Node 提供了 JavaScript 实现后端数据服务的能力NPM包&管理工具包管理器Npm的主要作用就是用来管理可复用的代码包。比如 JavaScri原创 2022-03-17 14:42:03 · 6825 阅读 · 1 评论 -
前端学习-TypeScript入门
JavaScript 是弱类型语言，经常运行是出现因为类型原因导致代码报错。TypeScript 是 JavaScript 的一个超集，只是在 JavaScript 的基础之上增加了一些类型标记语法；浏览器并不认识 TypeScript，最终还是要编译成 JavaScript 才能执行。一.为什么要使用 TypeScript？使用 TypeScript 定义：IDE 智能提醒，减少代码低级错误。 修改 TypeScript 定义：修改公共组件、公共方法时，所有受影响使用不对的地方都会有标记。.原创 2022-03-16 16:55:11 · 974 阅读 · 0 评论 -
前端学习-事件处理
一.事件绑定、销毁JavaScript 与用户之间的交互是通过 浏览器事件 进行驱动的，通过对事件的 监听和响应，我们即可实现在用户执行某个操作时，做出对应的交互动作。需要实现点击搜索按钮后，按输入框的值对表格进行筛选，这时候就需要 JavaScript 先监听搜索按钮的点击事件，当用户点击搜索按钮后，JavaScript 再做出相应的响应。监听方式：静态绑定：在HTML内容中位元素写上事件属性。 <button onclick="方法">搜搜</button>原创 2022-03-16 11:14:31 · 1612 阅读 · 0 评论 -
前端学习-JavaScript & Dom
一.Dom结构DOM：全称文档对象模型，是浏览器提供给 JavaScript 操作HTML文档的接口。DOM可以将HTML文档转换成树形结构，树中的每个节点，也被称为 DOM 节点。二.获取Dom浏览器提供了很多中方法去获取DOM节点，现在最常用的方法有两种，如下：方法名称 说明 入参 出参 document.querySeletor 数据传入的选择器，返回第一个匹配的DOM节点 选择器 DOM节点对象 document.querySelecto原创 2022-03-16 09:27:41 · 141 阅读 · 0 评论 -
前端学习-JavaScript基础语法
1.变量与运算符变量：变量是存储值的容器；在最新的 JavaScript 中，用let来声明可变变量，用const来声明常量（不可变）相关规范：驼峰命名法：如果变量是由两个以上的单词组成时，需要采用驼峰命名法，即第一个单词小写，后面单词首字母大写 不能包含数字：不能使用数字序号来命名，比如 name1，name2，func1，func2 禁止用var：在支持let和const的环境中，不允许再使用var声明变量的方式，防止代码的污染运算符：&&：逻辑与，如果...原创 2022-03-15 16:33:36 · 1097 阅读 · 0 评论 -
前端学习-CSS基础
一.CSS应用CSS主要有三种方式应用到HTML上：行内样式：<button style="...">搜索</button> 内嵌式：<head><style>...</style></head> 链接式：<link ref="stylesheet" href="home.css">样式写在 home.css 中二.CSS选择器标签选择器<button>按钮</button>原创 2022-03-14 17:47:24 · 387 阅读 · 0 评论 -
前端学习-HTML基础
在学习前端的时候，一定要养成多练，多总结的习惯，才能更好掌握前端的知识。前端学习无非分为三类：html：组成页面的基本框架 css：对页面进行美化 JavaScript：驱动页面进行交互 TypeScript：给 JavaScript 添加特性，让 JavaScript 更加强壮一,文档结构:定义文档的基本类型 HTML根元素(html包含的内容) HTML头部信息区域(head包含的内容) HTML主题内容区域(body包含的内容)二.基本语法:<div>原创 2022-03-14 14:41:31 · 581 阅读 · 0 评论