技术栈
响应式设计
wswmsword
21 天前
前端
·
响应式设计
·
postcss
·
移动端适配
·
浏览器适配
增强 vw/rem 移动端适配，适配宽屏、桌面端、三折屏
vw 和 rem 是两个神奇的 CSS 长度单位，认识它们之前，我一度认为招聘广告上的“像素级还原”是一种超能力，我想具备这种能力的人，一定专业过硬、有一双高分辨率的深邃大眼睛。
安冬的码畜日常
1 个月前
前端
·
css
·
css3
·
html5
·
响应式设计
·
meta标签
【CSS in Depth 2 精译_046】7.1 CSS 响应式设计中的移动端优先设计原则（下）
当前内容所在位置（可进入专栏查看其他译好的章节内容）《CSS in Depth》新版封面译者按 何谓经典著作？大概就是在阅读过程中，可以深切感受到作者对所讲内容的如数家珍、倾囊相授；通过把每个细节掰开了揉碎了演示出来，手把手地教你怎么去理解某个知识点，生怕读者看不懂。就比如这本再版的《CSS in Depth》。
安冬的码畜日常
2 个月前
前端
·
css
·
css3
·
html5
·
响应式设计
·
响应式
【CSS in Depth 2 精译_044】第七章 响应式设计概述
当前内容所在位置（可进入专栏查看其他译好的章节内容）《CSS in Depth》新版封面译者按 继上一章学完 CSS 定位与堆叠上下文相关的知识后，本章来到全书第二篇（涵盖第 4 ~ 7 章内容）的最后一章——响应式设计。由于篇幅原因，开篇概述并没有和 7.1 节合并到一起。下一篇将重点展开响应式设计三大原则的第一大原则：移动端优先设计原则。本节先来看看响应式设计的相关背景知识，也算是给大家预热预热。前面知识点还有薄弱环节的，也可以利用我上面给出的各章节完整目录，对照梳理一下，及时查漏补缺。一切准备就绪后
zxhnext
2 个月前
前端
·
vue.js
·
响应式设计
如何实现一个动态表单
在开发表单时常见的有两种做法：一种是通过配置代码的方式，而另一种则是通过组件组合的方式。通过配置代码生成的表单，我们称之为动态表单（Dynamic Form），而通过组件组合生成的表单，我们称之为普通表单。
一条晒干的咸魚
2 个月前
前端
·
css
·
html
·
css3
·
响应式设计
·
媒体查询
响应式CSS 媒体查询——WEB开发系列39
CSS媒体查询（Media Queries）是响应式设计中的核心技术之一，帮助我们在不同设备上展示不同的样式。通过媒体查询，开发者可以检测用户设备的特性，如屏幕宽度、高度、分辨率、方向等，针对性地调整网页布局。
秋窗7
3 个月前
前端
·
bootstrap
·
html
·
响应式设计
·
响应式布局
关于使用Bootstrap实现响应式设计的一些感想
最近在写一个项目，要求使用响应式设计，这可让我十分头疼，又要临时学一下bootstrap，一路学下来，不能说是收获满满，但也是有一些心得体会，于是在此记录。
Bigger
4 个月前
前端
·
react.js
·
响应式设计
如何让 localStorage 存储变为响应式
项目上有个更改时区的全局组件，同时还有一个可以更改时区的局部组件，想让更改时区的时候能联动起来，实时响应起来。
wxp686
4 个月前
vue.js
·
响应式设计
·
数据可视化
屏幕适配方案——详细完整版
适用框架：Vue2/Vue3适用设备：pc端/移动端适配策略：动态rem+动态scale方案效果：可让页面在不同屏幕下、放大缩小时保持页面不变形
F_ToDo
5 个月前
前端
·
vue.js
·
响应式设计
干货！vue的指令学习
前面我们已经讲了如何用vite脚手架创建一个vue项目，以及介绍了一下一个vue项目的基本结构。了解了这些就相当于我们已经有了vue的入场券，接下来我们只需要更深入的了解下vue里面的一些API了，让我们可以在这个vue大舞台尽情的表演。
Amd794
5 个月前
响应式设计
·
前端开发
·
用户体验
·
代码优化
·
tailwind css
·
移动优先
·
网站布局
Tailwind CSS 响应式设计实战指南
title: Tailwind CSS 响应式设计实战指南 date: 2024/6/13 updated: 2024/6/13 author: cmdragon
小鱼默默学习
6 个月前
vue.js
·
设计模式
·
响应式设计
vue3[setup]父组件传递子组件数据同步更新四种方法以及性能分析
既然父组件传递的值是由props接收，那么直接使用props变量就好了。缺点：代码会很杂乱，容易堆史山。
Mh
7 个月前
前端
·
css
·
响应式设计
面试官：「弹性盒布局」
弹性盒布局全称为“Flexible Box Layout”，又叫flex布局。相对于传统布局来说，flex布局有以下几点优势：
易极赞自助建站
7 个月前
前端
·
响应式设计
六个WordPress常见问题，如何优化wordpress性能，如何提升wordpress的加载速度
企业创建自己的网站的需求比以往任何时候都更高。问题是大多数企业主没有时间从头开始建立网站，更不用说学习编码了。这就是网站建设工具的用武之地。
Huang兄
8 个月前
前端
·
flutter
·
响应式设计
Riverpod2.x 中的修饰符和注解
原文来自：codewithandrea.com/articles/fl…在上一篇中，我们使用了 ref.read和 ref.watch，那么这两者在什么情况下使用？ 一般来讲，如果需要在Provider 值发生改变时更新依赖它的 widget，就使用 watch。比如 我们在 build 函数中使用watch,这确保了如果提供者的值发生更改，我们会重建依赖它的widget.
米奇律师
8 个月前
android
·
设计模式
·
响应式设计
在Compose中用函数式编程搭建MVI逻辑层【长图文】
这是一篇试验性图文，建议使用PC阅读，移动端用户可以拉到最下面阅读文字纯享版。感谢阅读，如果佬们对这种形式感兴趣可以多多点赞。
又想摸鱼又想卷
9 个月前
前端
·
响应式设计
关于适配的常用方案
由于公司最近有写官网的需求，于是我捡起了很久不用的css准备开整，针对不同设备的适配问题，用了两种常见的解决方案：
Amd794
9 个月前
开发工具
·
响应式设计
·
用户体验
·
占位图片
·
测试辅助
·
设计效率
·
尺寸自定义
自由生成各种尺寸大小的占位图片：解决设计与开发中的图片占位问题
title: 自由生成各种尺寸大小的占位图片：解决设计与开发中的图片占位问题 date: 2024/2/28 20:29:11 updated: 2024/2/28 20:29:11 tags:
天行无忌
9 个月前
react.js
·
前端框架
·
响应式设计
Next.js 14 中通过优化图像增强用户体验
本文将介绍如何在 Next.js 中使用 <Image /> 组件，以及为什么需要该组件来集成响应式和优化的图像。首先探讨 <Image /> 组件的主要功能，然后，将探讨 <Image /> 组件如何在后台执行优化，以及进一步优化图像的其他方法。
Amd794
9 个月前
性能测试
·
开发工具
·
响应式设计
·
网页布局
·
在线生成
·
样式展示
·
占位图片
在线图片生成工具：定制化占位图片的利器
title: 在线图片生成工具：定制化占位图片的利器 date: 2024/2/20 14:08:16 updated: 2024/2/20 14:08:16 tags: