css响应式viewport 第6页

2024年刚刚翻新前端vue面试题

指令：用于更新标签包含的文本，它的作用跟双大括号效果是一样的v-html指令：绑定一些包含html代码的数据在视图上v-show指令：指令的取值为true/false，分别对应着显示/隐藏，改变的是元素css

江湖二哥·2024-09-06 00:14

Web前端最新2024 跳槽涨薪必不可少面试通关宝典 —— css 篇(1)，Web前端面试题初级

结尾正式学习前端大概3年多了，很早就想整理这个书单了，因为常常会有朋友问，前端该如何学习，学习前端该看哪些书，我就讲讲我学习的道路中看的一些书，虽然整理的书不多，但是每一本都是那种看一本就秒不绝口的感觉。以下大部分是我看过的，或者说身边的人推荐的书籍，每一本我都有些相关的推荐语，如果你有看到更好的书欢迎推荐呀。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】取消盒子的

2401_84433769·2024-09-05 23:38

【CSS】CSS之&旋转&动画

目录iconfont图标的使用进入https://www.iconfont.cn位移旋转转换原点缩放位移&旋转&缩放注意点渐变色动画关键帧鼠标经过暂停逐帧动画多组动画多组动画iconfont图标的使用进入https://www.iconfont.cn添加完成iconfont图标之后点击添加至项目，在项目中就可以看到添加的图标常用的有三种方法，第一种下载至本地第二种生成在线代码复制到相应的文件内第三

Pixel0216·2024-09-05 20:18

CSS选择器的命名规范

前端_小智·2024-09-05 20:17

css不换行省略号没作用,flex布局下，css设置文本不换行时，省略号不显示的解决办法...

大致是有一个main容器是flex布局，左边一个logo固定宽高，右边content动态宽度。anameainfoLoremipsumdolorsitamet,consecteturadipiscingelit,seddoeiusmodtemporincididuntutlaboreetdoloremagnaaliqua.Utenimadminimveniam,quisnostrudexercit

weixin_39779739·2024-09-05 20:47

CSS选择器

目录1、基本选择器1）标签选择器2）id选择器3）类选择器4）通配选择器2、交集选择器3、派生选择器1）后代选择器2）子元素选择器3）兄弟选择器4）邻居选择器4、属性选择器1）简单属性选择器2)具体属性选择器3）子串属性选择器5、伪类选择器1):first-child和：last-child2):nth-child(n)3）状态伪类6、伪元素选择器7、结构伪类选择器1、:root2、:not3、:

Mr.蔬菜·2024-09-05 20:45

在css中选择器失效问题解决方法

今天写前台的时候发现一个问题，我的css文件中id选择器失效了，前台页面F12控制台中也没有对应的css内容，很是奇怪，内容是这样的：html文件中：css文件中：前台：那，真的是空空如也哈，后来找了下资料

星星也会数人类嘛·2024-09-05 20:15

css常见选择器

CSS是什么？CSS,即层叠样式表(CascadingStyleSheets)，能够对网页中元素位置的排版进行像素级精确控制,实现美化页面的效果.能够做到页面的样式和结构分离。

灵魂清零·2024-09-05 19:42

CSS前端学习（online tuorials）

index.htmlDocument憨憨憨憨憨程序员学的前端例子~憨憨憨憨憨程序员学的前端例子~//监听鼠标移动事件，当鼠标在页面上移动时，触发parallax函数document.addEventListener('mousemove',parallax);//定义一个名为parallax的函数，用于处理视差效果functionparallax(e){//使用querySelectorAll选择

憨憨憨憨憨到不行的程序员·2024-09-05 19:11

纯CSS实现图片预加载效果

不要再受Javascript预载的束缚了吧，用CSS你就可以毫不麻烦的预载你的图片。为什么使用预载你为什么会考虑使用预载呢？

load_life·2024-09-05 19:11

JavaScript常用前端框架和库浅谈_前端框架设计-js

