当前位置： 首页 > news >正文

每个高级前端工程师都应该知道的前端布局

news 2026/3/27 16:30:56

首发于公众号 大迁世界，欢迎关注。📝 每周一篇实用的前端文章 🛠️ 分享值得关注的开发工具 😜 分享个人创业过程中的趣事

快来免费体验ChatGpt plus版本的，我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home

1.响应式

一套适用于手机、iPad 和 PC 的代码。每次加载不同的样式时，它们都能在一个项目中兼容。这就是所谓的响应性。然后，我希望产品经理能多考虑一下。我不想做了设计工作，最后却说它不好看，因为我不会做设计。

2.自适应

自适应是一套代码，无论屏幕尺寸如何变化，改变的只是页面的元素尺寸，而不会出现三栏变两栏的表格变化。以前，领导和设计总让我修改页面，说是自适应窗口的变化。结果要求把三栏改成两栏。为什么要把这个按钮隐藏起来，那个按钮改成外观，怎么改呢？难道不需要设计一张图片吗？我是不是在幻想？

  • 使用弹性布局
  • 使用百分比
  • 避免写死宽度和高度
  • 添加滚动条
  • 使用 rem

3.移动终端的常用宽度和高度

相关文章：

每个高级前端工程师都应该知道的前端布局

首发于公众号 大迁世界，欢迎关注。📝 每周一篇实用的前端文章 🛠️ 分享值得关注的开发工具 😜 分享个人创业过程中的趣事 快来免费体验ChatGpt plus版本的，我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线…...

编程日记 2023/9/18 22:12:10

100道基于Android毕业设计的选题题目，持续更新

博主介绍：✌程序员徐师兄、7年大厂程序员经历。全网粉丝30W,Csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌ 大家好，我是程序员徐师兄、今天给大家谈谈基于android的app开发毕设题目，以及基于an…...

编程日记 2023/9/18 22:11:09

idea显示git分支信息(GitToolBox插件)

效果图 说明 本身idea在右下角会有git分支信息，但是显示的当前打开文件的分支信息，并且不够显眼 解决 1、安装插件(GitToolBox插件) 2、修改idea.properties project.tree.structure.show.urlfalse ide.tree.horizontal.default.autoscrollingfalse将…...

编程日记 2023/9/18 22:08:07

Hadoop知识点之Hadoop发展历程

一、Hadoop名字的起源 Hadoop这个名字不是一个缩写，它是一个虚构的名字。 该项目的创建者，Doug Cutting如此解释Hadoop： 这个名字是我孩子给一头吃饱了的棕黄色大象命名的。我的命名标准就是简短，容易发音和拼写，没有…...

编程日记 2023/9/18 22:07:06

阿里云无影电脑：免费体验无影云电脑3个月

阿里云无影云电脑免费领取流程，免费无影云电脑配置为4核8G，可以免费使用3个月，阿里云百科分享阿里云无影云电脑（云桌面）免费申请入口、申请流程及免费使用限制条件说明： 目录 阿里云无影云电脑免费申请入…...

编程日记 2023/9/18 22:06:05

菜鸟教程《Python 3 教程》笔记（20）：面向对象

菜鸟教程《Python 3 教程》笔记（20） 20 面向对象20.1 面向对象技术简介20.2 创建类20.2.1 类定义20.2.2 实例化20.2.3 初始化20.2.4 类变量、实例变量20.2.5 类方法、实例方法、静态方法 20.3 访问可见性20.3.1 property装饰器 20.4 动态性20.4.1 __slot…...

编程日记 2023/9/18 22:04:03

vue2编辑markdown

效果 npm i mavon-editor --save 只能全局注册 使用...

编程日记 2023/9/18 22:03:02

PCB走线规则

1、线间距。 这里应该遵循3W规则，所谓3W就是为了减少线间串扰，应保证线间距足够大，当线中心不少于3倍线宽，则可 保持70%的电场不互相干扰。如要达到98%的电场不互相干扰，可使用10W的间距。——这是查阅华为PCB布线规则…...

编程日记 2023/9/18 22:02:01

webpack静态资源上传到CDNS （阿里云 OSS，亚马逊 AWS S3，七牛云 Qiniu Cloud Kodo）webpack-plugin-cdns

webpack-plugin-cdns 是一个 Webpack 插件，用于实现将前端项目中的资源（如 JavaScript、CSS、图片等）上传到 CDN(OSS、S3、Kodo) 服务器。从而完成资源的 CDN 加速。 在开发前端项目时，我们通常会将静态资源放在本地服务器上&…...

编程日记 2023/9/18 22:01:00

python 异常

