前端秘法
文章平均质量分 86
以html, css, js等语言为基础,同时包含事件循环, 浏览器渲染原理, vue等进阶秘法
一枕眠秋雨>o<
阿里云专家博主,CSDN全站领域新星创作者,华为云云享专家,接一下简单的课设或者算法题
展开
-
代码世界的构建有一个不可或缺的支柱(如何让代码更加稳健)
最近学JavaScript的过程中,有幸学到了一个新的知识点----属性描述符,尽管它在业务代码中可能并不常见,但是许多库源码中都有它的身影,比如vue。原创 2024-02-22 15:08:35 · 1776 阅读 · 84 评论 -
前端秘法番外篇----学完Web API,前端才能算真正的入门
这里我们注册了一个键盘点击事件,并绑定了一个回调函数,通过event全局变量得到用户输入数据的编码值,在通过fromCharCode将其转换为字符,但我们不难发现,众所周知,JS的世界有三大组成部分,ECAMscript掌管语法规则,DOM与HTML文档的解析息息相关,BOM则掌管着浏览器的操作。总的来说,Web API 为开发人员提供了一种便捷的方式,使他们能够利用其他系统提供的数据和功能,从而构建更强大、更集成的应用程序。而API呢,其实就是实现某些功能的内置函数,是维护一方世界的神器。原创 2024-02-21 21:18:10 · 2625 阅读 · 47 评论 -
前端秘法基础式终章----欢迎来到JS的世界
var a = 0;let a = 0;上述两种定义变量的方法都行,其中let是在var的基础上做一些优化和改进。原创 2024-02-20 22:08:14 · 6766 阅读 · 107 评论 -
前端秘法基础式(CSS)(第二卷)
直接用对应的单词body div{color: red;原创 2024-02-19 20:51:22 · 3252 阅读 · 72 评论 -
前端秘法进阶篇----这还是我们熟悉的浏览器吗?(浏览器的渲染原理)
reflow 的本质就是重新计算 layout 树。当进行了会影响布局树的操作后,需要重新计算布局树,会引发 layout。为了避免连续的多次操作导致布局树反复计算,浏览器会合并这些操作,当 JS 代码全部完成后再进行统一计算。所以,改动属性造成的 reflow 是异步完成的。也同样因为如此,当 JS 获取布局属性时,就可能造成无法获取到最新的布局信息。浏览器在反复权衡下,最终决定获取属性立即 reflow。repaint 的本质就是重新根据分层信息计算了绘制指令。原创 2024-02-17 19:44:45 · 2526 阅读 · 58 评论 -
前端秘法进阶----css中那些不能说的秘密
目录一.css属性计算过程1.使用继承2.使用默认值3.面试题二.css之包含块层叠冲突这一步完成后,解决了相同元素被声明了多条样式规则究竟应用哪一条样式规则的问题。那么如果没有声明的属性呢?此时就使用默认值么?答案并不是,此时还有第三个步骤,那就是使用继承而来的值。例如:```html<div> <p>Lorem ipsum dolor sit amet.</p></div>``````cssdiv { color: red;}```在上面的代码中,我们针对 div 设置了 color原创 2024-02-17 20:01:30 · 5176 阅读 · 80 评论 -
前端秘法基础式(CSS)(第一卷)
CSS 指的是层叠样式表(Cascading Style Sheets),它是一种用于描述网页外观和布局的语法CSS 可以定义网页中元素的字体、颜色、大小、位置、背景等样式,使网页具有美观的外观和统一的风格。通过将 CSS 样式表与 HTML 文档关联起来,可以实现对网页样式的控制和管理。CSS 的优点在于它可以实现网页样式的分离,使得 HTML 主要负责网页的结构和内容,而 CSS 则专注于样式定义,提高了代码的复用性和维护性。例如,以下是一个简单的 CSS 规则:p {原创 2024-02-16 19:53:25 · 1684 阅读 · 15 评论 -
前端秘法进阶篇之事件循环
程序运行需要有专属的内存空间,可以把这块内存空间简单的理解为进程在这里我们把不同的颜色看做不同的程序运行时所需要的内存空间,每个应用至少有一个进程,进程之间相互独立,如果要联系,需要双方同意.原创 2024-02-15 13:30:00 · 3007 阅读 · 42 评论 -
前端秘法基础式(HTML)(第二卷)
用来完成与用户的交互,例如登录系统。原创 2024-02-15 11:25:41 · 1244 阅读 · 26 评论 -
前端秘法基础式(HTML)(第一卷)
img标签必须搭配src来使用,src用来指定路径注意这里的src不仅可以指定文件路径,还可以指定URL。原创 2024-02-14 15:15:00 · 1002 阅读 · 10 评论 -
前端秘法引言(配置vscode, 以及html的基础)
vscode官网点击右上角的download根据不同的操作系统进行下载安装,我这里选的是Windows x64安装好后打开,点击左上角的文件(Files)->打开文件夹(open folder)->创建新文件->选择点击第一个图标,创建一个后缀名为.html的文件即可。原创 2024-02-14 10:30:00 · 1279 阅读 · 41 评论