慈様や 前端学习导航‍

慈様や 前端学习导航👩🏻‍🚀🚀

✍忙里偷闲，来写一下Blog导航——

一直都想做这个，但因为前端的文章还没写多少，不够撑起来…就一直没写，

加上前两天天天加班、也没有🕐︎最近终于忙完了，趁着摸鱼的时间来梳理一下前端，还有未来更新的Demo

• 这个文章是为了方便管理、和查看个人的文档📃，所以存在会跨平台到其他地址…
• 绝对没有打广告嫌疑~~多多见谅拉，感谢关注🙏🙏————持续更新ing 🔃

前端三件套🌯

HTML、CSS、JS —— Web前端三件套，所有的框架最终都是编译成这三个在浏览器中执行；

HTML、CSS 虽然现在学的人不多、甚至AI一个照片可以生成大概、各种框架UI、组件库；

对于初学者确实没有必要深入：个人觉得AI快时代、还有大环境需要先快速掌握；

而 JS 更是在最近几年突飞猛进、TypeScript弱语言崛起了！！

这个真的躲不了而且很重要和复杂…

• JavaScript 快速入门手册 总体来说学过其他语言、可以快速上手，但因为是弱语言，没有对象、类的概念；

  所以：JavaScript对类、对象的创建、会很复杂：声明式——函数返回值——工厂模式——构造函数——原型链

  这就是最痛苦的地方，目前很多文章、视频说的都一知半解、然后发现欸，还可以这样！！😵😵

• JavaScript新特性ECMAScript —— ES6-9的一些新特性：非常实用简介的新语法；

TypeScript

• TypeScript w字入门文档TypeScript

框架篇：Vue2 ✌

VueJS——本质也是一个JS的文件库类库，和远古的Jquery一样，是为了更方便的操作页面交互；

基础准备：

没有接触过框架、直接看是直接懵的状态、但还能跟着官方文档修改一些、代码，现在框架都是模块化；

• 前端工程\模块化-CSDN博客前端模块化技术的发展历史经历了多个阶段

  Script标签，最简单粗暴的方式、对象命名空间、IIFE 闭包…

  包管理工具、模块化是学习框架的基础阶段⏩

• WebPack5.0代码压缩和优化、NPM包管理WebPack高级进阶

前后端交互的弯弯绕绕Axios 快速上手：Ajax-回调地狱—Promise—AJax

懂个锤子VueVue的基础语法——双向绑定、v-if、v-show是真的很方便省心；

懂个锤子Vue 生命周期 ：创建前-创建-挂载前-挂载-更新前-更新-销毁前-销毁的一个过程；

懂个锤子Vue 项目工程化进阶⏫ 创建Vue工程、Vue页面模块化——父子组件通信；懂个锤子Vue 项目工程化扩展

懂个锤子Vue 自定义指定、插槽：允许开发者扩展Vue的模板语言、插槽Slot是组件化开发中的一个核心特性

懂个锤子Vue VueRouter路由深入浅出 、 懂个锤子Vue VueRouter案例篇 单页面应用程序 SPA、多页面应用程序 MPA

• Vue Router允许开发者定义不同的URL路径，并将这些路径与特定的Vue组件关联起来：
• 当用户导航到一个新的URL时，不是加载整个新页面，而是动态地替换当前视图中的内容，展示与新URL相关联的组件；

Vuex 深入浅出超详细、 Vuex模块化 深入浅出超详细 Vuex 是一个专为 Vue.js 应用程序设计的状态管理库，

它提供了一种集中式管理应用中的状态；状态管理模式：它让组件的状态(数据)，管理变得集中、有序，

便于在整个应用中，共享和维护数据；集中式存储集中到一个单一的存储对象中，使得统一管理

Vue2.0 项目实战篇-学不会算我的 、Vue2.0 项目实战篇\部署篇

一口气速通Vue3.0_vue3速通Vue3的最新语法…Setup

• 还不了解 Pinia 状态管理库⁉️Vuex 类似的状态管理库

• Vue3 大事件管理系统整合ElmentUI关于ElmentUI 可以去官网多复制一下学习了解；

Node + 服务开发💻

现在大部分的框架——包管理工具——也是基于Node进行运行开发的；

邂逅Node.JS的那一夜 介绍Node 基础语法模块，而NodeJS的强大，相当与一个服务端JS运行环境；

Node.js提供了一系列的库和工具，它扩展了 JavaScript 的用途，使得开发者能够编写服务器端应用程序；

😶 other 其他

专栏导航🔗

听说前端都是切图仔，所以学了PS最开始以为是一个梗，后来发现是真的；

• 即使公司已经有UI、但还是有时候需要自己去切图、PNG—没有背景颜色，而且PS也挺好玩的；