慈様や 前端学习导航👩🏻🚀🚀
✍忙里偷闲,来写一下Blog导航------
一直都想做这个,但因为前端的文章还没写多少,不够撑起来....就一直没写,
加上前两天天天加班、也没有🕐︎ 最近终于忙完了,趁着摸鱼的时间来梳理一下前端,还有未来更新的Demo
- 这个文章是为了方便管理、和查看个人的文档📃,因为会发多平台,所以会跨平台到其他地址...
- 绝对没有打广告嫌疑~~ 多多见谅拉,感谢关注🙏🙏 ------------持续更新ing 🔃
前端三件套🌯
HTML、CSS、JS ------ Web前端三件套,所有的框架最终都是编译成这个在浏览器中执行
HTML、CSS 虽然现在学的人不多、甚至AI一个照片可以生成大概、各种框架UI、组件库;
对于初学者确实没有必要深入: 个人觉得AI快时代、还有大环境需要先快速掌握;
而 JS 更是在最近几年突飞猛进、TypeScript
弱语言崛起了!!
这个真的躲不了而且很重要和复杂...
-
JavaScript 快速入门手册 总体来说学过其他语言、可以快速上手,因为是弱语言,没有对象、类概念
所以:
JavaScript
对类、对象的创建、会很复杂:声明式------函数返回值------工厂模式------构造函数------原型链
这就是最痛苦的地方,目前很多文章、视频说的都一知半解 😵😵
-
JavaScript新特性 ECMAScript ------ ES6-9的一些新特性: 非常实用简洁的新语法;
框架篇: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的模板语言、插槽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也挺好玩的;