1.捕获异常 2.密码爆破 3....

编程日记 2023/9/18 21:59:59

stm32--独立看门狗

最近学习到独立看门狗，总结下笔记 1.看门狗的作用：防止程序异常跑飞，跑飞时，进行系统复位，从而不会导致代码瘫痪，奔溃卡死在某段程序。 2.看门狗其实是12bit递减计数器，，减到0会产…...

编程日记 2023/9/18 21:58:58

vue3中css使用script中定义的变量

代码 <template><div class"box">haha</div> </template><script setup lang"ts"> const boxWidth 500px </script><style lang"scss"> .box {width: v-bind(boxWidth);height: 200px;background-c…...

编程日记 2023/9/18 21:57:58

Ubuntu 22.04 安装配置 flatpak

Ubuntu 22.04 安装配置 Flatpak 安装 Flatpak sudo apt install flatpakFlatpak 仓库配置 官方仓库 https://flathub.org/repo/flathub上交大镜像 https://mirror.sjtu.edu.cn/flathub flatpak remote-add --if-not-exists flathub https://flathub.org/repo/flathub.flatp…...

编程日记 2023/9/18 21:56:57

oracle创建数据库以及用户，并导入dmp格式数据

oracle创建数据库以及用户&#xff0c;并导入dmp格式数据 安装可参考之前的文章https://blog.csdn.net/qq_43421954/article/details/132717546?spm1001.2014.3001.5501 首先创建表空间&#xff08;也就是其他数据库所谓的数据库&#xff09; 使用的是navicat,连接配置可以参…...

编程日记 2023/9/18 21:55:56

[deeplearning]pytorch实现softmax多分类问题预测训练

写在前面&#xff1a;俺这两天也是刚刚加入实验室&#xff0c;因为之前的学习过程中用到更多的框架是tensorflow&#xff0c;所以突然上手pytorch多少有些力不从心了。 这两个框架的主要区别在与tensorflow更偏向于工业使用&#xff0c;所以里面的很多函数和类都已经封装得很完…...

编程日记 2023/9/18 21:54:55

【C++初阶】动态内存管理

​&#x1f47b;内容专栏&#xff1a; C/C编程 &#x1f428;本文概括&#xff1a; C/C内存分布、C语言动态内存管理、C动态内存管理、operator new与operator delete函数、new和delete的实现原理、定位new表达式、常见面试问题等。 &#x1f43c;本文作者&#xff1a; 阿四啊 …...

编程日记 2023/9/18 21:52:52

Mac电脑安装Zulu Open JDK 8 使用 spring-kafka 消费不到Kafka Partition中的消息

一、现象描述 使用Mac电脑本地启动spring-kakfa消费不到Kafka的消息&#xff0c;监控消费组的消息偏移量发现存在Lag的消息&#xff0c;但是本地客户端就是拉取不到&#xff0c;通过部署到公司k8s容器上消息却能正常消费&#xff01; 本地启动的服务消费组监控 公司k8s容器服…...

编程日记 2023/9/18 21:48:48

CodeArts Check代码检查服务用户声音反馈集锦（2）

作者&#xff1a;gentle_zhou 原文链接&#xff1a;CodeArts Check代码检查服务用户声音反馈集锦&#xff08;2&#xff09;-云社区-华为云 CodeArts Check&#xff08;原CodeCheck&#xff09;&#xff0c;是自主研发的代码检查服务。建立在华为30年自动化源代码静态检查技术…...

编程日记 2023/9/18 21:47:47

红帽RHCE9.0学什么内容，新版有什么变化

【微|信|公|众|号&#xff1a;厦门微思网络】 一、红帽公司介绍 红帽是首个&#xff08;也是全球最大、全球领先&#xff09;的企业开源软件解决方案提供商&#xff0c;在过去 20 几年里&#xff0c;红帽已经成为开源社区里令人尊敬的成员&#xff0c;赞助了数百个开源项目&…...

编程日记 2023/9/18 21:43:44

线性代数的本质(一)——向量空间

文章目录 向量空间向量及其性质基与维数向量的坐标运算 《线性代数的本质》 - 3blue1brown 高中数学A版选修4-2 矩阵与变换 《线性代数及其应用》(第五版) 《高等代数简明教程》- 蓝以中 向量空间 In the beginning Grant created the space. And Grant said, Let there be vec…...

编程日记 2023/9/18 21:42:43

计算机毕业设计springboot校园文化社区视频网站 基于SpringBoot的校园文化交流短视频平台 SpringBoot框架下的高校文化分享与视频互动系统

计算机毕业设计springboot校园文化社区视频网站94nso9 &#xff08;配套有源码 程序 mysql数据库 论文&#xff09;本套源码可以先看具体功能演示视频领取&#xff0c;文末有联xi 可分享在"互联网校园"理念全面渗透的今天&#xff0c;视频已成为大学生记录生活、传播…...

编程新知 2026/3/27 16:09:20

RWKV7-1.5B-g1a轻量对话模型应用：微信公众号自动回复+知识库问答搭建

RWKV7-1.5B-g1a轻量对话模型应用&#xff1a;微信公众号自动回复知识库问答搭建 1. 模型简介与特点 rwkv7-1.5B-g1a 是基于 RWKV-7 架构的多语言文本生成模型&#xff0c;特别适合中文轻量对话场景。相比传统大模型&#xff0c;它具有以下优势&#xff1a; 资源占用低&#…...

编程新知 2026/3/27 15:30:59

4步攻克Python代码执行可视化：开发者调试效率提升指南

4步攻克Python代码执行可视化&#xff1a;开发者调试效率提升指南 【免费下载链接】viztracer VizTracer is a low-overhead logging/debugging/profiling tool that can trace and visualize your python code execution. 项目地址: https://gitcode.com/gh_mirrors/vi/vizt…...

编程新知 2026/3/27 15:20:56

Go语言广播系统设计：基于Channel的高性能事件分发机制

引言 在后端系统架构中&#xff0c;事件广播是一种常见的通信模式。本文将深入分析一个基于Go语言channel实现的广播管理器&#xff0c;探讨其设计思想、实现细节以及在实际项目中的应用价值。 参考代码 点击直达 背景与需求 在许多应用场景中&#xff0c;我们需要实现一对…...

编程新知 2026/3/27 14:28:28

AMD GPU高效部署Ollama：专业本地大语言模型实战指南

AMD GPU高效部署Ollama&#xff1a;专业本地大语言模型实战指南 【免费下载链接】ollama-for-amd Get up and running with Llama 3, Mistral, Gemma, and other large language models.by adding more amd gpu support. 项目地址: https://gitcode.com/gh_mirrors/ol/ollama…...

编程新知 2026/3/27 13:31:09

智慧交通落地难题：为什么80%的智能信号灯项目效果不达预期？

智慧交通落地困境&#xff1a;从技术神话到现实瓶颈的深度解构 清晨7点30分&#xff0c;北京东三环的某个十字路口&#xff0c;20名交警正在手动调节信号灯——这个造价480万元的智能信号系统在早高峰时段被完全弃用。类似的场景正在全国至少17个城市重复上演&#xff0c;某头部…...

编程新知 2026/3/27 13:17:05

AI大模型入门指南：泛化、通用、涌现三大特征解析，小白也能学会收藏！

本文深入浅出地介绍了AI大模型的主要特征&#xff0c;包括泛化性、通用性和涌现性&#xff0c;并以ChatGPT为例&#xff0c;阐述了其如何通过巨量参数和深度网络结构展现强大的自然语言理解和生成能力。文章还详细分类并介绍了云侧大模型&#xff08;如通用大模型和行业大模型&…...

编程新知 2026/3/27 12:46:49

开发者专属OpenClaw配置：nanobot镜像对接VSCode插件开发

开发者专属OpenClaw配置&#xff1a;nanobot镜像对接VSCode插件开发 1. 为什么选择nanobot镜像进行VSCode插件开发 去年我在开发一个智能代码补全插件时&#xff0c;发现市面上大多数AI辅助工具都存在响应延迟高、隐私性差的问题。直到接触到OpenClaw生态下的nanobot镜像&…...

编程新知 2026/3/27 12:22:29

EPLAN默认工具栏隐藏功能大揭秘：从复制格式到表格式编辑的实战技巧

EPLAN默认工具栏隐藏功能大揭秘&#xff1a;从复制格式到表格式编辑的实战技巧 在电气设计领域&#xff0c;EPLAN作为行业标杆软件&#xff0c;其默认工具栏中隐藏着许多未被充分发掘的效率利器。这些功能往往被常规操作所掩盖&#xff0c;却能在复杂项目设计中节省大量时间。…...

编程新知 2026/3/27 11:54:16

别再滥用Tick了！UE5里Cast To的正确打开方式与性能实测

UE5性能优化实战&#xff1a;Tick事件中Cast To的高效替代方案 在虚幻引擎5的项目开发中&#xff0c;性能优化往往隐藏在那些看似无害的日常操作里。Tick事件中的Cast To操作就像房间里的大象——人人都知道它存在&#xff0c;却常常低估它的影响。当项目规模扩大、逻辑复杂度提…...

编程新知 2026/3/27 8:30:32