前端小知识

每天10个前端小知识 ＜Day 19＞

前端面试基础知识题1.什么是BFC？BFC：blockformattingcontext，块级格式化上下文。BFC是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。定位方案：内部的Box会在垂直方向上一个接一个放置。Box垂直方向的距离由margin决定，属于同一个BFC的两个相邻Box的margin会发生重叠。每个元素的marginbox的左边
前端小天才·2024-01-31 13:33

每天10个前端小知识 ＜Day 10＞

前端面试基础知识题1.bind、call、apply有什么区别？如何实现一个bind?apply、call、bind三者的区别在于：三者都可以改变函数的this对象指向三者第一个参数都是this要指向的对象，如果如果没有这个参数或参数为undefined或null，则默认指向全局window三者都可以传参，但是apply是数组，而call是参数列表，且apply和call是一次性传入参数，而bin
前端小天才·2024-01-31 13:03

每天10个前端小知识 ＜Day 1＞

前端面试基础知识题1.将数组的length设置为0，取第一个元素会返回什么？设置length=0会清空数组，所以会返回undefined2.e.target和e.currentTarget有什么区别？e.target：触发事件的元素e.currentTarget：绑定事件的元素3.如何获取到一个实例对象的原型对象？从构造函数获得原型对象：构造函数.prototype从对象实例获得父级原型对象：方法
前端小天才·2024-01-31 13:32

每天10个前端小知识 ＜Day 7＞

前端面试基础知识题1.什么是尾调用优化和尾递归？尾调用的概念非常简单，一句话就能说清楚，就是指某个函数的最后一步是调用另一个函数。functionf(x){returng(x);}上面代码中，函数f的最后一步是调用函数g，这就叫尾调用。尾调用优化尾调用之所以与其他调用不同，就在于它的特殊的调用位置。我们知道，函数调用会在内存形成一个"调用记录"，又称"调用帧"（callframe），保存调用位置和
前端小天才·2024-01-31 13:32

今日前端小知识—— width:auto 与 width:100% 的区别

