杰人编程网

杰人编程网

文章教程

网站建设中使用CSS来实现自适应屏幕大小

jieren365 0 6 次浏览 文章教程

本篇文章主要介绍下如何使网站自适应屏幕的大小。其实，这个问题并不是很难做，可以使用CSS来实现。具体操作实例小编在下面已经写出来了：css 代码如下：#change-color {width:300px;height:300px;margin:50px auto;background:red;}这个很简单，大家都能想象出来是一个多么枯燥的页面，一个 300 …

CSS中px, vw, vh单位（css单位rem）

jieren365 0 6 次浏览 文章教程

1. 关于pxpx想必大多数人都知道是像素pixel的缩写, px也就是以像素为单位.2. 关于 vw 和 vh2.1 关于 视口(Viewport)讲到vw和vh, 它们在CSS3规范中都是视口单位(Viewport units), 所以要先明白什么是视口?在PC端, 视口指的是在PC端, 指的是浏览器的可视区域;而在移动端, 它涉及3个视口: Layou …

vue.js 改变width（vue3.0改变）

jieren365 0 7 次浏览 文章教程

在Vue.js中，我们可以通过绑定样式来改变元素的宽度。要确保宽度不少于300像素，我们可以使用计算属性来动态计算宽度的值。首先，在Vue实例的data对象中添加一个变量来存储宽度的值，例如`width`：```javascriptdata() {return {width: 300}}```然后，在模板中绑定样式并使用计算属性来计算宽度的值：```html …

Canvas学习笔记 | 文本操作（canvas绘制文本）

jieren365 0 7 次浏览 文章教程

#头条创作挑战赛#简介在Canvas中，文本操作的常用方法有：方法说明fillText()绘制实心文本strokeText()绘制空心文本measureText()获取文本长度在Canvas中，文本操作的常用属性有：方法说明font定义文本字体样式textAlign定义文本水平对齐方式textBaseline定义文本垂直对齐方式fillStyle定义实心文本 …

90%不知道的css常识:元素纵向百分比是相对于宽度不是高度

jieren365 0 8 次浏览 文章教程

我调查了身边五六年经验以上的几个前端同学和同事，尽然发现绝大部分人都不知道，当然，在看到这个文章之前，我也不知道这个，平时虽然都一直在做web前端开发，但真没涉及到这块，或者说涉及到了，也解决了，但是还真没探究过这个问题，你是否躺枪了呢？这是一个很让人困惑的CSS特征，我之前也谈到过它。我们大家都知道，当按百分比设定一个元素的宽度时，它是相对于父容器的宽度计 …

第三章:组件开发实战 - 第三节 - Tailwind CSS 动画和过渡效果

jieren365 0 8 次浏览 文章教程

在现代 Web 应用中，合理使用动画和过渡效果可以大大提升用户体验。Tailwind CSS 提供了丰富的动画和过渡工具类，让我们能够轻松实现各种交互效果。本节将详细介绍如何在项目中运用这些特性。过渡效果基础基础过渡属性Tailwind CSS 提供了几个核心的过渡工具类：悬浮上移效果核心类说明：transition-{property}: 指定要添加过渡效 …

一款 Js 动画库，简单几行代码就能写出丝滑流畅、高性能的动画效果

jieren365 0 7 次浏览 文章教程

使用简单，但做出来的动画非常丝滑，也能实现很多专业的动画效果，推荐给大家。关于 GSAPGSAP 的全名是 GreenSock Animation Platform，项目诞生非常早，远在 flash 繁荣的时代就存在，一直发展到今天已经是 3.x 版本，这是一个适用于现代浏览器的专业动画库，让开发者通过简单的调用，就能够做出看起来非常复杂而又丝滑高级动画效果 …