- 博客(15)
- 收藏
- 关注
RSS订阅原创 出现fatal: not a git repository (or any of the parent directories): .git
fatal: not a git repository (or any of the parent directories): .git
2023-02-22 11:53:18
927
1
原创 ＜script＞标签中defer和async的作用和区别
但是script文件的执行是同步的，执行的过程仍然会阻塞html的解析渲染。4.async 对于应用脚本的用处不大，因为它完全不考虑依赖（哪怕是最低级的顺序执行），不过它对于那些可以不依赖任何脚本或不被任何脚本依赖的脚本来说却是非常合适的。和async一样，script引用的外部文件是异步加载的，但是defer会将外部文件的执行推迟到html解析结束后再执行。3.对async而言，脚本的加载和执行是紧挨着的，不管声明顺序如何，只要加载完就会立即执行。，创建新的网络连接，并开始下载样式文件和脚本文件；
2023-01-09 23:20:20
1277
转载 BFC块级格式化上下文
一、引言在前端的布局手段中，一直有这么一个知识点，很多前端开发者都知道有它的存在，但是很多人也仅仅是知道它的存在而已，对它的作用也只是将将说得出来，可是却没办法说得非常的清晰。这个知识点，就是BFC。想要了解BFC的规则，前提必须是熟悉前端网页的多种布局手段，例如盒的显示模式display，三种布局手段标准流（normal）、浮动流（float）、定位流（position）等。你只有熟练掌握了这些布局手段之后，才能很好的理解BFC。今天这篇文章，来大家解析一下BFC，希望对各位新老朋友有所帮助。二、
2022-05-16 20:06:33
272
原创 DOCTYPE
一、DOCTYPE标签的定义与作用是一个用于声明当前HTMl版本，用来告知web浏览器该文档使用是哪种 HTML 或者 XHTML 规范来解析页面，以便浏览器更加准确的理解页面内容，更加良好地展现内容效果！二、DOCTYPE标签的特点1. 标签没有结束标签；2.声明被所有主流浏览器支持；3.声明不是一个HTML标签，在HTML5中是可以不区分大小写的；4.声明必须位于HTML文档中最前面，处于标签之前；注：HTML4.01是基于SGML(标准通用标记语言)的，需要以声明引用一个D
2022-05-08 19:06:37
934
转载 Vue中key的作用
1.虚拟DOM中key的作用： key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】， 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下：2.对比规则： (1).就虚拟DOM中找到了与新虚拟DOM相同的key： ①.若虚拟DOM中内容没变，直接使用之前的真实DOM！ ②.若虚拟DOM中内容变了，则生成新的真实DOM，随后替...
2022-04-30 16:01:45
2602
2
原创 DOM-创建元素的三种方式
<button>点击</button> <p>abc</p> <div class="a"></div> <div class="b"></div> <script> //1、document.write() 创建元素 如果页面文档流加载完毕，再调用这句话会导致页面重绘 // document.write("<div&...
2022-01-05 09:52:31
524
原创 构造 函数
// 因为我们一次创建一个对象，里面很多的属性和方法是大量相同的 我们只能复制因此我们可以利用函数的方法 重复这些相同的代码 我们就把这个函数称为 构造函数// 又因为这个函数不一样，里面封装的不是普通代码，而是 对象 / 构造函数 就是把我们对象里面一些相同的属性和方法抽象出来封装到函数里面 // 利用构造函数创建对象 // 我们需要创建四大天王的对象 相同的属性： 名字 年龄 性别 相同的方法： 唱歌 // 构造函数的语法格...
2022-01-04 15:35:46
306
原创 创建对象的两种方法
// 利用 new Object 创建对象 var obj = new Object();//创建了一个空对象 Object 首字母大写 obj.uname = "冰冰"; obj.age = 18 ; obj.cook = function(){ console.log("会做饭"); } console.log(obj.uname); consol...
2022-01-04 15:19:20
252
原创 JS-数字类型转换
//1、Number(变量) var num1 = "666"; console.log(typeof num1); num1 = Number(num1); console.log(typeof num1); // 2、parseInt（变量） var num2 = parseInt("12.3aaa");//取整 遇到第一个非数值型就停 12 // var num2 = pa...
2022-01-04 14:14:13
385
原创 Css-3D
1.位移:transform: translateX(100px) translateY(100px) translateZ(100px);transform: translate3d(100px,100px,100px);2.视距：perspective: 500px; 加给body3.旋转：transform: rotate3d(1, 1, 0, 45deg);4.缩放：transform...
2021-07-22 15:21:23
61
原创 Css-动画
1.动画三要素： 1.定义： @keyframes donghua (给动画起的名字）{ from {} to{} } 2.调用：animation-name：donghua 3.时间：animation-duration：3s 注意：为使动画更丰富...
2021-07-22 15:07:02
89
原创 Css-细碎知识点
1.书写位置—外链式：<head> <link href="CSS文件的路径" rel="stylesheet" /></head>rel：定义当前文档与被链接文档之间的关系，在这里需要指定为“stylesheet”，表示被链接的文档是一个样式表文件。2.font-综合设置字体样式：选择器{ font: font-style font-weight font-size/line-height font-family;
2021-07-22 14:13:49
52
原创 HTML-form
1.input控件： 单行文本：text 单选框：radio 多选：checkbox 密码：password 普通按钮：buttom 提交按钮：submit 重置按钮:reset 图片形式:image 文件：file 空间名称：name ...
2021-07-22 09:53:18
43
原创 HTML-Table
1.带有标题的表格: 在tr前加<caption>我的标题</caption>2.垂直方向对齐方式：Valign=“top / bottom / center3.当表格某个单元格没有内容时：不要<tr></tr>，要用空格符进行占位<tr>_</tr>4.行合并：colspan列合并：owspan被合并的tr/td要删除...
2021-07-21 19:32:28
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人