前端零碎知识点

最新推荐文章于 2025-06-10 23:00:08 发布
最新推荐文章于 2025-06-10 23:00:08 发布
阅读量128 收藏
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39518871/article/details/109742005
版权
本文概述了前端开发中的一些细节技巧，包括浮动元素的使用、定位与盒模型、flex布局的优势、图片处理策略、行内元素对齐方式以及一些常见工具和概念，如MDN、W3C资源和特定的编程术语。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

前端细碎知识

  • 图片底部默认会有空白缝隙。
  • 行内元素浮动之后，就不需要转换为行内块元素，然后直接给宽高。
  • 行内元素加了定位之后，就不需要转换为行内块元素，然后直接给宽高。
  • flex布局里面不会出现外边距合并的问题。
  • 要添加图片的时候，一般会把图片放在一个盒子里，然后对盒子限制宽高。图片进行等比例缩放后，超出的部分会用overflow: hidden; 隐藏。
  • 行内元素不能通过margin: auto;实现居中对齐，需转换为块级元素才行。
  • flex 盒子不需要担心外边距合并问题。
  • 每个函数都绑定了一个this。
  • 对象不产生作用域。
  • letter-spacing用于设置文本之间的间距。
  • box-shadow
  • slot-scope 作用域插槽
  • 相邻行内元素（行内块）在一行上,但是之间会有空白缝隙。

前端学习网站

网站名称地址
MDNMDN地址
W3CW3C地址
runoob菜鸟教程地址
牛客网

https://juejin.cn/post/6844903496253177863

索西引擎
关注
前端零碎知识点合集
weixin_66171880的博客
02-10 496
1.JSON.stringify(参数) JSON 通常用于与服务端交换数据。 在向服务器发送数据时一般是字符串。 我们可以使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串。 注意大小写
前端零碎知识点记录
qq_40268652的博客
04-08 120
前端刷题遇到的小知识
web前端零碎知识点
hyupeng1006的博客
02-26 250
一、confirm弹框 点击（确定和取消）    //需求：点击取消一直弹窗下去。如果点击确定，立马结婚。    do{        var bool = confirm("求求你啦，嫁给我吧，我很丑，但是我很温柔啊...");        if(bool){            alert("我们去三亚拍结婚照吧，现在才3折优惠啊！");            break;        ...
前端零碎知识点（一）
W_Clarence的博客
02-27 1550
一、防抖、节流 防抖：指触发事件后在规定时间内回调函数只能执行一次，如果在规定时间内又触发了该事件，则会重新开始算规定时间。 常见应用场景：百度搜索联想功能 原理：通过定时器对事件函数进行延时，如果在延时时间内再次触发该时间，则清楚定时器并重新设置定时器； 节流：当持续触发事件时，在规定时间段内只能调用一次回调函数。 常见应用场景：下拉或者上划刷新、鼠标滚动刷新等； 对比：防抖是将多次...
前端零碎知识点（二）
W_Clarence的博客
10-06 232
一、数据类型判断 1、typeof typeof返回一个数据类型的字符串，返回结果有number、boolean、string、object、undefined、function、symbol等7中类型，注意typeof不能判断null和array； typeof 66; //number typeof false; //boolean typeof 'hello world'; /...
java前端重点_后端&前端零碎知识点
weixin_33252145的博客
02-26 237
后端1. Spring自带的MD5加密工具类importorg.springframework.util.DigestUtils;String md5Password= DigestUtils.md5DigestAsHex(password.getBytes());2. 数据库的字段名不要含有 is比如数据库有个字段为is_valid，那么到代码里这个变量为isValid。如果恰好这个变量是Boo...
前端CSS零碎知识点
nkshuangyuan2012的博客
11-10 319
按钮在鼠标滑过的样式选择器：.btn:hover。按钮点击时的样式选择器：.btn:active。
【笔记】前端零碎知识点摘要
Kuroko's Development Notes
02-14 558
1. 什么是原型链？ 由于__proto__是任何对象都有的属性，而js里万物皆对象，所以会形成一条__proto__连起来的链条，递归访问__proto__必须最终到头，并且值是null。 当js引擎查找对象的属性时，先查找对象本身是否存在该属性，如果不存在，会在原型链上查找，但不会查找自身的prototype 2. 什么是前端工程化？ 这是个很大的概念，但是在我们的日常开发中又很常见。...
前端零碎知识点，前端踩坑记录
William.Yao的博客
08-02 426
This指向问题。this对象指向调用函数的对象，全局环境中this指向window。call和apply函数中的this指向指定的对象，如果所指定的是undefined或是null，this将重新指向window。在箭头函数中，this等同于外层代码块的this。 取整时，建议使用Math.trunc( )来代替ParseInt( ),Math.trunc( )这个办法仅仅只是删除小数点后的数字
day-day-up:系统的把前端零碎的知识点整理，更全面，更细节的学习前端知识，持续更新中。。
05-01
我们一起day day up 目录 ECMAscript 变量类型 原型和原型链 作用域，闭包和内存 事件循环 框架 vue 基本使用 组件 高级特性 周边工具（vuex，vue-router） 原理 react 基本使用 高级特性 ...正在整理中
demos:记录一些学习的零碎的知识点的 demo
05-08
记录一些学习的零碎的知识点的 demo。 每一个文件夹即为一个 demo，cd 到每个具体的文件夹即可。 demo 列表（按入库顺序） test 一些零碎的知识点测试 build 一些构建工具的测试 handwrite 手写一些常见实现的 demo ...
blog:我的前端知识体系
07-24
前端知识点太多, 有时候需要由点到面的去深入, 有时又需要由面到点去扩展... 每天进步一丢丢, 持续更新中ing...喜欢的话欢迎点个star, 会持续更新 前端基础 HTML H5 中一些知识点详解 CSS CSS 中一些知识点详解 ...
阿里云服务器安装nginx并配置前端资源路径（前后端部署到一台服务器并成功访问）
2301_79201170的博客
06-05 1036
​​​运行以下命令，。运行wget命令。您可以通过Nginx开源社区直接获取对应版本的安装包URL，然后通过wget URL的方式将Nginx安装包下载至ECS实例。例如，Nginx 1.21.6的下载命令如下：运行以下命令，，然后。make​./nginx​没有报错信息则代表nginx启动成功！启动防火墙服务放行80端口重加载防火墙使修改生效查看状态重启停止kill -9 端口号。
2025年阿里最新软件测试面试题：Web 测试+接口测试+App 测试
2401_83387413的博客
06-05 815
上面就是我为大家整理出来的一份软件测试工程师发展方向知识架构体系图。希望大家能照着这个体系在1-2年内完成这样一个体系的构建。可以说，这个过程会让你痛不欲生，但只要你熬过去了。以后的生活就轻松很多。正所谓万事开头难，只要迈出了第一步，你就已经成功了一半，古人说的好“不积跬步，无以至千里。”等到完成之后再回顾这一段路程的时候，你肯定会感慨良多。
前端node项目——gif实时生成倒计时（30s内）
编程知识分享，主打前端
06-06 243
node实现api返回gif实时倒计时
45、web实验-抽取公共页面
weixin_54449574的博客
06-06 542
在其他需要使用公共片段的页面中，通过`th:insert`、`th:replace`或`th:include`属性引入公共片段。- **`th:include`**：将公共片段的内容插入到指定标签内部，但不保留公共片段的根标签。- **`th:insert`**：将公共片段的内容插入到指定标签内部，保留原标签。- **`th:replace`**：用公共片段的内容替换指定标签及其内容。-- 引入公共的侧边栏代码 -->-- 引入公共的头部代码 -->-- 引入公共的底部代码 -->
matlab模型死机
mirandali的专栏
06-06 218
block被模型调用的时候会刷一遍这个模型的mask，好像是不定时刷，然后如果刷到你的死循环mask回调就挂了。而且2022版本还自己出不来。至于为什么前两天重新配了编译器又可以了，然后又不行，应该是重新配置编译器后，刷新的程序会中断，所以表象是重新配置编译器OK了。2020和2025应该是内部有机制让这种超时自己出来，但是2022没有，也没有任何报错，就是死机，好无语。有的时候前端是不死的，但是编译必死，现象就是点击运行按钮，然后。一般都是mask的回调函数里面有死循环。死在“编译：更新库链接模块”
v-bind 与 v-model 的区别与联系详解
最新发布
weixin_51288065的博客
06-10 802
理解二者区别能避免常见错误，在表单处理、组件通信等场景做出正确选择。v-bind 构建数据通道，v-model 实现动态交互，共同构成 Vue 数据驱动的核心机制。
AWS WebRTC 使用SDK-C demo 实现master推流和viewer拉流
0.85度的博客
06-10 150
AWS WebRTC 使用SDK-C demo 实现master推流和viewer拉流
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值