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

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

news 文章来源：https://blog.csdn.net/qq449245884/article/details/132969009 2024/11/8 20:03:12

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

快来免费体验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

PP-Tracking之C++部署

文章目录 概要环境fastdeploy源码编译PP-Tracking源码编译使用参考概要 PP-Tracking是基于飞桨深度学习框架的业界首个开源实时跟踪系统。针对实际业务的难点痛点，PP-Tracking内置行人车辆跟踪、跨镜头跟踪、多类别跟踪、小目标跟踪及流量计数等能力与产业应用，同时提供可视…...

编程日记 2023/9/18 21:40:41

智慧公厕建设，要以技术为支撑、体验为目的、业务为驱动

#智慧公厕[话题]# #智慧公厕系统[话题]# #智慧公厕厂家[话题]# #智慧公厕驿站[话题]# 在数字化城市与智慧城市的大力推进下&#xff0c;作为社会重要的生活设施&#xff0c;智慧化的公共厕所的建设变得越来越重要。作为城市的基础部件之一&#xff0c;公厕的智慧化建设需要进行…...

编程日记 2023/9/18 21:39:40

通过Sealos 180秒部署一套K8S集群

通过Sealos 180秒部署一套K8S集群 一、主机准备 1.1 主机操作系统说明 序号操作系统及版本备注1CentOS7u9 1.2 主机硬件配置说明 k8s集群CPU及内存最低分别为2颗CPU、2G内存&#xff0c;硬盘建议为100G 需求CPU内存硬盘角色主机名值8C8G1024GBmasterk8s-master01值8C8G1024…...

编程日记 2023/9/18 21:36:38

如何获取美团的热门商品和服务

导语 美团是中国最大的生活服务平台之一&#xff0c;提供了各种各样的商品和服务&#xff0c;如美食、酒店、旅游、电影、娱乐等。如果你想了解美团的热门商品和服务&#xff0c;你可以使用爬虫技术来获取它们。本文将介绍如何使用Python和BeautifulSoup库来编写一个简单的爬虫…...

编程日记 2023/9/18 21:33:35

开启编程之门

自我介绍 目前已经大二了&#xff0c;计算机专业在读&#xff0c;是一个热爱编程&#xff0c;做事踏实专注的人。转眼间一年已经过去了&#xff0c;也接触编程一年了&#xff0c;但开始并没有对所学所想进行很好的总结和输出&#xff0c;这一年也有了新的很多感悟与心得&#x…...

编程日记 2023/9/18 21:31:33

【ES】Too many dynamic script compilations within, max: [75/5m]； 问题处理

问题原因 ElasticSearch5分钟内脚本编译的数量不能超过75个。 解决方法 PUT _cluster/settings {"persistent": {"script.max_compilations_rate": "1000/1m"} }参数可以根据自己需要定义&#xff0c;比如10分钟3000个&#xff0c;3000/10m等…...

编程日记 2023/9/18 21:26:28

LED智能家居灯 开关调光 台灯落地灯控制驱动 降压恒流IC AP5191

产品描述 AP5191是一款PWM工作模式,高效率、外围简单、内置功率MOS管&#xff0c;适用于4.5-150V输入的高精度降压LED恒流驱动芯片。输出最大功率150W&#xff0c;最大电流6A。AP5191可实现线性调光和PWM调光&#xff0c;线性调光脚有效电压范围0.55-2.6V.AP5191 工作频率可以…...

编程日记 2023/9/18 21:25:27

贪心算法的思路和典型例题

一、贪心算法的思想 贪心算法是一种求解问题时&#xff0c;总是做出在当前看来是最好的选择&#xff0c;不从整体最优上加以考虑的算法。 二.用贪心算法的解题策略 其基本思路是从问题的某一个初始解出发一步一步地进行&#xff0c;根据某个优化测度&#xff0c;每一步都要确保…...

编程日记 2023/9/18 21:24:26

演讲笔记｜《一个ppt者的成长故事》

前言&#xff1a;本文为《说服力&#xff1a;工作型PPT该这样做》作者、秋叶PPT团队成员秦阳于2017年1月15日在北京望界无界空间的演讲内容要点总结。 1. 结构化思考&#xff08;思考能力&#xff09; 体系&#xff1a;挖多个坑&#xff0c;多个视角&#xff08;构建体系 – 获…...

编程日记 2023/9/18 21:22:24

【八大经典排序算法】堆排序

【八大经典排序算法】堆排序 一、概述二、思路解读三、代码实现&#xff08;大堆为例&#xff09; 一、概述 堆排序是J.W.J. Williams于1964年提出的。他提出了一种利用堆的数据结构进行排序的算法&#xff0c;并将其称为堆排序。堆排序是基于选择排序的一种改进&#xff0c;通…...

编程日记 2023/9/18 21:20:22

利用社交网站做淘宝客/网上销售渠道

非阻塞通信&#xff1a;异步通信通常是使MPI应用程序实现高性能计算的关键&#xff0c;使用异步通信具有如下优势&#xff1a;1&#xff09;函数是非阻塞的&#xff0c;这使得进程在与另一个进程通信的同时继续参与计算&#xff1b;2&#xff09;如果应用适当&#xff0c;可以绕…...

编程日记 2024/11/8 16:59:52

网站中的冒号/线上营销策略都有哪些

资源下载&#xff1a;https://download.csdn.net/download/weixin_44893902/45601185 练习点设计&#xff1a;修改、删除 一、语言和环境 实现语言&#xff1a;JAVA语言。环境要求&#xff1a;MyEclipse/Eclipse Tomcat MySql。使用技术&#xff1a;JspServletJavaBean或Spr…...

编程日记 2024/11/8 13:13:39

电子工程世界app下载/精准网站seo诊断报告

think-tests1. 简介在实际开发中&#xff0c;在开发阶段&#xff0c;其实并不是完全测试&#xff0c;更多的是调试&#xff0c;如果用phpunit进行测试驱动&#xff0c;其实有很多不方便&#xff0c;当然在项目开发完后&#xff0c;也建议大家写测试用例&#xff0c;保证代码的可…...

编程日记 2024/11/8 8:04:27

网站建设免费域名/北京seo经理

如果遇到死锁了&#xff0c;怎么解决呢&#xff1f;找到原始的锁ID&#xff0c;然后KILL掉一直持有的那个线程就可以了&#xff0c; 但是众多线程&#xff0c;可怎么找到引起死锁的线程ID呢&#xff1f; MySQL 发展到现在&#xff0c;已经非常强大了&#xff0c;这个问题很好解…...

编程日记 2024/11/8 5:38:08

怎么做网站企业文化栏目/怎么营销推广

题意&#xff1a;传送门 题解&#xff1a;分类如果按照codeforcescodeforcescodeforces上的话就是最朴素的implementionimplementionimplemention&#xff0c;但是却卡我半天&#xff0c;题意也是强调(一脸苦)得用四舍五入&#xff0c;那么四舍五入的小trick都有哪些呢&#xf…...

编程日记 2024/11/8 5:06:25

柔造网站定制/代运营公司是怎么运营的

海淀区法院审结一起利用******他人电脑&#xff0c;获取他人隐私数据&#xff0c;借此敲诈勒索的案件&#xff0c;***者李金华来自江西瑞金&#xff0c;最终获刑6年。***者使用******受害者电脑&#xff0c;***者使用***窃取受害人隐私数据&#xff0c;通过邮件/QQ给受害人发消…...

编程日记 2024/11/8 3:50:39