摘要: Block formatting context 形成独立的渲染区域,内部元素的渲染不会影响外界。 BFC属于普通流,可以看做元素的一种属性,当元素拥有这个属性时,这个元素就可以看做是隔离了的独立容器,容器里面的元素不会在布局上影响外面的元素 阅读全文
posted @ 2021-12-15 10:00 不爱吃小红薯的小橘子 阅读(26) 评论(0) 推荐(0)
摘要: 一、页面整体布局 使用el-container布局容器,这里重点在样式上。 二、菜单栏制作 2.1目录划分结构 如果按照login界面的设计进行目录结构划分--main-cpns,但我们main里面其实有很多组件内容,这种是不适合的。 2.2侧边菜单栏标题制作 2.3侧边栏菜单内容制作 使用el-m 阅读全文
posted @ 2021-12-13 22:52 不爱吃小红薯的小橘子 阅读(852) 评论(0) 推荐(0)
摘要: 1.array.prototype.sort() 对数组进行排序,返回排序后的数组。注意:数组是原地排序。 语法:arr.sort([compareFunction]) compareFunction 可选用来指定按某种顺序进行排列的函数。如果省略,元素按照转换为的字符串的各个字符的Unicode位 阅读全文
posted @ 2021-12-10 15:15 不爱吃小红薯的小橘子 阅读(73) 评论(0) 推荐(0)
摘要: 有两种方法可以创建一个 RegExp 对象:一种是字面量,另一种是构造函数。 字面量由斜杠(/)包围而不是引号包围。构造函数的字符串参数由引号而不是斜杠包围。 RegExp.prototype.exec() exec()方法在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null。 举例说明 阅读全文
posted @ 2021-12-10 15:00 不爱吃小红薯的小橘子 阅读(33) 评论(0) 推荐(0)
摘要: 只保留router-view 还要引入一些公共样式 npm install normalize.css或者去github上下载,然后引入 还需在main.ts中引入 还可以自己写一些公共样式,但是需要在main.ts中导入才会生效 插入背景图片 views下面放主要组件比如login、main,如果 阅读全文
posted @ 2021-12-09 22:29 不爱吃小红薯的小橘子 阅读(331) 评论(1) 推荐(1)
摘要: 总结的很好 伪类和伪元素的区别, 总结的很好, 直接看结论. - 唐安 - 博客园 (cnblogs.com) 阅读全文
posted @ 2021-12-08 21:16 不爱吃小红薯的小橘子 阅读(28) 评论(0) 推荐(0)
摘要: reflow(回流)是指浏览器为了重新渲染部分或者全部的文档,重新计算文档中的元素的位置和几何构造的过程。 因为回流可能导致整个Dom树的重新构造,所以是性能的一大杀手。 以下操作会引起回流: ① 改变窗口大小 ② font-size大小改变 ③ 增加或者移除样式表 ④ 内容变化(input中输入文 阅读全文
posted @ 2021-12-08 20:56 不爱吃小红薯的小橘子 阅读(59) 评论(0) 推荐(0)
摘要: CSS Sprite:又称为CSS精灵或者雪碧图,是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。能很好地减少网页的http请求,从而大大的提高页面的性能。SVG Sprite:与CSS Sp 阅读全文
posted @ 2021-12-08 20:53 不爱吃小红薯的小橘子 阅读(103) 评论(0) 推荐(0)
摘要: 外部引入CSS有两种方式:link标签和@import。 结论 就结论而言,强烈建议使用link标签,慎用@import方式。这样可以避免考虑@import的语法规则和注意事项,避免产生资源文件下载顺序混乱和http请求过多的烦恼。 区别 1.从属关系区别@import是 CSS 提供的语法规则,只 阅读全文
posted @ 2021-12-08 20:51 不爱吃小红薯的小橘子 阅读(61) 评论(0) 推荐(0)
摘要: <form> 元素表示文档中的一个区域,此区域包含交互控件,用于向 Web 服务器提交信息。 form - HTML(超文本标记语言) | MDN (mozilla.org) 关于提交表单的属性 下列属性控制提交表单时的行为。 action处理表单提交的 URL。这个值可被 <button>、<in 阅读全文
posted @ 2021-12-08 20:40 不爱吃小红薯的小橘子 阅读(103) 评论(0) 推荐(0)