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

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

✍忙里偷闲,来写一下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也挺好玩的;
相关推荐
懒大王95272 小时前
echarts+HTML 绘制3d地图,加载散点+散点点击事件
前端·html·echarts
陈皮话梅糖@4 小时前
使用 Provider 和 GetX 实现 Flutter 局部刷新的几个示例
开发语言·javascript·flutter
Yolo@~8 小时前
个人网站:基于html、css、js网页开发界面
javascript·css·html
斯~内克8 小时前
Electron 菜单系统深度解析:从基础到高级实践
前端·javascript·electron
数据知道8 小时前
【YAML】一文掌握 YAML 的详细用法(YAML 备忘速查)
前端·yaml
清风絮柳8 小时前
51. “闲转易”交易平台小程序(基于springboot&vue)
vue.js·spring boot·小程序·毕业设计·校园二手交易平台·二手交易小程序·闲转易交易系统
dr李四维8 小时前
vue生命周期、钩子以及跨域问题简介
前端·javascript·vue.js·websocket·跨域问题·vue生命周期·钩子函数
旭久8 小时前
react+antd中做一个外部按钮新增 表格内部本地新增一条数据并且支持编辑删除(无难度上手)
前端·javascript·react.js
windyrain8 小时前
ant design pro 模版简化工具
前端·react.js·ant design
浪遏8 小时前
我的远程实习(六) | 一个demo讲清Auth.js国外平台登录鉴权👈|nextjs
前端·面试·next.js