12 2021 档案

11.typeof返回的类型
摘要：typeof返回的类型：number、string、boolean、undefined、function、object共6种。 注意：其中Array与null返回的都是objectfunction(){}与class{}返回的都是function 阅读全文
posted @ 2021-12-29 10:38 不爱吃小红薯的小橘子 阅读(61) 评论(0) 推荐(0)
6.用户管理页面（一）
摘要：一、背景设计 首先给所有的界面一个白色背景。可以在main.vue中用div将router-view包裹住。 二、User页面整体布局 三、搜索栏制作 使用el-form、el-form-item、el-input、el-option、el-date-picker以及layout中的el-row、e 阅读全文
posted @ 2021-12-26 17:58 不爱吃小红薯的小橘子 阅读(371) 评论(0) 推荐(0)
10-Object.is()
摘要：Object.is(value1,value2)用于判断两个值是否是一个值，返回一个Boolean值。 bject.is() 方法判断两个值是否为同一个值。如果满足以下条件则两个值相等: 都是 undefined 都是 null 都是 true 或 false 都是相同长度的字符串且相同字符按相同顺 阅读全文
posted @ 2021-12-25 21:38 不爱吃小红薯的小橘子 阅读(38) 评论(0) 推荐(0)
17.定位
摘要： 阅读全文
posted @ 2021-12-20 10:22 不爱吃小红薯的小橘子 阅读(16) 评论(0) 推荐(0)
16.盒子模型--标准盒模型_IE盒模型
摘要： 阅读全文
posted @ 2021-12-20 10:02 不爱吃小红薯的小橘子 阅读(24) 评论(0) 推荐(0)
15.css文本属性-text属性-font属性
摘要：css文本 color: 颜色值（red,blue）十六进制 ，rgb letter-spacing: 字间距 px,em word-spacing:单词间距 对中文无效 line-height: 行间距 px，em , % text外观属性 text-transform: 文本转换 none:不转 阅读全文
posted @ 2021-12-20 10:00 不爱吃小红薯的小橘子 阅读(250) 评论(0) 推荐(0)
14-onload--DomContentLoaded
摘要：onload事件触发时，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了； domContentLoaded事件触发时，仅当DOM加载完成，不包括样式表，图片，flash。 阅读全文
posted @ 2021-12-19 22:27 不爱吃小红薯的小橘子 阅读(55) 评论(0) 推荐(0)
Http网络请求
摘要：一些常见的状态码为： 200 - 服务器成功返回网页 404 - 请求的网页不存在 503 - 服务不可用 详细分解： 1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。 代码 说明 100 （继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分，正在等待其余部 阅读全文
posted @ 2021-12-19 22:25 不爱吃小红薯的小橘子 阅读(52) 评论(0) 推荐(0)
5.头部展示栏制作
摘要：一、基本布局 首先代码肯定是写在nav-header中。当我们完成基本布局时会发现‘面包屑’和‘用户信息’即使使用了flex，space-between也不能展开，这是因为nav-header宽度问题，设置width：100%即可。 二、用户信息制作 el-dropdown el-icon el-a 阅读全文
posted @ 2021-12-19 21:28 不爱吃小红薯的小橘子 阅读(68) 评论(0) 推荐(0)
9.with的基本用法
摘要：with - JavaScript | MDN (mozilla.org) (23条消息) JavaScript中 with的基本用法_高先生的猫-CSDN博客_前端with用法 with语句只能在非严格模式下使用，即使这样也是不推荐的。 阅读全文
posted @ 2021-12-17 14:53 不爱吃小红薯的小橘子 阅读(63) 评论(0) 推荐(0)
13.BFC块级格式化上下文
摘要：Block formatting context 形成独立的渲染区域，内部元素的渲染不会影响外界。 BFC属于普通流，可以看做元素的一种属性，当元素拥有这个属性时，这个元素就可以看做是隔离了的独立容器，容器里面的元素不会在布局上影响外面的元素 阅读全文
posted @ 2021-12-15 10:00 不爱吃小红薯的小橘子 阅读(37) 评论(0) 推荐(0)
4.侧边菜单栏
摘要：一、页面整体布局 使用el-container布局容器，这里重点在样式上。 二、菜单栏制作 2.1目录划分结构 如果按照login界面的设计进行目录结构划分--main-cpns，但我们main里面其实有很多组件内容，这种是不适合的。 2.2侧边菜单栏标题制作 2.3侧边栏菜单内容制作 使用el-m 阅读全文
posted @ 2021-12-13 22:52 不爱吃小红薯的小橘子 阅读(870) 评论(0) 推荐(0)
8.数组中常用的一些方法（整理中）
摘要：1.array.prototype.sort() 对数组进行排序，返回排序后的数组。注意：数组是原地排序。 语法：arr.sort([compareFunction]) compareFunction 可选用来指定按某种顺序进行排列的函数。如果省略，元素按照转换为的字符串的各个字符的Unicode位 阅读全文
posted @ 2021-12-10 15:15 不爱吃小红薯的小橘子 阅读(88) 评论(0) 推荐(0)
7.正则表达式
摘要：有两种方法可以创建一个 RegExp 对象：一种是字面量，另一种是构造函数。 字面量由斜杠(/)包围而不是引号包围。构造函数的字符串参数由引号而不是斜杠包围。 RegExp.prototype.exec() exec()方法在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null。 举例说明 阅读全文
posted @ 2021-12-10 15:00 不爱吃小红薯的小橘子 阅读(47) 评论(0) 推荐(0)
3.登录界面
摘要：只保留router-view 还要引入一些公共样式 npm install normalize.css或者去github上下载，然后引入 还需在main.ts中引入 还可以自己写一些公共样式，但是需要在main.ts中导入才会生效 插入背景图片 views下面放主要组件比如login、main，如果 阅读全文
posted @ 2021-12-09 22:29 不爱吃小红薯的小橘子 阅读(346) 评论(1) 推荐(1)
12.伪类和伪元素
摘要：总结的很好 伪类和伪元素的区别, 总结的很好, 直接看结论. - 唐安 - 博客园 (cnblogs.com) 阅读全文
posted @ 2021-12-08 21:16 不爱吃小红薯的小橘子 阅读(30) 评论(0) 推荐(0)
11.回流reflow
摘要：reflow(回流)是指浏览器为了重新渲染部分或者全部的文档,重新计算文档中的元素的位置和几何构造的过程。 因为回流可能导致整个Dom树的重新构造,所以是性能的一大杀手。 以下操作会引起回流： ① 改变窗口大小 ② font-size大小改变 ③ 增加或者移除样式表 ④ 内容变化（input中输入文 阅读全文
posted @ 2021-12-08 20:56 不爱吃小红薯的小橘子 阅读(72) 评论(0) 推荐(0)
10.CSS Sprite--SVG Sprite--Icon font--Base64
摘要：CSS Sprite：又称为CSS精灵或者雪碧图，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。能很好地减少网页的http请求，从而大大的提高页面的性能。SVG Sprite：与CSS Sp 阅读全文
posted @ 2021-12-08 20:53 不爱吃小红薯的小橘子 阅读(118) 评论(0) 推荐(0)
9.link和@import
摘要：外部引入CSS有两种方式：link标签和@import。 结论 就结论而言，强烈建议使用link标签，慎用@import方式。这样可以避免考虑@import的语法规则和注意事项，避免产生资源文件下载顺序混乱和http请求过多的烦恼。 区别 1.从属关系区别@import是 CSS 提供的语法规则，只 阅读全文
posted @ 2021-12-08 20:51 不爱吃小红薯的小橘子 阅读(76) 评论(0) 推荐(0)
8.form元素
摘要：<form> 元素表示文档中的一个区域，此区域包含交互控件，用于向 Web 服务器提交信息。 form - HTML（超文本标记语言） | MDN (mozilla.org) 关于提交表单的属性 下列属性控制提交表单时的行为。 action处理表单提交的 URL。这个值可被 <button>、<in 阅读全文
posted @ 2021-12-08 20:40 不爱吃小红薯的小橘子 阅读(106) 评论(0) 推荐(0)
7.文档类型声明doctype
摘要： 阅读全文
posted @ 2021-12-08 20:29 不爱吃小红薯的小橘子 阅读(16) 评论(0) 推荐(0)
6.a标签的target属性
摘要： 阅读全文
posted @ 2021-12-08 20:24 不爱吃小红薯的小橘子 阅读(21) 评论(0) 推荐(0)
6.关于JS的类型转换
摘要：这篇文章特别好，但是还是有一些没有看懂！ (23条消息) 关于JS的类型转换_宇雨️鱼的博客-CSDN博客 相等（ == ）不需要做一个类型判断，会强制将两边的数据类型转换为相等的数据类型然后再做数据判断。 全等（ ）包括类型也要做判断，类型不同则返回false 相等性检查==和普通比较符> < > 阅读全文
posted @ 2021-12-06 11:28 不爱吃小红薯的小橘子 阅读(43) 评论(0) 推荐(0)
5.一些（持续补充ing）
摘要：1 & 2 这是按位与，要和&&进行区分，多次出错了 (()=>{}).length; 获取方法形参个数，形参为0。方法的长度即获取方法参数的长度。 eval 将会返回对最后一个表达式的求值结果。 +0 -0 JavaScript 中，允许 0 作为除数，只有 0/0 结果是 NaN，其他数值 /0 阅读全文
posted @ 2021-12-06 11:27 不爱吃小红薯的小橘子 阅读(32) 评论(0) 推荐(0)
4.Number.tostring注意事项
摘要：Number.prototype.toString() - JavaScript | MDN (mozilla.org) 数字后面.会被解析为小数点 连续两个小数点也是符合number规则的，2..toString() 中，2. 会被识别为数字2.0，所以他不会报错。数字2. 和 .2都是有效的，前 阅读全文
posted @ 2021-12-06 10:59 不爱吃小红薯的小橘子 阅读(45) 评论(0) 推荐(0)
3.数组遍历方法总结（持续补充ing）
摘要：后面自己补充的时候再一个一个验证一下。 阅读全文
posted @ 2021-12-06 10:51 不爱吃小红薯的小橘子 阅读(32) 评论(0) 推荐(0)
2.XMLHttpRequest（了解）
摘要：XMLHttpRequest - Web API 接口参考 | MDN (mozilla.org) XMLHttpRequest 为 ajax 的核心。不过现在在vue中尤雨溪已经推荐使用axios了。 阅读全文
posted @ 2021-12-06 10:46 不爱吃小红薯的小橘子 阅读(40) 评论(0) 推荐(0)
1.递增和递减运算符（++n,n++）
摘要：首先要区分前置和后置的主语是运算符，所以 前置递增：++n 先自加，再返回值。 后置递增：n++先返回原值，再自加。 阅读全文
posted @ 2021-12-06 10:40 不爱吃小红薯的小橘子 阅读(279) 评论(0) 推荐(0)
5.alc()的运算规则
摘要：calc()使用通用的数学算规则，但是也提供更智能的功能： 使用“+”、“-”、“*” 和 “/”四则运算； 可以使用百分比、px、em、rem等单位； 可以混合使用各种单位进行计算； 表达式中有“+”和“-”时，其前后必须要有空格，如"widht: calc(12%+5em)"这种没有空格的写法是 阅读全文
posted @ 2021-12-05 21:49 不爱吃小红薯的小橘子 阅读(93) 评论(0) 推荐(0)
4.CSS继承控制以及color-currentcolor
摘要：CSS继承控制：inherit、initial和unset 案例： 运行： 转载自：(23条消息) CSS继承控制：inherit、initial和unset_黄彪博客-CSDN博客 第一项： 没有规定颜色继承方式，因此使用浏览器对<a>标签预设的超链接样式表，在这里是蓝色； 浏览器预设样式表：可以 阅读全文
posted @ 2021-12-05 21:47 不爱吃小红薯的小橘子 阅读(392) 评论(0) 推荐(0)
3.CSS可继承的属性
摘要：首先要知道CSS具有三个非常重要的特性：层叠性、继承性和优先级。 特别需要注意的是，css并不能继承width和height，仔细想想，如果可以继承，为什么要写width：100%？？就因为 不能继承width，所以才这样写。 阅读全文
posted @ 2021-12-05 21:26 不爱吃小红薯的小橘子 阅读(47) 评论(0) 推荐(0)
2.css实现网页调用服务器端字体--@font-face
摘要：(23条消息) css实现网页调用服务器端字体_低调走过-CSDN博客_css如何引用服务器字体 阅读全文
posted @ 2021-12-05 21:19 不爱吃小红薯的小橘子 阅读(145) 评论(0) 推荐(0)
1.clientWidth_offsetWidth以及scroll系列
摘要：Element.clientWidth 属性表示元素的内部宽度，以像素计。 该属性包括内边距 padding，但不包括边框 border、外边距 margin 和垂直滚动条（如果有的话）。 clientWidth = content + padding HTMLElement.offsetWidth 阅读全文
posted @ 2021-12-05 21:16 不爱吃小红薯的小橘子 阅读(51) 评论(0) 推荐(0)
2.第三方库集成
摘要：2.1. vue.config.js配置 Vue CLI依赖于Webpack，但是Vue CLI是将Webpack中的配置隐藏起来了，如果我们对Webpack中的某些配置不满意，如果我们确实想要修改CLI中Webpack的某个配置，可以通过vue.config.js。vue.config.js中的配 阅读全文
posted @ 2021-12-05 15:13 不爱吃小红薯的小橘子 阅读(313) 评论(0) 推荐(0)
1.创建项目+代码规范
摘要：一、创建项目 我是要用Vue CLI创建项目，所以不要自己手动在文件夹中写项目名 1 Vue create xxx 以下是配置的一些选项，这里没有选择router和vuex，你也可以手动选择，我这里选择自己配置。 ?5:要不要使用babel处理typeScript typescript的编译有两种方 阅读全文
posted @ 2021-12-01 21:52 不爱吃小红薯的小橘子 阅读(448) 评论(0) 推荐(0)