随笔分类 - WEB前端
摘要:以下是一个推荐的 Tailwind CSS 类书写顺序规范,按照功能和优先级进行分类整理,方便你在开发中作为笔记手册使用: 1. 布局相关 flex、inline-flex、grid、inline-grid:定义元素的布局方式 block、inline-block、inline、contents:定
阅读全文
摘要:在Web开发中,要实现浏览器跨标签页通信,通常有几种常见的方案可以选择: 使用LocalStorage或SessionStorage: 使用LocalStorage或SessionStorage可以在不同标签页之间共享数据。一个标签页对LocalStorage或SessionStorage的更改会被
阅读全文
摘要:Flex布局(Flexbox)是一种用于设计网页布局的现代CSS布局模型,它使得在容器中的子元素能够以弹性的方式布局和对齐。以下是Flex布局的一些重要概念和属性: Flex容器和Flex项目 Flex容器:通过设置容器的display属性为flex或inline-flex来创建Flex容器。Fle
阅读全文
摘要:安装Vite npm install vite@latest 或者 yarn create vite ## Vite安装React项目+TS 安装完 vite 之后,我们就可以使用 vite 来创建项目了,vite 为我们提供了很多模版,我们只需要选择我们需要的就可以了。我们可以在创建项目的时候在命
阅读全文
摘要:安装 # npm npm i create-react-app -g #yarn yarn add global create-react-app
阅读全文
摘要:路由的概念来源于服务端,在服务端中路由描述的是 URL与处理函数之间的映射关系,当然也会处理不同的URL来展示不同 的视图界面。 随着Ajax的盛行,无刷新交互成为了当下的主流,我们更希望在无刷新的情况下完成不同URL来展示不同的视图界面,即在一 个页面中完成路由的切换(俗称:单页面应用开发SPA)
阅读全文
摘要:Vuex及Vue组件通信 Vuex是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证 状态以一种可预测的方式发生变化。 通俗点说就是不用考虑组件之间的嵌套关系(例如:父子、祖孙、兄弟等),就可以让组件之间进行互相通信。 组件五把
阅读全文
摘要:Vue.js 提供了两种主要的 API 风格:选项式 API(Options API)和组合式 API(Composition API)。这两种 API 风格可以用来编写 Vue 组件,但它们在组织代码、复用逻辑和组件结构等方面有不同的方式。 选项式 API 是 Vue.js 最早引入的 API 风
阅读全文
摘要:前端课程推荐 入门到实战 前端必学 40个精选案例实战 一课吃透HTML5+CSS3+JS 吃透前端工程化,大厂级实战项目以战带练
阅读全文
摘要:教程推荐 平台慕课网 博主正在创建网站,招募一批前端+Laravel开发的自学团队,无偿提供大量课程,前期当徒弟后期当同事未来希望是合作者。欢迎参观:ihopeso.cn 博主自己搭建的免费chatgpt3.5(每月续费),4.0key贵没上,主要当前学习用不到。推荐给看到的有缘人使用,反正也没啥流
阅读全文
摘要:教程推荐(不定时更新) 平台:慕课网 Vue.js 源码深入解析 深入理解Vue实现原理
阅读全文
浙公网安备 33010602011771号