- 博客(20)
- 收藏
- 关注
原创 BFC 块级格式化上下文
BFC是一块独立的渲染区域,它规定了在该区域中,常规流块级盒子的布局。一个BFC区域宝含创建该上下文的所有子元素,但是不包括创建了显得BFC区域的子元素。创建了BFC的元素,它内部的元素不送外部元素影响,也不会影响外部元素,是一个独立的区域。
2023-03-27 19:35:43 200
原创 组合式(Composition)API
我们可以使用reactive()来创建一个数组或者对象在template中直接使用,在方法或者回调函数中使用todolistreactive()的局限性仅对对象类型有效(对象、数组和MapSet这样的集合类型),而对stringnumber和boolean这样的原始类型无效。因为 Vue 的响应式系统是通过属性访问进行追踪的,因此我们必须始终保持对该响应式对象的相同引用。这意味着我们不可以随意地“替换”一个响应式对象,因为这将导致对初始引用的响应性连接丢失。
2023-03-26 19:53:22 4376
原创 mysql数据库基础知识(增删改查)
mysql数据库时一种关系型数据库。数据库是按照数据结构来组织、存储以及管理数据的仓库,每个数据库都有一个或者多个不同的api用于创建、访问、管理、搜索复制数据我们也可以在文件中存储数据,但是文件存储数据读写数据的书读2较慢,独立性不高,冗余性大。所以我们将数据多谢在关系型数据库中,使用关系型数据管理系统(RDBMS)来存储数据。所谓关系型数据库,就是建立在关系模型上的数据库。1、数据以表格的形式呈现2、每行数据表示一条记录3、每列为记录所对应的属性4、许多的行许多的列组成一张表。
2023-03-26 11:51:32 764
原创 Nodejs获取请求参数
在nodejs中,代码修改后 需要我们手动重启代码,这个时候我们可以安装nodemon包 ,来解决手动重启的问题。cnpm i ajax --save 简写 -S 表示将依赖添加到package,json中。npm i ajax --save -dev 简写 npm i ajax -D 表示生菜博士。从req中获取请求相关内容,使用字符串分割的方式,获取fet请求中的内容。从req中获取请求相关内容,使用url中的parse函数获取参数。加载某个模块,其实是加载该模块的。这个变量是一个对象,它的。
2023-03-09 11:53:03 2404
原创 虚拟DOM与Diff算法
在页面渲染时,如果页面更新一次,dom就需要重新渲染一次,这样就会很玛法,也会有一定的缺陷,这个时候我们就需要一个虚拟dom来先和真实dom进行对比,比较是否发生变化,有变化,在进行重新渲染,否则不进行渲染。虚拟dom其实就是一个用来表示真实dom的一个对象。真实dom对应的虚拟domdom={//标签名//标签属性props:{},children:[},},},下面是渲染真实dom的示意图根据上图我们可以得出直接渲染的效率比第一种的效率高许多。
2023-03-08 21:07:00 299
原创 JS中for...of 与for...in 的区别
在遍历对象时,for in 可以遍历对象,for of 不能遍历对象,只能遍历带有iterator接口的,例如Set,Map,String,Array,如果想要使用for..of遍历对象,可以使用Object.keys()方法。3、for..in在遍历时不仅可以遍历数字键名,还可以遍历手动添加上的键,也可以遍历原型上的键,但是for..of只可以遍历原生的。在遍历数组时,for...in便利的是数组中每项元素对应的索引,二for..of 遍历时是每一项元素的值。
2023-03-07 21:54:46 416
原创 跨域请求的解决方式
1、服务器对于src的跨域请求不会阻止。2、script标签src导入的外部文件,内容/输出 都会按照JavaScript语法程序执行。
2023-03-05 12:43:56 172
原创 javascript高级相关语法
1>当一侧为string类型时,会被识别为字符串的拼接,将另一边不是字符串的转化为字符串类型进行计算。在对各种非number类型的进行减乘除时,会先将非number的转为number类型进行计算。3>当一侧为number类型,另一侧为引用类型,会先将两侧转化为字符串,然后进行字符串的拼接。2>当一侧为number类型,另一侧为原始类型,将原始类型转化为number类型。布尔值和其它类型的值比较,会先将布尔值转换为number类型。原始类型和引用类型作比较时,引用类型会依照。
2023-02-12 18:12:33 71
原创 js之BOM和DOM的介绍
BOM是Borwser Object Model的简写模式,它提供了一整套对浏览器操作的方法,可以对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改变状态栏中的文本以及执行其他与页面内容不直接相关的动作。浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。
2023-02-06 20:26:29 129 1
原创 初识javascript之运算符与程序结构
l浏览器对象模型:文档对象模型:核心 定义语法规则与书写规范3BOM DOM是webAPI通过es操作bom dom来完成交互。
2023-02-01 21:14:24 61
原创 浮动溢出、定位、阴影的制作
可以隐藏元素,但是元素的位置还在,在页面重新渲染时不需要进行重排,siaplay:none也可以隐藏元素,但是他不会保留元素的位置,在页面重新渲染时会进行重排。浮动会导致浮动的元素脱离文档流,不再占据原本文档流的位置,但是原来的父元素盒子还是会根据之前的计算方式来计算盒子的高度,这样会导致脱离文档流的元素溢出容器,影响后续元素的布局。父元素没有设置该属性,子元素设置该属性,当子元素的z-index属性的值大于0时,子元素层级高于父元素,当子元素的值小于0时,则父元素的层级高于子元素。
2022-12-25 20:13:12 161 1
原创 css基础样式
相邻块级元素垂直方向设置外边距时,会进行外边距合并,土狗上方元素设有margin-bottom,下方元素设有margin-top,那么他们两个元素之间的空隙不是margin之和,而是取两者中最大的。在网页布局中,我们经常需要定义元素的宽高,但有时候因为要适应不同的设不同的窗口大小,我们元素的宽高并不是要固定的,而是需要去自适应。相邻的兄弟元素之间使用 + ,相邻兄弟选择器匹配所有作为指定元素的相邻同级的元素。兄弟元素之间使用 ~ ,通用兄弟选择器匹配属于指定元素的同级元素的所有元素。
2022-12-21 20:10:30 117
原创 初识HTML(新手入门)
HTML是一种超文本标记语言(英文全称:HyperText Markup Language,简称:HTML),HTML是 前端最基础的部分,但我们不能认为他就是不重要的,相反他是非常重要的。HTML可以说是页面的骨架(框架)。我们可以在HTML页面中船舰图片、链接、搭建页面主要框架等。HTML不属于编程语言,而是一种标记语言,
2022-12-14 20:42:18 805 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人