Vue.js的核心概念包括组件、指令和响应式数据等。Vue.js还提供了一种称为VueRouter的路由管理工具和Vuex状态管理库。

2401_84435885·2024-09-05 18:06

前端练习小项目——视觉冲击卡片

前言：前言：在学习完HTML和CSS之后，我们就可以开始做一些小项目了，本篇文章所讲的小项目为——视觉冲击卡片✨✨✨这里是秋刀鱼不做梦的BLOG✨✨✨想要了解更多内容可以访问我的主页秋刀鱼不做梦-CSDN

秋刀鱼不做梦·2024-09-05 18:05

CSS前端学习（online tuorials）旋转动画

index.htmlcourse2style.css*{margin:0;padding:0;box-sizing:border-box;}body{display:flex;justify-content

憨憨憨憨憨到不行的程序员·2024-09-05 18:04

认识H5标签和CSS3新特性

https://developer.mozilla.org/zh-CN/docs/web/guide/HTML/HTMLHTML5新标签语义化标签视频标签音频标签input新标签及新属性CSS3新选择器属性选择器结构伪类选择器此前学习过的

8c2e58e492bd·2024-09-05 17:51

【vue3】探讨为什么ref()换为reactive()数据不再是响应式？

原问题：本来想使用数组中的filter方法，原来用的是lettableData=ref([])然后发现Ref上不再filter属性，所以就换成了lettableData=reactive([])但是这样有了一个新问题就是：数据加载不出来了，代码如下//获取文章列表数据lettableData=reactive([])functiongetArt(){getArticles().then((resp

逆旅行天涯·2024-09-05 17:26

vue2的缺陷

数组的部分操作没有响应式push()，pop()，shift()，unshift()，splice()，sort()，reverse()因为这7个api会修改原数组,换句话来说,只要不修改原数组的api

nz一只肥猫·2024-09-05 17:52

vue3缺陷

Vue3的一些缺陷包括：1.兼容性问题：由于Vue3使用了新的响应式系统，与Vue2的代码不兼容。这意味着在迁移现有项目时需要进行一些改动。

不知名的小Q·2024-09-05 15:47

nginx 解决vue打包后显示404静态图片无法显示的问题

//刷新后显示404location/{try_files$uri$uri//index.html;}//静态图片或者cssjs文件目录location/assets/{root/assets;}

初遇你时动了情·2024-09-05 15:44

前端之CSS布局

一、前言我们来继续更新CSS的内容，往期的内容可以到前端专栏里去看，也可以点下面的链接HTML常用内容：https://blog.csdn.net/AWSDN/article/details/136112174spm

Violet永存·2024-09-05 14:08

linux的webkit桌面应用,使用node-webkit构建桌面应用程序

借助HTML5+CSS3的普及，加上一些开箱即用的CSS框架(如bootstrap，foundation等)支持，人们已经可以非常

萌萌爱恋·2024-09-05 12:26

规则7 — 避免 CSS 表达式

CSS表达式的问题在于对其进行求值的频率比人们期望的要高，它们不止在页面呈现和大小改变时求值，当页面滚动、甚至用户鼠标在页面上移动时都要求值。

__越过山丘__·2024-09-05 12:58

Ajax实现一个简单的文件上传进度条

1.HTML代码文件名：2.CSS样式.progress-div{width:100%;height:20px;background-color:#ffffff;}#progress{height:20px

niceLiuSir·2024-09-05 12:54

Vue3 中的响应式系统：深入理解 Proxy API

在Vue3中，响应式系统的核心是通过使用ES6中的ProxyAPI来创建数据的代理，从而拦截对象属性的读取和设置操作。这使得框架可以在属性被访问或修改时执行额外的操作，例如触发视图更新。

Rverdoser·2024-09-05 11:51

《Vue 3 中的 Pinia：全面解析与使用教程》

它使得状态管理更加直观，同时保留了响应式和开发者工具的调试支持。为什么选择Pinia？轻量灵活：相比Vuex，Pinia更加轻量化，代码更简洁，并且API更加直观易用。

NMY112·2024-09-05 10:43

jun778895·2024-09-05 10:10

1.4 State -- useStorage

1.4State–useStoragehttps://vueuse.org/core/useStorage/作用创建一个能访问和修改LocalStorageorSessionStorage的响应式变量。

weixin_mouren·2024-09-05 09:05

前端之路，与大师同行：不容错过的技术大牛博客精选

以下是一些具体的建议：（一）前端程序员应该如何提升自己一、技术能力的提升深入学习基础技术：HTML、CSS、JavaScript：作为前端开发的基础，必须深入理解和掌握。

芭拉拉小魔仙·2024-09-05 08:55

vue中的watch和$watch的用法实际场景和区别

watch（组件选项）watch是Vue组件的一个选项，它允许你定义一些监听器，这些监听器会在组件的响应式数据变化时调用。它主要用于组件内部的数据监听。

肖肖肖丽珠·2024-09-05 05:39

实现带有弧度的左右边角

像这样的圆角要怎么实现从结构上来看是用before和after来实现的对激活项进行设置一个定位对before进行一个相对定位放在左下角重点就在于这个背景css的设置进行一个圆形的渐变把圆心定在左上角这个圆形的背景就是透明的剩下的就是这个

kilito_01·2024-09-05 05:38

PWA（Progressive Web App，渐进式网络应用）

响应式设计：适应不同的屏幕尺寸和设备类型。离线工作：利用ServiceWorkers技术，可以在离线或网络不稳定

秋夫人·2024-09-05 04:59

CSS和SCSS有什么区别？

我非常了解CSS，但是对Sass感到困惑。SCSS与CSS有什么不同？如果我使用SCSS而不是CSS，它会一样工作吗？.css萨斯—Urvi_204来源4SCSS是CSS的超集。

上河雨滴·2024-09-05 02:15

scss和css区别

SCSS和CSS是类似的技术，SCSS是一个CSS预处理器，可以看作是一种特殊的CSS语法。它可以通过提供一些附加功能和特性，使得开发者在编写CSS样式时更加方便和高效。

m0_63835647·2024-09-05 01:13

其他面试题

组件生命周期二、条件编译在工具中，打if出现的条件编译例如：这是h5端性能优化面试题一、加载优化1.http请求能不能减少（能不能合并）2.图片的雪碧图3.script标签位置4.link标签（css

奈何我是个菜鸡·2024-09-05 01:43

2019-06-01课后作业

HTML20190531作业CSS.bth:link{display:block;width:42px;height:30px;background-image:url(img/4.png);background-repeat

三腿M·2024-09-05 00:22

jquery swiper插件的用法

它支持触摸滑动、响应式设计、循环滑动、分页器、滚动条等多种功能，非常适合用于轮播图、滑块导航等场景。以下是一个详细的Swiper插件教程及案例介绍。二、加载插件首先加载插件，需要用到的

A_aspectJ项目开发·2024-09-04 23:32

css实现瀑布流布局

瀑布流布局也可以通过纯CSS来实现，使用CSS的column属性可以实现多列布局。

茶卡盐佑星_·2024-09-04 23:58

Open WebUI官方库：解锁人工智能服务的官方通道

OpenWebUI的特点包括直观且响应式的用户界面、快速响应的性能、全面的Markdown和LaTeX支持、本地RA

黑金IT·2024-09-04 22:55

CSS 与 SCSS 区别

前言在学习前端开发的时候，看见很多代码都是定义样式的时候，都是用.scss格式为什么采用这种格式，为什么还可以定义这种关键字（!important等等）。

HiCheer-O·2024-09-04 22:25

CSS和SCSS之间的区别

CSS是用于网页开发的样式语言。它可以帮助设计师为网页设置样式，使其更具吸引力。CSS是Web开发三个基本部分之一，其他两个是JavaScript和HTML。

ac-er8888·2024-09-04 22:53

探索 CSS、Sass 和 SCSS：区别与应用

在前端开发中，样式设计是不可或缺的一部分，而CSS（CascadingStyleSheets）、Sass（SyntacticallyAwesomeStylesheets）和SCSS（SassyCSS）是其中最常用的三种工具

ptw-cwl·2024-09-04 22:23

CSS学习1

CSS前言一、类选择器二、id选择器三、通配符选择器四、伪类选择器1.链接伪类选择器2.结构（位置）伪类选择器3.目标伪类选择器前言CSS：层叠样式表样式规则：选择器{属性：值；属性：值；}一、类选择器类选择器

乌鸦不像写字台·2024-09-04 22:53

scss 和css 的区别 scss变量和css变量的区别

scss和css的区别语法差异：CSS使用大括号{}和分号;来定义样式规则和属性。SCSS使用了Sass的语法，它允许使用类似编程语言的结构，如变量、嵌套规则、混合（mixins）和继承等。

我有一棵树·2024-09-04 21:50

css改变鼠标样式

要在网页上改变鼠标的样式，你可以使用CSS的cursor属性。这个属性允许你为网页上的不同元素设置不同的鼠标指针样式。

李是啥也不会·2024-09-04 21:48

css中设定长度的例外情况

看下面的例子：div{font-size:40px;width:10em;/*400px*/height:10em;border:solid1pxblack;}p{font-size:0.5em;/*20px*/width:10em;/*200px*/height:10em;border:solid1pxred;}span{font-size:0.5em;width:10em;height:10e

2301_79698214·2024-09-04 21:17

CSS3换装达人原理

引言换装或者是换皮肤是常见的行为，我们可以先看下效果：选择不同的颜色，就可以秒变人物服装的颜色，原理其实非常简单实现步骤主要分为三步，即素材的提供、布局样式、动态控制图片提供提供两张图片，一张人物图片，一张除衣服外其余透明的图片布局和样式布局主要是元素的定位，两张图片的叠加，需要用到相对定位和绝对定位/**底图（人物）*/.person{width:256px;height:512px;backg

Jinuss·2024-09-04 21:16

uniapp css样式盒子上面的箭头样式

在uniapp中，要创建一个盒子上面的箭头样式，可以使用CSS的伪元素::after或::before来实现。以下是一个简单的例子，展示了如何使用CSS创建一个向上的箭头。

m0_69254007·2024-09-04 19:36

css spacing设置间距

word-spacing属性用于设置单词之间的间距。它只影响英文单词之间的间距，对中文无效。例如，设置word-spacing:30px;将在每个单词之间增加30像素的间距。这个属性可以增加或减少字与字之间的空白，并且允许负值，即减少字与字之间的间距。letter-spacing属性用于设置字母之间的间距，适用于中文和英文。例如，设置letter-spacing:10px;将在每个字母之间增加10

时间不说谎·2024-09-04 18:32

css radius

在css中，radius属性用于设置元素角落的圆角半径，以创建更美观的现代化外观。属性值包含绝对长度或百分比，或继承父元素的半径。

时间不说谎·2024-09-04 18:02

记录一下CSS中calc()函数的坑

记录一下CSS中calc()函数的坑calc()中的运算符号前后必须加上空格。calc()中除法的右边必须为数字，不能带单位。在乘法中，至少有一个参数必须是数字。

JoshuaLi_·2024-09-04 18:00

css3属性linear-gradient兼容ie9问题

1.在vue-cli构建的商城项目中发现background-image:linear-gradient(toright,#ff0067,#ff5698);在ie9中失效，无法显示任何内容。解决方案：IE可以依靠滤镜实现渐变。startColorstr表示起点的颜色，endColorstr表示终点颜色。GradientType表示渐变类型，0为缺省值，表示垂直渐变，1表示水平渐变。filter:p

曲米茶·2024-09-04 18:44

推荐频道

css响应式viewport