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

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

✍忙里偷闲,来写一下Blog导航------

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

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

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

前端三件套🌯

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

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

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

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

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

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

    所以:JavaScript 对类、对象的创建、会很复杂:

    声明式------函数返回值------工厂模式------构造函数------原型链

    这就是最痛苦的地方,目前很多文章、视频说的都一知半解 😵😵

  • JavaScript新特性 ECMAScript ------ ES6-9的一些新特性: 非常实用简洁的新语法;

框架篇:Vue2 ✌

VueJS------ 本质也是一个JS的文件库类库,

和远古的Jquery 一样,是为了更方便的操作页面交互;

基础准备:

没有接触过框架、直接看是直接懵的状态、但还能跟着官方文档修改一些、代码,

现在框架都是模块化;

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

懂个锤子Vue Vue的基础语法------双向绑定、v-ifv-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

Node + 服务开发💻

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

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

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

😶 other 其他

专栏导航🔗

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

  • 即使公司已经有UI、但还是有时候需要自己去切图、PNG---没有背景颜色,而且PS也挺好玩的;
相关推荐
LuckyLay41 分钟前
Vue百日学习计划Day9-15天详细计划-Gemini版
前端·vue.js·学习
weifont5 小时前
聊一聊Electron中Chromium多进程架构
javascript·架构·electron
大得3695 小时前
electron结合vue,直接访问静态文件如何跳转访问路径
javascript·vue.js·electron
水银嘻嘻7 小时前
12 web 自动化之基于关键字+数据驱动-反射自动化框架搭建
运维·前端·自动化
it_remember7 小时前
新建一个reactnative 0.72.0的项目
javascript·react native·react.js
小嘟嚷ovo7 小时前
h5,原生html,echarts关系网实现
前端·html·echarts
十一吖i8 小时前
Vue3项目使用ElDrawer后select方法不生效
前端
只可远观8 小时前
Flutter目录结构介绍、入口、Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件
前端·flutter
周胡杰8 小时前
组件导航 (HMRouter)+flutter项目搭建-混合开发+分栏效果
前端·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
敲代码的小吉米8 小时前
前端上传el-upload、原生input本地文件pdf格式(纯前端预览本地文件不走后端接口)
前端·javascript·pdf·状态模式