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