前端
文章平均质量分 84
dawdler-w
这个作者很懒,什么都没留下…
展开
-
Vue3组件通信的八种方式
Vue3组件之间八种通信方式原创 2024-09-13 10:58:10 · 1026 阅读 · 0 评论 -
前端面试题目系列三
跨域问题(CORS, Cross-Origin Resource Sharing)是指在不同源之间(即协议、域名或端口不同的情况)进行请求时,浏览器的安全策略阻止这些请求。浏览器的事件循环(Event Loop)是处理异步任务和执行 JavaScript 代码的核心机制。这样的话,子元素上触发的事件可以在父元素上被捕获和处理,从而减少内存的使用和性能。一旦执行栈中的所有同步任务执行完毕,系统就会依次读取任务队列中的异步任务,于是被读取的异步任务结束等待状态,进入执行栈,开始执行。先执行执行栈中的同步任务。原创 2024-08-23 11:15:31 · 592 阅读 · 0 评论 -
Promise ? 我 promise 你一个详细的手撕过程
Promise的手写过程不是很难,大家自己动手理清思路和重要,下面是我手写Promise的源码,就实现了一些常用Promise的方法,所有的测试都能跑通,XDM放心食用,更详细的讲解放在最后了!原创 2024-08-14 16:21:47 · 221 阅读 · 0 评论 -
前端面试题目系列二
关于前端面试可能出现题目的一些汇总吧原创 2024-08-10 15:40:21 · 920 阅读 · 0 评论 -
前端面试题目系列一
学校生涯进行了一半了,还有不到一年多就要准备work了,在这个前端非常卷的阶段,我觉得提前着手一下前端面试的东西,对自己还是有些许帮助的🤨,可以一边复习巩固,一边收集面试可能出现题目,我准备出一个面试可能会出现的题目的一个参考系列供大家食用ฅʕ•̫͡•ʔฅo。原创 2024-08-09 11:38:23 · 894 阅读 · 0 评论 -
清除浮动的方法
清除浮动的方法额外标签法(隔墙法),W3C推荐做法在浮动元素末尾添加一个空的标签。例如html部分:<div class="purge"></div>css部分:.purge { clear: both;}强调一下这个空标签必须是块级元素,还有这里的类名是自己定义的,这里用了purge(清除)当作类名。父级添加overflow属性给父级添加overflow属性,将其属性值设置为hidden、auto或者scroll最常使用:overflow: h原创 2020-12-20 21:11:23 · 148 阅读 · 0 评论 -
单行文字处垂直居中的方法
单行文字垂直居中的方法(文字在盒子中居中)通常我们想让文字想要在盒子的中间显示,下面一行代码帮你解决!~ 让文字的行高等于盒子的高度,用代码解决就是:line-height=height; 文字垂直居中显示有时候我们还会因为需求,会让盒子里面的文字偏下或者偏上显示,解决方法如下:line-height>height; 文字偏下显示line-height<height; 文字偏上显示...原创 2020-12-20 20:33:24 · 528 阅读 · 0 评论 -
html代码快速生成
html代码快速生成的写法(也称Emmet语法)在敲代码的过程中,工作量非常的大,代码也不能一点点的写,非常影响效率,所以我们有快速的方法来编写代码的框架,节省了我们大量的时间,下面就来看看Emmet语法(这里我使用的是前端流行开发工具Visual Studio Code)!Emmet语法.+类名——快速生成类选择器输入.nav出现<div class="nav"></div>#+id名——快速生成id选择器输入#two出现<div id="two"&原创 2020-12-20 20:16:13 · 5213 阅读 · 2 评论 -
CSS属性
CSS的字体属性和文本属性CSS在HTML页面中占据很大一部分的地位,它帮助我们的页面更加的美丽,并且符合大众的审美要求,下面我们就来看一看我们的HTML页面是怎么变得美观大方的!CSS字体属性由于CSS字体属性总体的难度不太大,我这里用一张表格把常见的用法给大家列举一下^ - ^!属性属性值说明font-family一般为"Microsoft Yahei"(微软雅黑)定义文本的字体系列(通常给body元素指定)font-sizenumber+px(如:14px原创 2020-12-20 19:29:37 · 131 阅读 · 0 评论 -
CSS选择器-复合选择器
CSS选择器——复合选择器CSS复合选择器分为四类:后代选择器、子选择器、并集选择器、伪类选择器后代选择器:后代选择器在我们日常的编程中是非常重要的,它能选择父代元素里面的所有子代元素,添加效果,减少了我们代码的冗余。语法:元素1 元素2 { 属性: 属性值; …}注意:元素1和元素2之间必须用空格隔开!均采用内部样式表(嵌入式)<html> <head> <style> ul li {原创 2020-12-08 15:22:25 · 1192 阅读 · 0 评论 -
CSS选择器——基础选择器
CSS选择器——基础选择器CSS选择器分为两大类:基础选择器、复合选择器基础选择器包含四种类型的选择器:标签选择器、类选择器、id选择器、通配符选择器(下面更精彩哦,各位小伙伴^ - ^!)标签选择器标签选择器(元素选择器)是指用于HTML标签名称作为选择器,按标签名称分类,为页面中某一标签指定统一的CSS样式。语法:标签名 { 属性1: 属性值1; …}举一个栗子(部分代码省略),<html> <head> <sty原创 2020-12-08 13:06:24 · 221 阅读 · 0 评论