CSS布局中关于WEB标准的六条经验

  一、少用偏门。
  类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门 CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。 

  二、center不是float的值。
   很多新手都会把center误认为是float的值,而偏偏不是如此。center只是text-align的值。 

  三、 对齐不能包括两个值。
  很多新手会在float或者text-align中填写两个值,比 如:float:left top。这是不允许的,浏览器也无法识别。 

  四、滚动条颜色最好不要自定义。
   很多浏览器不能正常识别自定义颜色的滚动条,况且很多自定义颜色都不能通过W3C。 

  五、单独滚动条设置。
   现在经常使用overflow-x(横向滚动条)或者overflow-y(纵向滚动条),在设置这个的时候经常会发现并不是所有的客户端上都有效果, 大家在设置的时候最好在body和html同时进行设置。然而这个CSS也不是CSS2.1支持的(CSS2.1支持overflow,同时定义横纵滚动 条),直到CSS3才支持这种定义方式。尽量少用。 

  六、background和color颜色相同会受到警告。

2025字节前端面试高频考点与答题思路全解析 事件循环、闭包、响应式原理等前端核心概念,不仅是日常开发的基础,更是大厂面试中反复考察的深度考点。理解JavaScript运行机制、框架底层设计以及浏览器渲染流程,能帮助开发者从“会用”走向“懂原理”,进而在性能优化、工程架构等实战场景中做出合理决策。本文结合2025年字节前端面试的高频考点,从JS基础、浏览器机制、Vue/React源码、性能优化到算法与项目深挖,系统梳理了各类题型的考察意图与答题策略,帮助你建立完整的知识体系,从容应对技术面试。 阅读详情

相关推荐

Sqribble模板驱动文档生成原理与工程实践指南

PDF文档自动化生成是现代内容交付的关键环节,其核心在于结构化排版与模板化渲染。本文深入解析基于规则引擎的模板驱动型文档工具(如Sqribble)的技术原理:从语义化内容清洗、栅格化布局控制,到PDF/A-1b合规导出与Web View分发闭环,揭示其如何在放弃设计自由度的前提下实现高效、一致、可复用的出版流水线。该方案特别适用于营销电子书批量产出、知识内容长文转手册、企业标准化培训材料及客户定制报告等高频场景,为缺乏专业设计资源的团队提供开箱即用的‘数字印刷机’能力。

weixin_34293059的博客 313

CSS布局中关于WEB标准的一些经验

  摘要: 文中提了:少用偏门;center不是float的值;对齐不能包括两个值;滚动条颜色最好不要自定义;单独滚动条设置;background和color颜色相同会受到警告等六条意见。 一、少用偏门。 类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。 二、center不是float的...

weixin_33854644的博客 77

程序员终身学习方法论:从高原期突破到知识织网

学习能力不是天赋,而是可训练的神经回路系统——它源于对问题本质的敏感、对知识转化的深度加工,以及将学习嵌入真实工作流的工程化实践。在AI辅助编程日益普及的今天,‘会学’比‘学会’更重要:Copilot能生成代码,但无法替代你判断何时该深挖原理、何时该重构设计;大模型能总结文档,却无法帮你建立HTTP状态码与JWT认证、Nginx配置、前端拦截器之间的动态知识网络。本文聚焦程序员最常遭遇的认知断层:高原期停滞、经典书读不懂、学习时间难合规、知识碎片难成体系。通过‘织网式学习’‘最小闭环验证’‘认知重启三线法’

baochuanying9531的博客 584

响应式开发原理及Bootstrap栅格布局详解,2024年最新web前端开发工程师面试题vue

标准化的html+ css编码规范提供了一套简洁、直观、强悍的组件有自己的生态圈,不断的更新迭代让开发更简单,提高了开发的效率Bootstarp的使用===========================================================================Bootstarp使用四部曲创建文件夹结构创建html骨架结构引入相关样式文件书写内容我们过去的文件夹结构是这样的:现在我们的文件夹里多了一个bootstarp文件夹然后把我们下载的Bootstarp3的压缩包解

qd520_1314的博客 799

Debian 7下Nginx Server Blocks配置实战与安全隔离

虚拟主机(Virtual Host)是Web服务器实现多站点共存的基础机制,其核心原理在于基于请求头或IP端口的路由分发与上下文隔离。在Nginx中,这一能力由Server Blocks提供,它通过server_name、listen指令和精确的location匹配规则,在配置加载阶段完成静态路由绑定,具备低开销、高确定性和强安全边界的技术价值。广泛应用于老旧系统运维、边缘计算节点、教育实验平台及工业HMI托管等资源受限但稳定性要求高的场景。本文聚焦Debian 7(Wheezy)这一长期服役的发行版,深入

