余晖落尽暮晚霞,黄昏迟暮远山寻
本站
当前位置:网站首页 > 编程知识 > 正文

Web前端入门必看:前端入门应该知道的技术知识点

xiyangw 2022-11-25 12:29 82 浏览 0 评论

删除线划掉的可以不掌握,Node 和浏览器原理部分可以不掌握,性能优化部分不要求列全,有自己的理解,知道有哪几个努力的方向即可,下面和千锋广州小编一起来看看吧。

HTML

defer & async

Fetch API & 使用

Localstorage & SessionStorage

postMessage

自定义属性 data=*

Document Type

转义 & 实体字符

语义化

requestAnimationFrame

ServiceWorker

CSS

盒模型 box-sizing

定位(static、relative、absolute、fixed、sticky)

z-index(生效元素、父子 z-index 关系、相邻容器子元素 z-index 关系)

布局 & 居中(双栏布局、三栏布局、垂直居中、垂直对齐)

浮动 & 清理浮动

media query

flex 相关属性

rem

sass、less

建议看看 《CSS 世界》

JavaScript 基础

ES6

数据类型

引用类型

原型链 & 继承

this & 修改 this 指向(bind、箭头函数、apply、call)

事件 & 事件代理

Ajax、jsonp

使用 Promise 改善异步代码

闭包

defineProperty & Proxy 作用

TypeScript,TS 应用越来越广泛,有余力一定要学一下

Web 基础 & HTTP 协议

cookie & session

本地 hosts 绑定

User Agent

MIME Type

HTTP 状态码含义

客户端缓存

协商缓存

GET、POST 协议区别、限制、语义

无状态是什么意思

gzip 是做什么的

XSS 与 CSRF

跨域及解决

Transfer-Encoding

HTTPS 原理

正向代理 & 反向代理含义

建议阅读《图解 HTTP》,只要从事 web 相关工作都应该了解 HTTP 协议

React

数据驱动 UI

state & props 区别

生命周期、useEffect 第二个参数

常用 hook

父子组件通信

Context & redux

redux 发送异步请求

ant design

性能优化

HOC

saga

dva

React 15 和 16 都应该学习

工程

语义化版本号

package.json 常用字段(version、main、scripts、repository、dependencies,devDependencies)

npm 常用命令(install、test、link、dev、build)

webpack & babel(bundle、JSX、ES6、Sass)

eslint 常见规则 & 错误解决办法

git & commit 规范

非覆盖式发布(多版本发布)

简单的 linux 命令

性能优化

Performance API & Performance timeline

针对浏览器渲染页面原理的 CSS、JavaScript 语法层面优化

针对 HTTP(2) 协议特性网络性能优化(合并资源、压缩、多个域名等)

用户体验层面性能优化(懒加载之类)

Node

单线程

EventLoop

Buffer & Stream

pipe

Koa、eggjs

浏览器工作原理

http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/

前端技术的更新如此迅速,在这样的大环境下,前端工程师保持自学能力就显得尤其重要了。

相关推荐

“三次握手,四次挥手”你真的懂吗?

记得刚毕业找工作面试的时候,经常会被问到:你知道“3次握手,4次挥手”吗?这时候我会“胸有成竹”地“背诵”前期准备好的“答案”,第一次怎么怎么,第二次……答完就没有下文了,面试官貌似也没有深入下去的意...

面试官问:三次握手与四次挥手是怎么完成的?

作者|饶全成来源|码农桃花源记得刚毕业找工作面试的时候,经常会被问到:你知道“3次握手,4次挥手”吗?这时候我会“胸有成竹”地“背诵”前期准备好的“答案”,第一次怎么怎么,第二次……答完就没有...

三次握手和四次挥手的高阶面试题,建议收藏

昨天村长的讲解,真是一语点醒,这样的解释胜过死记硬背。但对于学习者,如果不能有直观感受,可能还是觉得不接地气,今天介绍两个工具,一个是网络抓包工具Wireshark,一个是linux命令tcpdum...

三次握手和四次挥手到底是个什么鬼东西

之前总有是有面试官喜欢问,你知道什么是三次握手么?什么是四次挥手么?为什么握手需要三次,挥手需要四次呢?今天我们就来详细的聊一下这个。1.什么是TCPTCP协议,简单称呼一下的话,那就是传输控制协议,...

加深理解TCP的三次握手与四次挥手

在了解三次握手和四次挥手之前,先要知道TCP报文内部包含了那些东西。熟悉了解TCP报文对日后学习网络和排除方面有很大的帮助,所以,今天为了加深对三次握手的理解,从新去认识TCP报文格式。TCP报文格式...

三次握手 与 四次挥手_三次握手四次挥手大白话

三次握手:①首先Client端发送连接请求报文②Server段接受连接后回复ACK报文,并为这次连接分配资源。③Client端接收到ACK报文后也向Server段发生ACK报文...

动画讲解TCP的3次握手,4次挥手,让你一次看明白

专注于Java领域优质技术,欢迎关注作者:老钱占小狼博客TCP三次握手和四次挥手的问题在面试中是最为常见的考点之一。很多读者都知道三次和四次,但是如果问深入一点,他们往往都无法作出准确回答。本篇尝试...

linux下实现免密传输文件或登录到其他服务器

使用scp传输文件到其他服务器的时候,提示需要输密码,如下:[root@18csetup]#scpLINUX.X64_180000_db_home.zip192.168.133.120:/u0...

Linux如何通过salt免密SCP传输上百台机的脚本?看chatGPT的回答

如何通过salt免密SCP传输上百台机的shell脚本”,下面是chatGPT给出的结果。scp批量免密脚本给出的详细shell脚本如下:#!/bin/bash#源文件路径和目标路径SRC_...

Linux/Mac scp命令上传文件_将hdfs上的文件下载到本地的命令是

语法scp[可选参数]file_sourcefile_target参数说明:-1:强制scp命令使用协议ssh1-2:强制scp命令使用协议ssh2-4:强制scp命令只使用IPv4寻...

Linux常用功能——文件远程传输_linux 远程传输文件

scp是securecopy的简写,是linux系统下基于ssh登陆进行安全的远程文件拷贝命令,用于在Linux下进行远程拷贝文件的命令。和它类似的命令有cp,不过cp只是在本机进行拷贝不能跨服务器...

使用 scp 命令定时拉取服务器备份文件

我们的服务器,每周五必须要做下备份,但总是忘记执行备份这件事情,或者是服务器备份做了,但没有做异地备份。所以通过定时任务自动备份,备份成功之后,在其它服务器上面通过定时任务scp命令自动拉取备份文...

windows下最轻便的FTP/SCP文件管理器

这次推荐的工具叫做winscp,这个工具如果是IT从业人员,又是做服务端相关工作的话,可能无人不知,如果是刚入门,推荐立马上手试试。如果看了觉得有用,欢迎收藏、点赞、关注。官方网站:https://w...

我不是网管 - Linux中使用SCP命令安全复制文件

SCP是linux发行版中的命令行工具,用于通过网络安全地跨系统复制文件和目录。SCP代表安全复制,因为它使用ssh协议复制文件。拷贝时,scp命令建立ssh连接到远程系统。换句话说...

WinSCP软件双系统(Win-Linux)文件传输教程

WinSCP软件是windows下的一款使用ssh协议的开源图形化SFTP客户端,也就是一个文件传输的软件,它有什么优点吗,咱们嵌入式开发中经常会将windows中的文件复制到linux系统当中,比较...

取消回复欢迎 发表评论: