React
-
React|入门之我终于开始学 习啦最开始接触前端框架的时候,我选择了上手更快的 Vue;到目前为止基于 Vue 开发了几个项目,对于 Vue 原理也有了一定的了解,可以说是“熟练使用”了~🌝 最近项目不太忙,我终于…决定开始学 React 了!!!(搓手、激动、👋🏼)
⤴️ 入门路线:官网入门教程 + 选一本评价还行的 React 书籍 📚
开始前的准备概览一下 React 特点:【虚拟 DOM、状态、单向数据流、组件】
声明式的视图层 —— JSX,HTML 和 JS 的结合
简单的更新流程 —— 开发者只负责定义 UI 状态,React 负责渲染
灵活的渲染实现 —— 虚拟 DOM 可以结合其他库将其渲染到不同终端
高效的 DOM 操作 —— 虚拟 DOM
先启动一个 React 项目试试:
12345npm install -g create-react-app // 安装 create-react-app 脚手架create-react-app my-app // 创建项目 cd my-app/ npm start // 启动复制代码
启动有问题:chec ...
Pinia
介绍
什么是 Pinia?
为什么要使用 Pinia?
基本示例
为什么是 Pinia
一个更现实的例子
与 Vuex 的比较
RFC
与 Vuex 3.x/4.x 的比较
开始
核心概念
定义一个 Store
State
Getters
Actions
Plugins
Stores outside of components
服务端渲染 (SSR)
Vue and Vite
Nuxt.js
Cookbook
从 Vuex ≤4 迁移
更换热更新
测试
不使用 setup()
Composing Stores
从 v0/v1 迁移到 v2
介绍#Watch a free video lesson on Vue School
Pinia 最初是在 2019 年 11 月左右重新设计使用 Composition API 。从那时起,最初的原则仍然相同,但 Pinia 对 Vue 2 和 Vue 3 都有效,并且不需要您使用组合 API。 除了安装和 SSR 之外,两者的 API 都是相同的,并且这些文档针对 Vue 3,并在必要时提供有关 V ...
Git
01、认识一下Git!—简介Git是当前最先进、最主流的分布式版本控制系统,免费、开源!核心能力就是版本控制。再具体一点,就是面向代码文件的版本控制,代码的任何修改历史都会被记录管理起来,意味着可以恢复到到以前的任意时刻状态。支持跨区域多人协作编辑,是团队项目开发的必备基础,所以Git也就成了程序员的必备技能。
🟢主要特点:
开源免费,使用广泛。
强大的文档(代码)的历史版本管理,直接记录完整快照(完整内容,而非差异),支持回滚、对比。
分布式多人协作的的代码协同开发,几乎所有操作都是本地执行的,支持代码合并、代码同步。
简单易用的分支管理,支持高效的创建分支、合并分支。
Git是Linux之父被迫开发的,为了解决Linux混乱的代码管理而开发的。Linux和Git之父 李纳斯·托沃兹(Linus Benedic Torvalds),来自1969年的芬兰。
02、Git是干什么的?—基础概念先了解下Git的基本概念,及基本框架、工作流程。
2.1、Git概念汇总🔥
概念名称
描述
工作区(Workspace)
就是在电脑里能看到的代码库目录,是我们搬砖的地方,新 ...
Ts
-
ts保姆级教程,别再说你不会ts了什么是 TypeScript?TypeScript,简称 ts,是微软开发的一种静态的编程语言,它是 JavaScript 的超集。 那么它有什么特别之处呢?
简单来说,js 有的 ts 都有,所有js 代码都可以在 ts 里面运行。
ts 支持类型支持,ts = type +JavaScript。
那么 ts 和 js 有什么区别呢?
JavaScript 属于动态编程语言,而ts 属于静态编程语言。
js:边解释边执行,错误只有在运行的时候才能发现
ts:先编译再执行,在写的时候就会发现错误了(ts不能直接执行,需要先编译成 js )
ts 完全支持 js ,可以直接转换
ts 有类型支持,有强大的代码类型提示
相信大家现在对 ts 有一个基本的了解了,那么它应该怎么使用呢? 首先先做一些简单的准备工作:
下载一个全局的包
1234npm i -g typescript或者yarn global add typescript复制代码
打开cmd 输入命令 tsc -v 查看包是否下载成功当 cmd 输入指令 ...
Vue2
-
基础
安装
介绍
Vue.js 是什么
起步
声明式渲染
条件与循环
处理用户输入
组件化应用构建
与自定义元素的关系
准备好了吗?
Vue 实例
模板语法
计算属性和侦听器
Class 与 Style 绑定
条件渲染
列表渲染
事件处理
表单输入绑定
组件基础
深入了解组件
组件注册
Prop
自定义事件
插槽
动态组件 & 异步组件
处理边界情况
过渡 & 动画
进入/离开 & 列表过渡
状态过渡
可复用性 & 组合
混入
自定义指令
渲染函数 & JSX
插件
过滤器
工具
单文件组件
测试
TypeScript 支持
生产环境部署
规模化
路由
状态管理
服务端渲染
安全
内在
深入响应式原理
迁移
从 Vue 1.x 迁移
从 Vue Router 0.7.x 迁移
从 Vuex 0.6.x 迁移到 1.0
迁移至 Vue 2.7
更多
对比其他框架
加入 Vue.js 社区
认识团队
您正在浏览的是 Vue 2.x 的文档。Vu ...
Vue3
开始简介快速上手
基础创建一个应用模板语法响应式基础计算属性类与样式绑定条件渲染列表渲染事件处理表单输入绑定生命周期侦听器模板引用组件基础
深入组件注册Props事件组件 v-model透传 Attributes插槽依赖注入异步组件
逻辑复用组合式函数自定义指令插件
内置组件TransitionTransitionGroupKeepAliveTeleportSuspense
应用规模化单文件组件工具链路由状态管理测试服务端渲染 (SSR)
最佳实践生产部署性能优化无障碍访问安全
TypeScript总览TS 与组合式 APITS 与选项式 API
进阶主题你正在阅读的是 Vue 3 的文档!
Vue 2 将于 2023 年 12 月 31 日停止维护。详见 Vue 2 延长 LTS。
Vue 2 中文文档已迁移至 v2.cn.vuejs.org。
想从 Vue 2 升级?请参考迁移指南。
什么是 Vue?Vue (发音为 /vjuː/,类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript ...