慈様や 前端学习导航👩🏻🚀🚀
✍忙里偷闲,来写一下Blog导航——
一直都想做这个,但因为前端的文章还没写多少,不够撑起来…就一直没写,
加上前两天天天加班、也没有🕐︎ 最近终于忙完了,趁着摸鱼的时间来梳理一下前端,还有未来更新的Demo
- 这个文章是为了方便管理、和查看个人的文档📃,所以存在会跨平台到其他地址…
- 绝对没有打广告嫌疑~~ 多多见谅拉,感谢关注🙏🙏 ————持续更新ing 🔃
前端三件套🌯
HTML、CSS、JS —— Web前端三件套,所有的框架最终都是编译成这三个在浏览器中执行;
HTML、CSS 虽然现在学的人不多、甚至AI一个照片可以生成大概、各种框架UI、组件库;
对于初学者确实没有必要深入: 个人觉得AI快时代、还有大环境需要先快速掌握;
而 JS 更是在最近几年突飞猛进、TypeScript
弱语言崛起了!!
这个真的躲不了而且很重要和复杂…
JavaScript 快速入门手册 总体来说学过其他语言、可以快速上手,但因为是弱语言,没有对象、类的概念;
所以:
JavaScript
对类、对象的创建、会很复杂:声明式——函数返回值——工厂模式——构造函数——原型链
这就是最痛苦的地方,目前很多文章、视频说的都一知半解、然后发现欸,还可以这样!! 😵😵
JavaScript新特性 ECMAScript —— ES6-9的一些新特性: 非常实用简介的新语法;
TypeScript
框架篇:Vue2 ✌
VueJS—— 本质也是一个JS的文件库类库,和远古的Jquery
一样,是为了更方便的操作页面交互;
基础准备:
没有接触过框架、直接看是直接懵的状态、但还能跟着官方文档修改一些、代码,现在框架都是模块化;
前端工程\模块化-CSDN博客 前端模块化技术的发展历史经历了多个阶段
Script标签,最简单粗暴的方式、对象命名空间、IIFE 闭包…
包管理工具、模块化是学习框架的基础阶段⏩
WebPack5.0 代码压缩和优化、NPM包管理 WebPack高级进阶
前后端交互的弯弯绕绕 Axios 快速上手: Ajax-回调地狱—Promise—AJax
懂个锤子Vue Vue的基础语法——双向绑定、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也挺好玩的;