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

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

xiyangw 2022-11-25 12:29 44 浏览 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/

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

相关推荐

辞旧迎新,新手使用Containerd时的几点须知

相信大家在2020年岁末都被Kubernetes即将抛弃Docker的消息刷屏了。事实上作为接替Docker运行时的Containerd在早在Kubernetes1.7时就能直接与Kubelet集成使...

分布式日志系统ELK+skywalking分布式链路完整搭建流程

开头在分布式系统中,日志跟踪是一件很令程序员头疼的问题,在遇到生产问题时,如果是多节点需要打开多节点服务器去跟踪问题,如果下游也是多节点且调用多个服务,那就更麻烦,再者,如果没有分布式链路,在生产日志...

Linux用户和用户组管理

1、用户账户概述-AAA介绍AAA指的是Authentication、Authorization、Accounting,即认证、授权和审计。?认证:验证用户是否可以获得权限,是3A的第一步,即验证身份...

linux查看最后N条日志

其实很简单,只需要用到tail这个命令tail-100catalina.out输入以上命令,就能列出catalina.out的最后100行。...

解决linux系统日志时间错误的问题

今天发现一台虚拟机下的系统日志:/var/log/messages,文件时间戳不对,跟正常时间差了12个小时。按网上说的执行了servicersyslogrestart重启syslog服务,还是不...

全程软件测试(六十二):软件测试工作如何运用Linux—读书笔记

从事过软件测试的小伙们就会明白会使用Linux是多么重要的一件事,工作时需要用到,面试时会被问到,简历中需要写到。对于软件测试人员来说,不需要你多么熟练使用Linux所有命令,也不需要你对Linux...

Linux运维之为Nginx添加错误日志(error_log)配置

Nginx错误日志信息介绍配置记录Nginx的错误信息是调试Nginx服务的重要手段,属于核心功能模块(nginx_core_module)的参数,该参数名字为error_log,可以放在不同的虚机主...

Linux使用swatchdog实时监控日志文件的变化

1.前言本教程主要讲解在Linux系统中如何使用swatchdog实时监控日志文件的变化。swatchdog(SimpleWATCHDOG)是一个简单的Perl脚本,用于监视类Unix系统(比如...

syslog服务详解

背景:需求来自于一个客户想将服务器的日志转发到自己的日志服务器上,所以希望我们能提供这个转发的功能,同时还要满足syslog协议。1什么是syslog服务1.1syslog标准协议如下图这里的fa...

linux日志文件的管理、备份及日志服务器的搭建

日志文件存放目录:/var/log[root@xinglog]#cd/var/log[root@xinglog]#lsmessages:系统日志secure:登录日志———————————...

运维之日志管理简介

日志简介在运维过程中,日志是必不可少的东西,通过日志可以快速发现问题所在。日志分类日志分类,对不同的日志进行不同维度的分析。操作系统日志操作系统是基础,应用都是在其之上;操作系统日志的分析,可以反馈出...

Apache Log4j 爆核弹级漏洞,Spring Boot 默认日志框架就能完美躲过

这两天沸沸扬扬的Log4j2漏洞门事件炒得热火朝天:突发!ApacheLog4j2报核弹级漏洞。。赶紧修复!!|Java技术栈|Java|SpringBoot|Spring...

Linux服务器存在大量log日志,如何快速定位错误?

来源:blog.csdn.net/nan1996jiang/articlep/details/109550303针对大量log日志快速定位错误地方tail/head简单命令使用:附加针对大量log日志...

Linux中查看日志文件的正确姿势,求你别tail走天下了!

作为一个后端开发工程师,在Linux中查看查看文件内容是基本操作了。尤其是通常要分析日志文件排查问题,那么我们应该如何正确打开日志文件呢?对于我这种小菜鸡来说,第一反应就是cat,tail,vi(或...

分享几款常用的付费日志系统,献给迷茫的你!

概述在前一篇文章中,我们分享了几款免费的日志服务器。他们各有各的特点,但是大家有不同的需求,有时免费的服务器不能满足大家的需要,下面推荐几款付费的日志服务器。1.Nagios日志服务器Nagio...

取消回复欢迎 发表评论: