前端

Vue.js 基础-02-模板语法(常用指令v-html/v-bind/v-if/v-model/v-on,插值,参数,修饰符,缩写)

@[toc] 前言: Vue.js 使用了基于 HTML 的模板语法,允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应系统,在应用状态改变时, Vue 能够智能地计算出重新渲染组件的最小代价并应用到 DOM 操作上。 1. 插值 1.1 插入文本 语法 使用 {{……}}

CSS基础-08-Display(隐藏元素 display:none,内联元素转块元素 display:inline,块元素 → 内联元素 display:block)

1. 隐藏元素 (display:none) 1.1 Display 作用: 隐藏某个元素,且该元素不占用空间。 示例 {display:none;} 1.2 和 Visibility比较 作用 隐藏某个元素,但该元素仍占用之前空间。 语法 visibility:hidden 2. 内联元素→ 块元素 (display:inline) 内联元素(行内元素) 语法 dis

(万字长文)Django数据库操作——ORM:数据交互显示前端网页

🌟 如果这篇文章触动了你的心弦,请不要吝啬你的支持!亲爱的读者,感谢你花时间阅读这篇分享。希望这里的每一个字都能为你带来启发或是让你会心一笑。如果你觉得这篇文章有价值,或者它解决了你一直以来的一个疑问,请给个赞吧 —— 这不仅是对我学习效果的认可,更是激励我继续前行的动力!而且&#xf

关于 Safari 100vh 的问题与解决方案

配图源自 Freepik 一、背景 最近在做一个移动端的 H5 项目,遇到了一个「有趣」的问题。假设有一页面布局如下: 下方 50px 悬浮于底部,采用 fixed 布局,示例如下: <div class="container"> <!-- height: 100vh - 50px --> <div class="page">&

【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典

半桔:个人主页  🔥 个人专栏: 《前端扫盲》《手撕面试算法》《C++从入门到入土》 🔖阻止了我的脚步的,并不是我所看见的东西,而是我所无法看见的那些东西。 ​《海上钢琴师》 文章目录 前言 一. CSS是什么 1.1 概念 1.2 基本语法 二. CSS如何引入H

技术文档画图工具箱

序 本文主要介绍一下撰写技术文档中可能会用的一些画图工具。这里主要分为两大派,一派是直接拖拽完成,一派是通过代码来完成 UI工具 主要有processon、draw.io、excalidraw、archimatetool、cloudcraft.co processon 架构图 截屏2022-04-01 上午11.41.50.png

VueX状态管理

✍目录总览: 一、VueX概念 1. VueX的概念 Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。 它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。 Vuex 的状态存储是响应式的。当 Vue 组件从 store 中读取状态的时候,若 store 中的状态发生变化,那么相应的组件也会相应地得到高效更新。 VueX里面

前端字符串缩写工具-abbreviate库使用指南

本文还有配套的精品资源,点击获取 简介:"abbreviate"是一个前端开源库,用于将长字符串缩写,便于在有限空间内显示更多信息。它遵循特定的调用约定,如 "r:abbreviate",并可能提供自定义长度、保留核心信息、智能处理、支持多种格式和可扩展性等特性。开发者可以

Spring Web MVC 入门秘籍:从概念到实践的快速通道(上)

个人主页:♡喜欢做梦欢迎  👍点赞  ➕关注  ❤️收藏  💬评论目录一、什么是Spring Web MVC?1.定义2.关于MVC2.1什么是MVC?二、学习Sring MVC1.项目准备2.@RestController注解的介绍3.@RequestMapping注解1.@RequestMappi