weixin_33907511的博客 352

LLC谐振变换器恒压恒流双竞争闭环控制simulink仿真(附说明文档)

内容概要:本资源是一套面向电力电子与智能控制领域的综合性科研仿真资料合集,核心聚焦于LLC谐振变换器的恒压恒流双竞争闭环控制策略设计与Simulink建模仿真实现,涵盖半桥LLC、双向全桥LLC等拓扑结构的调频闭环仿真,并提供详尽的说明文档与PPT辅助材料。资源体系不仅深入呈现LLC变换器的动态响应与控制逻辑,还扩展至双有源桥(DAB)变换器的软开关协同优化、最小应力控制、EPS调制策略及新扩展移相角优化等前沿技术,同时集成三相PWM整流器在电网不平衡条件下的功率平衡控制、VOC+SVPWM双闭环控制等典型应用场景。此外,资源包涵盖状态估计(如EKF、UKF、PF)、微电网经济调度、卡尔曼滤波融合、神经网络控制、PID优化、储能系统管理等多个交叉方向,特别强调对顶级EI期刊研究成果的高精度复现,旨在帮助科研人员快速掌握先进控制算法的核心思想与仿真实现方法。; 适合人群:电气工程、自动化、电力电子、新能源科学与工程等相关专业的硕士博士研究生、高校科研人员,以及从事新能源变换器、智能电网、电动汽车、微电网系统研发的工程技术人员。; 使用场景及目标:① 深入理解LLC与DAB变换器的闭环控制机理,掌握恒压恒流切换、软开关实现与损耗优化方法;② 利用Simulink平台构建复杂电力电子系统模型,开展动态性能分析与控制器参数整定;③ 复现高水平期刊论文中的先进控制策略,提升科研创新能力与论文发表竞争力;④ 支持毕业设计、科研课题、项目申报及工程原型开发中的仿真验证环节。; 阅读建议:建议结合提供的完整资源目录循序渐进学习,优先研读标注“顶级EI复现”的案例以获取权威方法参考,配合MATLAB/Simulink动手搭建模型,重点关注控制框图设计、调制逻辑实现与仿真结果对比,深入理解算法背后的物理意义与数学推导过程。

【重识 HTML + CSS

