前端知识框架

简介: 一直都是很懒的人,懒得去写笔记,写文章,感觉应该是要有一些沉淀了。计划在简书上写一些技术相关的文章,先整理下前端相关的一些知识点吧,争取每周至少有一篇文章的产出1.

一直都是很懒的人,懒得去写笔记,写文章,感觉应该是要有一些沉淀了。计划在简书上写一些技术相关的文章,先整理下前端相关的一些知识点吧,争取每周至少有一篇文章的产出

1. HTML/JS/CSS基础

  • HTML、HTML5基础
  • CSS、CSS3基础
  • ES5基础、ES6基础以及ES6新特性

上面这些是前端开发的基础,想要写一系列的文章,但不能着急,只能慢慢来

2. Vue相关

2.1. Vue全家桶

  • Vue基础知识
  • Vue-router基础知识
  • Vuex基础知识
  • axios基础知识

2.2. Vue脚手架工具

  • Vue-cli

2.3. Vue项目开发中常用的VSCode插件

  • Vetur
  • Auto Close Tag、Auto Complete Tag、Auto Rename Tag
  • Element-UI Snippets
  • vscode-element-helper
  • ESLint
  • GitLens
  • Lodash Snippets
  • Sort JSON objects、Sort Lines
  • VueHelper
  • Trailing Spaces
  • 其他...

PS: 有时间的话,研究下VSCode插件的编写,不求会编写,能够看得懂别人写的插件,能够修改别人插件,做一些自定义配置也行

2.4. UI框架的介绍与对比

  • Element-UI
  • iView
  • vuetify
  • mint-ui
  • vux

2.5. Vue项目开发中的一些坑

3. 工程化方面

  • Webpack打包工具
  • Gulp、Grunt(了解)
  • Git的使用
  • 自动化测试
  • 自动化部署

4. NodeJS

  1. NodeJS基础
  2. Express
  3. Koa2
  4. fastify
  5. Egg.js
  6. Mongodb等数据库相关

5. 其他

  1. HTTP协议
  2. Web前端安全与防范:XSS攻击、SQL注入攻击、CSRF攻击等
  3. 浏览器原理
  4. ES7、ES8、PWA等...

大概框架先以上这些吧,其他的想到再补充,关于Vue、React、Angular,框架仅仅是工具而已,说不定几年后就是PWA、快应用、XXX框架的天下了

目录
相关文章
|
3天前
|
前端开发 JavaScript 开发者
颠覆传统:React框架如何引领前端开发的革命性变革
【10月更文挑战第32天】本文以问答形式探讨了React框架的特性和应用。React是一款由Facebook推出的JavaScript库,以其虚拟DOM机制和组件化设计,成为构建高性能单页面应用的理想选择。文章介绍了如何开始一个React项目、组件化思想的体现、性能优化方法、表单处理及路由实现等内容,帮助开发者更好地理解和使用React。
22 8
|
17天前
|
人工智能 前端开发 JavaScript
前端架构思考 :专注于多框架的并存可能并不是唯一的方向 — 探讨大模型时代前端的分层式微前端架构
随着前端技术的发展,微前端架构成为应对复杂大型应用的流行方案,允许多个团队使用不同技术栈并将其模块化集成。然而,这种设计在高交互性需求的应用中存在局限,如音视频处理、AI集成等。本文探讨了传统微前端架构的不足,并提出了一种新的分层式微前端架构,通过展示层与业务层的分离及基于功能的横向拆分,以更好地适应现代前端需求。
|
24天前
|
JavaScript 前端开发 API
Vue.js:现代前端开发的强大框架
【10月更文挑战第11天】Vue.js:现代前端开发的强大框架
63 41
|
9天前
|
前端开发 JavaScript
Bootstrap Web 前端 UI 框架
Bootstrap 是快速开发 Web 应用程序的前端工具包。
23 3
|
15天前
|
JavaScript 前端开发 测试技术
前端全栈之路Deno篇(五):如何快速创建 WebSocket 服务端应用 + 客户端应用 - 可能是2025最佳的Websocket全栈实时应用框架
本文介绍了如何使用Deno 2.0快速构建WebSocket全栈应用,包括服务端和客户端的创建。通过一个简单的代码示例,展示了Deno在WebSocket实现中的便捷与强大,无需额外依赖,即可轻松搭建具备基本功能的WebSocket应用。Deno 2.0被认为是最佳的WebSocket全栈应用JS运行时,适合全栈开发者学习和使用。
|
15天前
|
缓存 前端开发 JavaScript
前端serverless探索之组件单独部署时,利用rxjs实现业务状态与vue-react-angular等框架的响应式状态映射
本文深入探讨了如何将RxJS与Vue、React、Angular三大前端框架进行集成,通过抽象出辅助方法`useRx`和`pushPipe`,实现跨框架的状态管理。具体介绍了各框架的响应式机制,展示了如何将RxJS的Observable对象转化为框架的响应式数据,并通过示例代码演示了使用方法。此外,还讨论了全局状态源与WebComponent的部署优化,以及一些实践中的改进点。这些方法不仅简化了异步编程,还提升了代码的可读性和可维护性。
|
16天前
|
前端开发 JavaScript 中间件
前端全栈之路Deno篇(四):Deno2.0如何快速创建http一个 restfulapi/静态文件托管应用及oak框架介绍
Deno 是由 Node.js 创始人 Ryan Dahl 开发的新一代 JavaScript 和 TypeScript 运行时,旨在解决 Node.js 的设计缺陷,具备更强的安全性和内置的 TypeScript 支持。本文介绍了如何使用 Deno 内置的 `Deno.serve` 快速创建 HTTP 服务,并详细讲解了 Oak 框架的安装和使用方法,包括中间件、路由和静态文件服务等功能。Deno 和 Oak 的结合使得创建 RESTful API 变得高效且简便,非常适合快速开发和部署现代 Web 应用程序。
|
21天前
|
前端开发 JavaScript 开发者
qiankun(乾坤)微前端框架简介
qiankun(乾坤)微前端框架简介
62 1
|
26天前
|
前端开发 JavaScript 开发者
探索现代Web前端技术:React框架入门
【10月更文挑战第9天】 探索现代Web前端技术:React框架入门
|
1月前
|
存储 前端开发 JavaScript
前端技术深度探索:从基础到现代框架的实践之旅
前端技术深度探索:从基础到现代框架的实践之旅
29 2