前段时间做页面的时候，发现给盒子设置width:100%和auto的效果不一样，这里来探讨一下。.main{width:300px;height:auto;padding:20px;background-color:brown;color:seashell;}.box1{width:100%;background-color:chocolate;}.box2{width:auto;backgrou
ostuthere·2024-01-20 14:01

前端小知识点总结

typeof与instanceoftypeof返回string、Boolean、number、function、object、undefined6种注意null类型返回objectinstanceof意为实例，及返回对象的构造函数。懒加载和预加载区别懒加载：使用到的时候在加载预加载：提前加载所以懒加载是减少前端压力，预加载增加前端压力，但优化用户体验。懒加载：一开始为空，不请求资源，但是占位当图片
养羊得亿·2023-12-21 23:21

今日前端小知识——遍历对象的方法

遍历对象的5种方法for...in...Object.entries()/Object.keys()/Object.values()Object.getOwnPropertyNames(targetObj)Object.getOwnPropertySymbols(targetObj)Reflect.ownKeys(targetObj)总结补充知识点可迭代对象可枚举属性Object.definePr
ostuthere·2023-11-10 13:32

今日前端小知识——数组去重的方法

数组去重双重for循环遍历+splice()for循环遍历+indexOf()+splice()filter()+indexOf()借用新数组+for循环遍历+indexOf()借用新数组+for循环遍历+includes()借用新数组+for循环遍历+some()利用ES6新增的数据结构——集合Set现在有一个数组，存在一些重复元素，如下letarr=[1,1,'a','b',true,unde
ostuthere·2023-11-10 13:32

前端小知识--区分get和post请求

get和post是HTTP协议中的两种发送请求的方法。如果你还不了解http,可以点击HTTP协议①介绍HTTP协议②缓存首先先说get使用query接收get数据eg:http://127.0.0.1:3000/index?id=10001&name=zsreq.query中以对象的形式保存了get参数｛id=1001,name="zs"｝使用params接收get数据eg:http://127
JiAyInNnNn·2023-11-04 22:43

前端小知识储备（二）：BFC

BFCBFC：“块级格式化上下文”，是一种盒模型的渲染规则。BFC渲染规则在BFC元素中，垂直方向上的margin会发生重叠（取最大值）。BFC元素是独立的容器，外面的元素和里面的元素互不影响。BFC元素不会和浮动元素重叠（可用于两栏自适应布局）。计算BFC元素的高度时，里面浮动元素的高度也会参加计算。内部的盒子会在垂直方向依次放置。那么，怎么创建BFC呢？根元素html就是一个BFC容器。flo
weixin_34390996·2023-10-28 18:30

前端小知识点总结

关于表单:placeholderinput默认样式修改:input::-webkit-input-placeholder{/*WebKitbrowsers*/font-size:14px;}input::-moz-placeholder{/*MozillaFirefox4to18*/font-size:14px;}input::-moz-placeholder{/*MozillaFirefox19
DistanceMJ·2023-10-25 14:33

前端小知识之【浏览器内核】

目录前言PC端浏览器内核Trident内核Gecko内核WebKit内核(Chromium)Blink内核移动端浏览器内核应用写在最后前言通常所谓的浏览器内核也就是浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解释也有不同，因此同一网页在不同的内核的浏览器里的渲染（显示）效果也可能不同，这也是网页编写者需要在不同内核的浏览器中测试
忆凡_·2023-10-18 12:05

前端小知识

文章目录1、禁止在浏览器上复制文字2、滚动条滚动到页面顶部3、js获取地址栏上某个参数值4、使用正则表达式匹配字符串中，a标签的href值5、禁止原生input标签，按下回车键自动打开下载弹窗6、从字符串中，找出a标签的href值1、禁止在浏览器上复制文字//禁用浏览器右键功能document.oncontextmenu=newFunction("event.returnValue=false")
蛙夏~·2023-09-29 20:36

30+ 个工作中常用到的前端小知识

1.JS为什么单线程一个简单的原因就是，js在设计之初只是进行一些简单的表单校验，这完全不需要多线程，单线程完全可以胜任这项工作。即便后来前端发展迅速，承载的能力越来越多，也没有发展到非多线程不可的程度。而且还有一个主要的原因，设想一下，如果js是多线程的，在运行时多个线程同时对DOM元素进行操作，那具体以哪个线程为主就是个问题了，线程的调度问题是一个比较复杂的问题。HTML5新的标准中允许使用n
抽疯的稻草绳·2023-09-29 06:42

每天10个前端小知识 【Day 11】

个人主页：不爱吃糖的程序媛‍♂️作者简介：前端领域新星创作者、CSDN内容合伙人，专注于前端各领域技术，成长的路上共同学习共同进步，一起加油呀！✨系列专栏：前端面试宝典、JavaScript进阶、vue实战资料领取：前端进阶资料以及文中源码可以在公众号【不爱吃糖的程序媛】领取前端面试基础知识题1.浏览器的垃圾回收机制有哪些？JS会在创建变量时自动分配内存，在不使用的时候会自动周期性的释放内存，释放
不爱吃糖的程序媛·2023-09-22 05:01

15个前端小知识

css一行文本超出...overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2.多行文本超出显示...display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;3.IOS手机容器滚动条滑动不流畅overflow:auto;-
魂斗罗小黑·2023-09-20 10:45

等前端小知识

1.css一行文本超出...overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2.多行文本超出显示...display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;//根据实际情况修改overflow:hidden;3.IOS手机容器滚动条滑动不流畅ove
源大侠·2023-09-18 14:31

每天10个前端小知识（1day）

一、var和let的区别1、var是函数作用域，let是块级作用域。在函数中声明了var，整个函数内都是有效的，比如说在for循环内定义的一个var变量，实际上其在for循环以外也是可以访问的。而let由于是块作用域，所以如果在块作用域内定义的变量，比如说在for循环内，在其外面是不可被访问的，所以for循环推荐用let。for(vari=0;i.box{width:200px;height:10
此处该有网名·2023-09-17 10:05

每天10个前端小知识 【Day 18】

个人主页：不爱吃糖的程序媛‍♂️作者简介：前端领域新星创作者、CSDN内容合伙人，专注于前端各领域技术，成长的路上共同学习共同进步，一起加油呀！✨系列专栏：前端面试宝典、JavaScript进阶、vue实战资料领取：前端进阶资料以及文中源码可以在公众号【不爱吃糖的程序媛】领取前端面试基础知识题1.如何实现单行／多行文本溢出的省略样式？在日常开发展示页面，如果一段文本的数量过长，受制于元素宽度的因素
不爱吃糖的程序媛·2023-09-11 22:16

每天10个前端小知识 【Day 17】

个人主页：不爱吃糖的程序媛‍♂️作者简介：前端领域新星创作者、CSDN内容合伙人，专注于前端各领域技术，成长的路上共同学习共同进步，一起加油呀！✨系列专栏：前端面试宝典、JavaScript进阶、vue实战资料领取：前端进阶资料以及文中源码可以在公众号【不爱吃糖的程序媛】领取前端面试基础知识题1.使用原生js实现以下效果：点击容器内的图标，图标边框变成border:1pxsolidred，点击空白
不爱吃糖的程序媛·2023-09-11 22:15

每天10个前端小知识 【Day 16】

个人主页：不爱吃糖的程序媛‍♂️作者简介：前端领域新星创作者、CSDN内容合伙人，专注于前端各领域技术，成长的路上共同学习共同进步，一起加油呀！✨系列专栏：前端面试宝典、JavaScript进阶、vue实战资料领取：前端进阶资料以及文中源码可以在公众号【不爱吃糖的程序媛】领取前端面试基础知识题1.为什么有时候⽤translate来改变位置⽽不是使用position进行定位？translate是tr
不爱吃糖的程序媛·2023-09-11 22:45

你会用到的 15个前端小知识

1.css一行文本超出...overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2.多行文本超出显示...display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;//此处的数字可变此处是三行省略overflow:hidden;3.IOS手机容器滚动条滑动
是妍妍吖·2023-09-09 01:12

class命名规范

作者：饥人谷_韩宝亿前端小知识点–class命名规范今天在写页面的时候，发现class=”1212-sale”开头的样式无法调用，后来大群里有同学说class样式不能以数字的开头。试了一下果然是的！
Neil_Wesley·2023-09-03 03:20

前端小知识（记录工作中遇到的小知识点）

一、图片固定宽高（这种情况比较适合在不知道图片宽高比例的情况下的图片列表）不考虑拉伸只考虑固定宽高直接使用css给图片固定宽高。在考虑拉伸不考虑固定宽高的情况下也就是需要等比的情况下，只需要给图片一个宽度就行了，会自适应一个高度。两者都考虑的情况目前有两种办法：①、使用img做载体给一个固定宽高，使用css中的object-fit:cover属性，注意:InternetExplorer/Edge1
rta_bh·2023-08-11 20:35

前端小知识点总结（持续更新）

前端小知识点总结~持续更新1、如何将newDate（）转换为标准的时间格式（YYYY-MM-DDHH:mm:ss），直接在js里面，不使用moment,也不使用getFullYear()，getMonth
qq_23128255·2023-08-09 14:19

今日前端小知识——判断数据类型的几种方法

判断数据类型的方法typeofinstanceofconstructorObject.prototype.isPrototypeOf()Object.prototype.toString.call()（最推荐使用）补充知识点：instanceof与isPrototypeOf()的区别JavaScript是一种弱类型或者说动态语言，在使用一个变量时无需提前声明变量的类型，在程序运行过程中，类型会被自
ostuthere·2023-07-22 15:14

前端小知识：第三方JS库：tesseract.js（基于浏览器性能的离线OCR）

文章目录tesseract.js（离线OCR）概述使用tesseract.js（离线OCR）概述仓库地址：https://github.com/naptha/tesseract.js 语言包地址：https://github.com/naptha/tessdata/tree/gh-pages/4.0.0_best 离线OCR仓库地址（使用这个）：https://github.com/jeromew
嗯嗯**·2023-04-21 20:51

每天10个前端小知识 【Day 15】

个人主页：不爱吃糖的程序媛‍♂️作者简介：前端领域新星创作者、CSDN内容合伙人，专注于前端各领域技术，成长的路上共同学习共同进步，一起加油呀！✨系列专栏：前端面试宝典、JavaScript进阶、vue实战资料领取：前端进阶资料以及文中源码可以在公众号【不爱吃糖的程序媛】领取前端面试基础知识题1.两个同级的相邻元素之间，有看不见的空白间隔，是什么原因引起的？有什么解决办法？行框的排列会受到中间空白
不爱吃糖的程序媛·2023-03-01 07:53

面试官：如何用a标签实现文件下载？（一文带你手撕知识点）

前言大家好，今天给大家带来前端小知识：前端利用a标签实现文件（图片）下载，也就是教大家利用a标签或者是window.open()来实现下载功能。
陈橘又青·2022-12-30 00:21

【element-ui】解决问题——el-table组件表格上多出一条横线

测开也需懂的前端小知识问题现象在使用element-ui的el-table组件，添加多条数据时，表格上多出一条横线。影响表格的美观。
Carol的测试之路·2022-12-27 09:59

你一定会用到的 12个前端小知识

1.垂直居中html东西南北我居中css.parent{border:3pxsolid#eee;background:#f5f6f9;height:100px;/*关键代码*/display:flex;justify-content:center;align-items:center;}.child{font-size:14px;font-weight:400;}效果图2.calchtml//绘制
·2022-12-14 15:10

前端基础知识点-每天一个基本知识点（100+个前端小知识，你是否都知道？）

文章目录前言第一回合一、知识点：cookie（21/09/06）二、知识点：节流和防抖（21/09/07）三、知识点：var和let以及const（21/09/08）四：知识点：深拷贝和浅拷贝（21/09/09）五、知识点：作用域和作用域链（21/09/10）六、知识点：从输入URL到页面展示这中间发生了什么（21/09/11）七、知识点：重排和重绘（21/09/12）八、知识点：TCP和UDP（
普通网友·2022-12-02 01:42

每天一个前端小知识01——Webpack

一、何为前端工程化1.模块化：包括对css、js、资源的模块化2.组件化：封装组件，复用ui、css、js3.规范化：目录结构、编码、接口、文档以及git分支4.自动化：自动化构建、部署、测试二、Webpack快速入门webpack是目前前端工程化的最流行的解决方案之一特点：模块化开发、代码压缩混淆、兼容性、性能优化等如何新建webpack简单项目？1.新建项目目录，npminit–y，初始化包管
bei-zhen·2022-09-02 19:59

前端基础知识点-每天一个基本知识点（100+个前端小知识，你是否都知道？）

文章目录前言第一回合一、知识点：cookie（21/09/06）二、知识点：节流和防抖（21/09/07）三、知识点：var和let以及const（21/09/08）四：知识点：深拷贝和浅拷贝（21/09/09）五、知识点：作用域和作用域链（21/09/10）六、知识点：从输入URL到页面展示这中间发生了什么（21/09/11）七、知识点：重排和重绘（21/09/12）八、知识点：TCP和UDP（
文默·2022-05-06 09:12

必备前端小知识一 html

1.web概念概述2.html基本使用方式web概念概述：javaweb*使用JAVA语言开发基于互联网的项目*软甲的架构1.c/s架构client/server客户端/服务器端如qq迅雷优点：1.优化了用户体验缺点：1.开发安装部署维护麻烦2.b/s架构browser/server浏览器/服务器*需要一个浏览器，用户通过不同网址，访问不同的服务器端程序优点：1.开发部署安装维护简单缺点：1.应用
初猿·2022-03-24 17:58

E-前端文章汇总

JS常用工具API（手撸）https://www.jianshu.com/p/a5316d5b4c6d前端小知识https://www.jianshu.com/p/cb0a502db874npm常见问题解决
鄙人_阿K·2022-02-10 09:28

前端小知识点

1、解构小技巧平常我们需要用到一个嵌套多层的对象中某些属性，会将其解构出来使用letobj={part1:{name:'零一',age:23}}//解构const{part1:{name,age}}=obj//使用console.log(name,age)//零一23这种情况下，你把name和age从part1里解构出来了以后，你就无法使用变量obj中的part1属性了，如：//....省略con
·2021-11-29 18:44

前端小知识

1、React.PureComponent与React.Component的区别React.PureComponent与React.Component几乎完全相同，但React.PureComponent通过prop和state的**浅对比**来实现shouldComponentUpate()React.Component：classAextendsReact.Component{//xxx}Re
子瑜说IT·2021-06-21 12:12

超使用的15个前端小知识点

本文章转自：乐字节文章主要讲解：前端小知识获取更多前端相关资料可以关注公众号《乐字节》发送：9991.css一行文本超出...2.多行文本超出显示...3.IOS手机容器滚动条滑动不流畅4.修改滚动条样式隐藏
·2021-06-19 23:46

超使用的15个前端小知识点

本文章转自：乐字节文章主要讲解：前端小知识获取更多前端相关资料可以关注公众号《乐字节》发送：9991.css一行文本超出...2.多行文本超出显示...3.IOS手机容器滚动条滑动不流畅4.修改滚动条样式隐藏
·2021-06-19 23:58

前端小知识点--class命名规范

今天在写页面的时候，发现class="1212-sale"开头的样式无法调用，后来大群里有同学说class样式不能以数字的开头。试了一下果然是的！为了避免犯同样的错误，我上网查了一下css命名规范。整理了一下：一、命名规则说明：1、所有的命名最好都小写2、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3、每个标签都要有开始和结束，且要有
韩宝亿·2021-05-01 00:52

15 个前端小知识

css一行文本超出...overflow:hidden;text-overflow:ellipsis;white-space:nowrap;2.多行文本超出显示...display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;3.IOS手机容器滚动条滑动不流畅overflow:auto;-
抽疯的稻草绳·2021-04-13 08:12

前端小知识--从Javascript闭包看let

let和闭包之前一直模模糊糊记得，let解决了某个闭包问题，想用时又不敢肯定，今天终于遇到这个问题了，那我们就一起来分析一下，什么是let，let有什么作用，以及，他是如何解决闭包的，当然，也顺便好好聊聊闭包。1、闭包1.1闭包的定义闭包的定义是这样的：内部函数被保存到了外部，即为闭包先来看一个简单的例子：//我们声明一个函数test(),这个函数返回了一个functionfunctiontest
JiaXinYi·2021-01-10 04:51

前端小知识--地图坐标转换

地图坐标转换LBS，基于位置的服务（LocationBasedService)，近年来已经无处不在，尤其是我们前端，相信或多或少都有接触一些地图API服务，比如高德、百度啊、谷歌啊~但是用的时候可能看到下面这些字眼：比如BD09、火星坐标、WGS84……不由得还是蒙圈了啊?那么接下来，我们就来了解一下，关于当前用到的一些互联网地图的基础坐标转换知识~0、首先给大家出一个题地图上的经纬度转换到平面坐
JiaXinYi·2021-01-10 04:50

前端小知识--JavaScript事件流

JavaScript事件流0.DOM级别与DOM事件首先在介绍DOM事件之前我们先来认识下DOM的不同级别。针对不同级别的DOM，我们的DOM事件处理方式也是不一样的。DOM级别一共可以分为4个级别：DOM0级，DOM1级，DOM2级和DOM3级，而DOM事件分为3个级别：DOM0级事件处理，DOM2级事件处理和DOM3级事件处理。如下图所示：其中1级DOM标准中并没有定义事件相关的内容，所以没有
JiaXinYi·2021-01-10 04:50

前端小知识--为什么你写的height:100%不起作用？

为什么你写的height:100%不起作用？这个知识不算冷门的，但是用的时候可能还是会有些懵逼，不能生效时搜一搜就能找到答案了，但是你真的懂了吗？为什么想要设置一个全屏元素的时候，高度不受%的控制？1.百分比宽高的设定按照w3c中的width和height属性，可以明确%设定宽高是根据父元素的宽高来的：http://www.w3school.com.cn/cs...http://www.w3sch
JiaXinYi·2021-01-10 04:20

前端小知识--TypeSript和JavaScript到底是什么关系？

从TypeScript到ES6到ES5在我初学前端的很长一段时间，不愿意碰git，不愿意碰框架，总是嫌麻烦，连ES6也没有怎么去弄明白，真的很浅显，很长时间也都在学习一些很落后的知识，止步不前，我觉得很多人应该也和我一样。前端变化真的很快，国内国外的状况也不一样，所以很大程度上取决于环境。想学好前端，真的要主动，然后对所有的英文文档耐心一点。那么从JavaScript到ES6到TypeScript
JiaXinYi·2021-01-10 04:49

你会用到的 15 个前端小知识

css满满的干货：https://lhammer.cn/You-need-t...1.css一行文本超出...`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`2.多行文本超出显示...`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;ov
亲爱的阿乾·2020-12-01 19:36

你会用到的 15 个前端小知识

css满满的干货：https://lhammer.cn/You-need-t...1.css一行文本超出...`overflow:hidden;text-overflow:ellipsis;white-space:nowrap;`2.多行文本超出显示...`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;ov
亲爱的阿乾·2020-12-01 19:33

[面试三分钟小文]前端性能优化-HTML、CSS、JS部分

今天给大家带来前端面试必会问到的前端性能优化问题，暂定分三期给大家带来，第一期讲述基本的代码优化，后续还有网络传输层优化和页面加载速度优化，敬请期待，也欢迎点击查看原文了解更多前端小知识。
全栈道路·2020-08-25 04:53
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他