Rule1:定位元素会层叠在浮动元素上面: Rule2:浮动元素不能与行内级内容层叠,行内级内容将会被浮动元素推出 比如行内级元素、inline-block元素、块级元素的文字内容 利用此特性,可以轻松实现文字环绕功能:[浮动-文字环绕练习](() Rule3:行内级元素、inline-block 元素浮动后,其顶部将与所在行的顶部对齐 实现代码:[float-rule_01-其他](() Rule4:如果元素是向左(右)浮动,浮动元素的左(右)边界不能超出包含块的左(右)边界 带圆圈的

m0_70058592的博客 154

手机摄影新宠:In-line Hardware EIS如何让你的4K视频稳如鸡头(附实测对比)

本文深入解析了手机摄影中的In-line Hardware EIS(硬件级行内电子图像稳定)技术。通过对比传统软件EIS,阐述了其通过硬件管道实时处理实现极低延迟、减少画面裁切和有效抑制果冻效应的核心优势,并结合4K视频的日夜间实测,展示了该技术如何让手持拍摄的视频“稳如鸡头”,显著提升创作体验与成片质量。

tree的博客 994

子元素拿不到父元素里面的方法_今天看了几道web基础题,却掉进了这几道基础题里面了...

1.知道语义化吗?说说你理解的语义化,如果是你,平时会怎么做来保证语义化?像html5的新的标签header,footer,section等就是语义化一方面,语义化就是让计算机能够快读的读懂内容,高效的处理信息,可以对搜索引擎更友好另一方面,便于与他人的协作,他人通过读代码就可以理解你网页标签的意义去掉或者丢失样式的时候能够让页面呈现出清晰的结构有利于SEO:和搜索引擎建立良好沟通,有助于爬虫抓取...

weixin_28960321的博客 125

Kinect V1结构光激光散斑原理及样式

   对 intel realsense F200 和 Kinect V1的coding pattern原理进行调研,知二者都使用light coding的方式,该方法与传统的coded structure light不同:传统编码结构光(空间编码,时间编码)最终使用的是三角测量的原理计算深度信息;light coding通过投射具有高度伪随机性的激光散斑,会随着不同距离变换不同

松间明月 1万+

COMSOL电磁仿真案例——感应线圈

COMSOL电磁建模仿真案例——感应线圈

冲击10w 6万+

前端面试题3(html/css)

一、简述BFC规则特性,及解决的问题? 1、BFC规则 内部的标签会在垂直方向上一个接一个的放置 垂直方向上的距离由margin决定,属于同一个BFC的两个相邻标签的margin会发生重叠 每个标签的左外边距与包含块的左边界相接触(从左向右),即使浮动标签也是如此。 BFC的区域不会与float的标签区域重叠 计算BFC的高度时,浮动子标签也参与计算 BFC就是页面上的一个隔离的独立容器,容器里面的子标签不会影响到外面标签,反之亦然 2、BFC解决的问题 解决外边距折叠 特性的第②条:垂直方向上的距离由ma

我好像还记得 愿望是什么 234

硬件即代码:用软件工程思维拆解F450无人机装配的模块化设计哲学

本文探讨了如何用软件工程思维重构DJI-F450无人机的模块化设计,将硬件装配提升为可编程系统。通过硬件抽象层、控制系统分层架构和扩展槽位设计模式,展示了无人机装配的模块化哲学,并结合实际案例说明如何优化性能与安全性。

weixin_29294975的博客 386

今天看了几道web基础题,却掉进了这几道基础题里面了

1.知道语义化吗?说说你理解的语义化,如果是你,平时会怎么做来保证语义化? 像html5的新的标签header,footer,section等就是语义化 一方面,语义化就是让计算机能够快读的读懂内容,高效的处理信息,可以对搜索引擎更友好 另一方面,便于与他人的协作,他人通过读代码就可以理解你网页标签的意义 去掉或者丢失样式的时候能够让页面呈现出清晰的结构 有利于SEO:和搜索引擎建立良好...

qq_43632611的博客 359

百元DIY手机荧光计:低成本荧光检测平台搭建与实战

荧光检测是一种基于物质受特定波长光激发后发射更长波长荧光的分析技术,其核心原理在于光与物质的相互作用。通过选择性激发与检测,该技术能实现对痕量物质的高灵敏度、高特异性定量分析,在生物医学、环境监测和食品安全等领域具有重要价值。传统荧光分光光度计虽精度高,但成本昂贵、体积庞大且操作复杂,限制了其在现场快检和普及教育中的应用。本文聚焦于如何利用智能手机的高性能摄像头和处理器,结合低成本光学滤光片和LED光源,构建一个便携、经济的DIY荧光检测平台。该方案通过简化光路设计,采用带通滤光片进行波长选择,并利用图像处

weixin_34194829的博客 304

风控IV、AUC、KS python计算代码

df_temp:数据集,Y:是否逾期标签,feas_list:需要计算IV的 变量。2、 按月和不同Y 下的 IV计算。

暮雨听轩的专栏 1618

html标题只有六行,HTML&CSS常见问题整理(六)

101.用CSS分别实现某个div元素上下居中和左右居中102.表单中有一些checkbox该如何提交值,name一样吗?name值可以写成一样的,但是要注意:如图所示,如果你选择了多个选项,最终服务器只能接收到最后一个值如果你选择了多个选项,最后服务器接收到的是一个数组103.你能描述一下渐进增强和优雅降级之间的不同?优雅降级:Web站点在所有新式浏览器中都能正常工作,如果用户使用的是老式浏览器...

weixin_28858247的博客 196

DSI3接口介绍

DSI3(distributed system interface)分布式系统接口,是一种强大且通用的总线协议,旨在将多个遥感器和执行器互连到中央控制模块。在单总线中集成了电压信号、电流信号还有电源,甚至引用了3位状态机概念(反向数据),从逻辑0/1扩展到了0/1/2。

Airer_00的博客 4300

浮动、高度塌陷、以及其解决办法

 1.什么是浮动? 浮动(float): 依然位于父元素内 脱离文档流,形成BFC,但不脱离文本流。即float元素下面的文字依然会被挤出去。 变为块级元素 — 块级元素:允许修改尺寸 。行内元素:不允许修改尺寸 父级元素内的文本,行内,行内块元素采用环绕方式排列  2.浮动 之后会有什么样的影响? (高度塌陷)** 由于浮动元素会脱离文档流,所以导致不占据页面空间,所以会对父元素高度带来一定影响。如果一个元素中包含的元素全部是浮动元素,那么该元素高度将变成0(高度塌陷)  3.如何清楚浮动? #方

qq_42453238的博客 592

基于 STM32 的乒乓球发球机控制系统设计与实现

乒乓球发球机是一种能够按照预设参数自动、连续发出乒乓球的训练设备。本系统以 STM32F103C8T6 为主控核心,通过控制实现球速调节、实现落点与旋转方向控制、实现出球节奏控制,并配合 OLED 显示与按键人机交互,实现速度、频率、落点、旋转四大参数的可调发球训练。

weixin_42300449的博客 209

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

模板驱动文档自动化:让内容秒变专业PDF的确定性工作流

文档自动化并非AI生成内容,而是基于结构化模板与确定性规则的排版工程。其核心在于将标题层级、段落样式、图片容器等转化为可复用的语义化骨架,通过内容摄取、规则渲染、条件布局等机制,实现从杂乱文本到合规PDF的稳定转换。这种‘模板即架构’范式显著降低非专业用户的认知负荷,提升交付一致性与协作效率,广泛应用于白皮书批量生产、培训手册定制、合规报告生成等需高频、多版本、强规范的场景。Sqribble正是这一技术路径的典型实践,凸显模板驱动与确定性规则两大关键热词价值。

weixin_34056162的博客 508

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

S-Bahn Seat Picker 座位可视化工具解析与前端部署实践

在Web前端开发中,可视化交互工具一直是提升用户体验的重要方向,而基于实际场景的座位选择器则是一个典型范例。这类工具通过前端渲染技术将列车编组、车门位置与座位分布抽象为可交互的数据模型,让用户能直观地规划候车与落座位置。其核心原理是运用JSON描述车厢结构,配合前端状态管理实现点击选座、持久化保存等交互逻辑,体现了数据与视图分离的现代前端工程思想。从技术价值看,这类项目既能锻炼DOM操作、Canvas渲染与移动端适配能力,也为轻量级工具开发提供了可复用的思路。无论是通勤场景下的快速选座,还是前端教学中的实战

weixin_33906657的博客 401

NTscan扫描工具

ntscan是一个扫描器,可以扫描没有密码和弱密码的共享,先到配置文件中填写猜测的用户名和密码,扫描过程中右侧出现的是扫描日志。

Probability and Statistics - 4th edition

Probability and Statistics - 4th edition

Sqribble:轻量级文档操作系统与模板工程化实践

文档自动化不是简单排版或AI写作,而是将出版规范、语义结构与行业规则封装为可执行逻辑的技术系统。其核心原理在于模块化架构驱动的确定性渲染、语义化内容清洗与模板即规范(PSD)的行为建模。技术价值体现在批量交付稳定性、跨格式一致性及合规内生化,广泛应用于技术白皮书、合规报告、培训手册等B2B专业文档场景。本文深入解析Sqribble作为‘文档操作系统’的底层机制,涵盖模板工程化、规则引擎与人机协同精修等关键实践。

weixin_30470643的博客 470

用OG images证明文章非AI生成:签名、校验、二维码全攻略

当内容被分享到社交平台时,平台会通过Open Graph协议抓取页面信息并生成预览卡片。OG image作为社交分享的“门面”,不仅能美化展示,更可以嵌入作者签名、SHA256校验值和二维码,为内容建立可验证的归属入口。这种方案无需GPU,纯CPU即可完成图片合成与数字签名,适合个人博客、内容平台和SaaS工具在发布时自动生成带验证信息的分享图。它帮助读者在转发场景中主动核验文章来源,有效应对AI生成内容泛滥带来的信任问题。本文从Open Graph协议基础讲起,逐步演示Python和Node.js下的OG

weixin_34356555的博客 887

基于 HarmonyOS ArkTS API 24 @Extend 扩展装饰器批量复用组件属性减少重复代码重构攻略

「童屿」是一个面向 0-12 岁儿童家庭的儿童房定制平台,业务横跨六大板块:分龄设计、环保家具、护眼照明、成长案例、母婴好物、个人中心。它并非简单的商品列表,而是把「设计方案」「安全检查」「分龄推荐」「满意度排行」「上门预约」「成长计划」等服务深度编织进 UI 之中,呈现出一个高度内容化、服务化的电商体验。从技术栈角度看,整个应用采用单文件 ArkTS 编写,没有引入额外的多模块依赖,全部数据以常量数组的形式内置在文件顶部。这种写法的好处是结构紧凑、便于阅读和教学拆解,缺点是在真实工程中应当把数据层抽离成独

wilbur1688的博客 216
上一篇: 登录 Gmail 不必写帐户里的 “点” 了
下一篇: 高效优化博客的用户阅读体验
SleepInDelphi
博客等级 码龄19年 32粉丝 388原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值