首页 > 其他分享 >前端开发需要学习的技术

前端开发需要学习的技术

时间:2023-01-27 00:11:39浏览次数:40  
标签:Web TypeScript 技术 js 学习 HTML React 前端开发 CSS

前端技术分类

分类 具体技术
编程语言 HTML\CSS\JavaScript、php\java\python
算法与数据结构
计算机网络 http、dns
UI框架 Layui、ElementUI、AntDesign
技术框架 JQuery、VueJS、React、小程序开发uni-app、Redux
包管理 npm、yarn、pnpm
版本控制 git
Web安全 https
CSS架构 BEM
CSS预处理器 SASS、Less
CSS 框架 Reactstrap、Tailwind CSS、BootStrap
测试 Jest
类型检查器 TypeScript
PWA Storage、Web Sockets
GraphQL
移动端应用开发 ReactNative、Flutter
桌面应用开发 Electron
代码格式化 JSLint、JSHint、ESLint、CSSLint、Markup Validation Service、HTML Validators
单元测试 QUnit、Jasmine、Mocha、Should、Chai、Expect、Unit JS
自动化测试
可视化
SEO
数据库
网页服务器 Ngnix、Apache
数据缓存 Redis、Memcached
  1. HTML/CSS
  2. JavaScript
  3. jQuery
  4. AJAX
  5. Vue.js/React.js/Angular.js
  6. Bootstrap
  7. Node.js
  8. Webpack
  9. Sass/Less
  10. Gulp/Grunt
  11. Git/Github
  12. HTTP/HTTPS
  13. RESTful API
  14. TypeScript
  15. WebGL/Canvas
  16. Three.js
  17. JSON/XML
  18. WebSocket
  19. Socket.io
  20. ES6
  21. Responsive Design
  22. SEO
  23. BEM
  24. Babel
  25. NPM
  26. Yarn

标签:Web,TypeScript,技术,js,学习,HTML,React,前端开发,CSS
From: https://www.cnblogs.com/LiJunLin1231/p/17068425.html

相关文章

  • 【分布式技术专题】「分布式缓存专题」针对于缓存淘汰算法之LRU和LFU及FIFO原理分析
    前提概要无论是浏览器缓存(如果是chrome浏览器,可以通过chrome:://cache查看),还是服务端的缓存(通过memcached或者redis等内存数据库)。缓存不仅可以加速用户的访问,同时也可......
  • WPF的MVVM的数据驱动学习示例
    项目结构  界面数据绑定<Windowx:Class="WpfApp1.MainWindow"xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="h......
  • 【学习笔记】Swagger
    Swagger1.学习目标了解Swagger的概念和作用了解前后端分离在Springboot中集成Swagger2.Swagger简介前后端分离后端:后端控制层、服务层、数据访问层前端:前端控......
  • shell学习
    SHELL1统计文件的行数SHELL2打印文件的最后5行SHELL3监控CPU使用率shell1#!/bin/bashwc-la.txtshell2#!/bin/bashtail-n5a.txtshell3#!/bin/bash......
  • 网络流 学习笔记
    众所周知,网络流是一类常用于求解最优化问题的算法,有着灵活的性质与较为优秀的复杂度网络流学习的关键是对问题的抽象与建模,下面介绍一些常见的应用。二分图上的应用二分......
  • 10--限流技术学习 | 青训营笔记
    这是我参与「第五届青训营」伴学笔记创作活动的第10天简介所谓限流,就是指限制流量请求的频次。它主要是在高并发情况下,用于保护系统的一种策略,主要是避免在流量高峰导......
  • Markdown学习笔记
    Markdown语法标题#一级标题##二级标题###三级标题...以此类推字体**粗体***斜体****粗斜体***~~删除线~~引用>引用例:引用图片![图片名](图片地址)......
  • JavaScript学习笔记—包装类
    1.描述字符串本质就是一个字符数组"hello"-->["h","e","l","l","o"]2.属性和方法(1)length获取字符串的长度(2)字符串[index]获取指定位置的字符(3)at(index)......
  • Link-Cut Tree 学习笔记
    LinkCutTree是一种用来维护动态树问题的数据结构。其维护的是一个森林,森林中的每个树由若干个Splay组成,每个Splay代表树上的一条链,一个Splay的中序遍历就是那条......
  • github学习
    使用GitHub进行团队合作GitHub多人协作开发三种方式GitHub团队项目合作流程图文详解如何利用Git+Github进行团队协作开发​​http://www.open-open.com/lib......