响应式设计

Tailwind CSS 响应式设计实战指南title: Tailwind CSS 响应式设计实战指南 date: 2024/6/13 updated: 2024/6/13 author: cmdragon

小鱼默默学习

vue3[setup]父组件传递子组件数据同步更新四种方法以及性能分析既然父组件传递的值是由props接收，那么直接使用props变量就好了。缺点：代码会很杂乱，容易堆史山。

面试官：「弹性盒布局」弹性盒布局全称为“Flexible Box Layout”，又叫flex布局。相对于传统布局来说，flex布局有以下几点优势：

易极赞自助建站

六个WordPress常见问题，如何优化wordpress性能，如何提升wordpress的加载速度企业创建自己的网站的需求比以往任何时候都更高。问题是大多数企业主没有时间从头开始建立网站，更不用说学习编码了。这就是网站建设工具的用武之地。

Riverpod2.x 中的修饰符和注解原文来自：codewithandrea.com/articles/fl…在上一篇中，我们使用了 ref.read和 ref.watch，那么这两者在什么情况下使用？一般来讲，如果需要在Provider 值发生改变时更新依赖它的 widget，就使用 watch。比如我们在 build 函数中使用watch,这确保了如果提供者的值发生更改，我们会重建依赖它的widget.

在Compose中用函数式编程搭建MVI逻辑层【长图文】这是一篇试验性图文，建议使用PC阅读，移动端用户可以拉到最下面阅读文字纯享版。感谢阅读，如果佬们对这种形式感兴趣可以多多点赞。

又想摸鱼又想卷

关于适配的常用方案由于公司最近有写官网的需求，于是我捡起了很久不用的css准备开整，针对不同设备的适配问题，用了两种常见的解决方案：

自由生成各种尺寸大小的占位图片：解决设计与开发中的图片占位问题title: 自由生成各种尺寸大小的占位图片：解决设计与开发中的图片占位问题 date: 2024/2/28 20:29:11 updated: 2024/2/28 20:29:11 tags:

Next.js 14 中通过优化图像增强用户体验本文将介绍如何在 Next.js 中使用 <Image /> 组件，以及为什么需要该组件来集成响应式和优化的图像。首先探讨 <Image /> 组件的主要功能，然后，将探讨 <Image /> 组件如何在后台执行优化，以及进一步优化图像的其他方法。

在线图片生成工具：定制化占位图片的利器title: 在线图片生成工具：定制化占位图片的利器 date: 2024/2/20 14:08:16 updated: 2024/2/20 14:08:16 tags:

Vue 3响应式大对决：Ref vs Reactive在Vue 3的响应式系统中，ref 和 reactive 是两个核心概念，它们为开发者提供了处理响应式数据的不同方式。理解它们的特性和区别对于构建灵活、高效的Vue应用至关重要。

基于草图或界面截图，快速生成可交互代码——Tldraw、GPTs使用方式与体验（上）写页面是前端开发的核心任务。为了提高开发效率，我们已经熟练采用了组件化和低代码开发等方法。在2023年3月，OpenAI公布了GPT-4，展示了通过一张简单的草图就能生成前端代码的能力，这一多模态的展示方式让人惊叹，许多人称之为“历史性的一刻”。然而，我之前试过，直接生成的代码在渲染时过于简单且美观程度有限，而且在不是自己写的代码基础上删改也比较麻烦，相比之下，自己手写代码可能更为高效。

vue3源码-实现简易computed函数我们知道vue的响应式API有这么一个函数computed，它接收一个有返回值的回调函数作为参数，返回一个只读的响应式的ref对象，该ref对象通过.value暴露回调函数的返回值。而且它还具有缓存数据的能力。那么vue是通过什么操作赋予computed函数这些能力的呢？让我们通过实现一个简易的computed函数来解释隐藏在这些能力背后的逻辑吧。（部分已经完成的响应式API在我前面发布的文章中可以找到）

React 状态管理 valtio 解析valtio是一个很轻量级的响应式状态管理库，它基于 Proxy 实现，类似于 vue 的数据驱动视图的理念，使用外部状态代理去驱动 React 视图更新，不管在react组件内部还是外面都可以使用。下面提供 valtio 基本用法例子：

项目实战中的异步设计关键词：高性能、架构设计、异步思想、场景落地先来看一个日常生活快递寄件场景，从寄件人（寄件）到收件人（收件），全流程如下：

前端兼容性问题 - 屏幕尺寸兼容前端开发最让人头疼的莫过于兼容性问题，继上一篇前端兼容性问题 - CSS、JS 兼容之后，这一篇主要研究并解决屏幕尺寸的兼容性问题

吃腻的奶油

⭐️天啦噜~实习生被当作正式员工直接上手toc端项目啦本需求的提出基于谷歌应用商店的硬性要求：需要在xxx日前于谷歌商店上架账号注销的网页，保证玩家能够通过网页进行账号注销，从而满足谷歌商店的硬性需求。(问了产品和运营在谷歌商店哪，结果都找不到在哪，离谱）账号注销

Goat恶霸詹姆斯

vue2框架简易版响应式设计（观察者模式）对于vue.js中的属性值我们要格外关注：$attrs 获取当前传递的参数$listeners 获取当前组件的自定义事件

rem实战：老旧大项目从px迁移到rem有个项目原来是设计给小程序横屏webview体验的，到目前只考虑按812*375的设计宽高，用px单位去写css，在一般手机尺寸上显示正常；