- 博客(15)
- 收藏
- 关注
原创 7.js仔必背的DOM八股
DOM:文档对象模型(Document Object Model):讲页面所有的内容表示为可以修改的对象浏览器会将我们编写的html,css进行渲染,同时它又要考虑我们可能通过js对其进行操作于是浏览器将我们编写在HTML中的每一个元素(Element)抽象成一个个对象所有这些对象都可以通过js进行访问,那么我们就可以通过js来操作页面所以,我们将这个抽象过程 称之为 文档对象模型(Document O···bject Model)将文档被抽象到documnet 对象中。
2024-03-14 10:39:24 800
原创 5.js仔必看的对象八股文
crome开发者工具consloe(控制台)区域,可以查看代码中使用consloe.log()输出的信息给代码加断点的话,代码运行时遇到断点会停止执行watch(监视)区域:可以输入对应的变量,可以管擦代码运行的时候,变量的变化。breakpoints(断点)区域:可以查看js代码中所有添加的断点scope(作用域)区域:可以查看代码生成的作用域左上方工具栏按钮的作用(左到右)1.控制调试程序的暂停和恢复2.跳过下一个函数调用,执行下一行代码3.进入下一个函数调用,可查看函数内部执行顺序。
2024-03-10 16:00:51 1533 1
原创 4.js仔必备的函数八股
举个很简单的例子,就是自己调用自己在语言方面去解释递归:从前有座山,山上有座庙,庙里有个老和尚,正在和小和尚讲故事,讲的是什.....递归是一个重要的编程思想:讲一个复杂的人物,转化成可以重复执行的相同任务递归必须要有一个约束条件 否则会栈溢出,消耗大量内存。递归的思想来源于数学的一个 x^n = x * x^(n-1)这个是没有给递归约条件的代码// 递归调用// 默认情况下会产生无限调用的情况console.log("foo函数被执行了")foo()foo()
2024-03-05 08:33:41 1540
原创 5.前端仔必背的flex八股
flexbox又叫弹性盒子,是一种用于按行或按列布局元素的一维布局方法,元素可以膨胀以填充额外的空间,收缩以适应更小的空间,通常我们使用flexbox来进行布局的方案称之为flex布局flex布局的重要概念有两个一个是开启flex布局的元素叫flex container 也就是父元素flex container 里面的直接子元素叫做flex item 也就是各个子元素当flex container中的子元素变成了flex item 的时候 会具有以下特点。
2024-02-12 00:25:51 1925 1
原创 js仔必会的八股文
js中有八个基本的数据类型,其中七个是原始类型,一个是复杂类型Number用于表示任何类型的数字;整数或浮点数String用于字符串:一个字符串可以包含0或多个字符,所以没有单独的单字符类型Boolean布尔,用于表示真假Underfined用于未定义的值—只有一个undefined值的独立类型Object引用类型,或者复杂类型Null用于未知的值—只有一个null值的独立类型Symbol用于唯一的标识符Bigint用于任意长度的整数。
2024-02-07 12:50:08 813 1
原创 4.切图仔恐怖的回忆定位和浮动八股文
float属性可以指定一个元素应沿着容器的左侧或右侧放置,允许文本和内联元素环绕他绝对定位和浮动的话都可以让元素脱标,达到灵活布局的效果float常用取值有none、left、right浮动的规则元素一旦发生浮动,就会脱离标准流朝着左or右边方向移动,知道自己的边界紧贴着包含快,一般是父亲元素或者其他浮动元素的边界为止定位元素会层叠在浮动元素的上面。如果元素是向左(右)浮动的时候,浮动元素的左(右)边界不能超出包含块的左(右)边界浮动元素之间不能层叠。
2024-02-04 18:28:18 774 1
原创 3.切图仔背过的八股文
我们提供一个或多个字体种类的名称后, 浏览器会在列表搜寻,直到找到他所运行的系统上可以用的字体。但是这样的话,字体选择是有限的,不能用一些定制化的字体网络字体不是预先安装在用户的操作系统的,是浏览器在渲染网页时下载的。当我们要用一些os没有的字体的时候这个时候我们就可以用web fonts来解决这个问题,步骤如下一般情况下是在自己的服务器下载字体,也可以在网站下载,默认下载出来的是ttd文件使用字体,将字体放在对应目录中,通过@font-face语法引入字体,并且设置格式。然后使用字体。
2024-02-02 19:04:54 374
原创 3.那些年阅读过的html八股文
有三个,分别是有序列表,无序列表,和定义列表。一般布局列表的时候有两个手段div盒子去布局ul>li 去布局 让元素语义化。但是用li布局的话会有很多默认的样式,我们需要做样式重置其中三个列表的特性分别是有序列表ol>li 他的直接子元素只能是小li 效果图如下无序列表的话是 ul>li 这个是开发中最常见的定义列表的话是 dl>dt+dd 其中dt是每一项的项目名,而dd是列表中每一项的具体描述 一般一个dt后面跟着多个dd。
2024-02-01 21:42:20 828 1
原创 1.切图仔背过的css八股文
text-decoration用于设置文字的装饰线,(decoration装饰)(不是继承属性)text-decoration有以下常见的取值none:无任何装饰线(可以去掉a元素默认的下划线)underline:下划线overline:上划线line-through:中划线text-decoration属性是一种简写的属性,并且可以使用普通属性三个值的任何一个:text-decoration-line:文本修饰的属性,如下划线underline,删除线line-through;
2024-01-22 18:47:52 814
原创 2.那年冬天背过的八股文
元素语义化就是用正确的元素做正确的事情。虽然在理论上,所有的html元素都可以通过css样式实现相同的事情,但是这么做会使事情复杂化,所以我们需要元素语义化来降低复杂度。
2024-01-20 22:42:49 405
原创 那些年我们背过的js八股文
谷歌根据webkit接着研发的chorme以及他的v8引擎。苹果研发的webkit—>javascriptcore。排版引擎:负责html和css的解析和排版。浏览器内核有两种引擎,其中一种是js引擎。js引擎:负责解析和运行js语句。js引擎是js语言的运行编辑器。js是一个解释型语言。
2024-01-20 19:38:41 369
原创 1.那些年背过的八股文
2.网页的编码 meta元素 设置网页的字符编码,让浏览器哦更精准的显示每一个文字,一般采用utf-8编码。html head 元素规定文档相关的配置信息(也被成为元数据),包括文档的标题,引用的样式和脚本。字体常常用来显示保留字符(这些字符会被解析成html代码)和不可见字符(不换行空格)html实体是一段以连字号(&)开头,分号(;如果我们想用
2024-01-20 00:37:16 389
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人