程西西

6.1 ObjectObject 的实例没有多少功能，但很适合存储和在应用程序间交换数据。6.1.1 创建Object—使用 new 操作符和 Object 构造函数let person = new Object(); person.name = "Nicholas"; person.age = 29; 6.1.2 创建Object—使用对象字面量表示法在对象字面量表示法中，属性名可以是字符串或数值在使用对象字面量表示法定义对象时，并不会实际调用 Object 构造函数。let pers

目录圆角边框盒子阴影文字阴影传统网页布局的三种方式标准流浮动圆角边框border-radius属性用于设置元素的外边框圆角, 有了圆角边框后，盒子就可以变成圆角的了参数值可以是数值或者百分比如果是正方形，想要设置为一个圆，把数值改为高度或者宽度的一半就行，或者写50%如果是矩形，设置为高度的一半就可以该属性是一个简写属性，可以跟四个值，分别代表 左上角、右上角、右下角、左下角分开写是：border-top-left-radius border-top-right-radius borde

文章目录网页布局本质盒子模型边框 border边框样式边框的层叠性表格细线边框边框会影响盒子的实际大小内边距 paddingpadding复合属性padding影响盒子实际大小padding不会撑开盒子的情况padding应用案例padding影响盒子大小计算-小米导航栏修改外边距 margin典型应用-块级盒子水平居中行内元素或者行内块元素水平居中外边距合并1、相邻块元素垂直外边距的合并2、嵌套块元素垂直外边距的塌陷清除内外边距网页布局本质网页布局的三大核心：盒子模型、浮动和定位网页布局的核心本质：

目录CSS三大特性1. 层叠性2. 继承性行高的继承3. 优先级Emmet语法快速生成HTML结构语法快速生成CSS样式CSS复合选择器1. 后代选择器2. 子选择器3. 并集选择器4. 伪类选择器链接伪类focus伪类选择器元素显示模式1. 块元素2. 行内元素3. 行内块元素元素显示模式转换单行文字垂直居中案例：小米侧边栏的简单实现CSS三大特性1. 层叠性层叠性主要解决样式冲突问题相同选择器给设置相同的样式，此时一个样式就会覆盖/层叠另一个冲突的样式原则：样式不冲突，就不会层叠样式冲突

目录CSS背景属性案例:五彩导航栏CSS 和 HTML 结合的方式CSS背景属性CSS2.1background-color: #ff99ff;设置元素的背景颜色, 默认值是transparent（透明）单词: background-color: red;rgb表示法: background-color: rgb(255,0,0);十六进制表示法: background-color: #ff0000; /简写 #f00/RGBA 表示法: background-color: r

目录CSS简介CSS样式规则CSS注释CSS的一些简单属性CSS基础选择器标签选择器类选择器类选择器-多类名id选择器id选择器和类选择器区别通配符选择器CSS单位CSS简介标记语言层叠样式表（Cascading Stytle Sheets）的简称, 也会称为CSS样式表或级联样式表主要作用设置HTML中的文本内容（字体、大小、对齐方式等）图片的外形（宽高、边框样式、边距等）版面的布局和外观显示样式CSS样式规则选择器 {样式}给谁改样式 {改什么样式}主要构成: 选择器以

目录用什么标签，不是根据样子来决定，而是语义（语义本质上是结构）列表标签表格标签内嵌框架表单标签表单域表单元素label标签用什么标签，不是根据样子来决定，而是语义（语义本质上是结构）列表标签1. 无序列表 <ul>ul：unordered list 无序列表li：list item 列表项li不能单独存在，必须包裹在ul里面, ul里面也只能有li<li>之间相当于一个容器，可以容纳所有元素ul的作用，并不是给文字增加小圆点的，而是增加无序列表的“语义”的&lt

目录Web标准浏览器HTML计算机编码HTML5HTML排版标签HTML字体标签HTML超链接HTML图片标签Web标准Web标准：制作网页要遵循的规范, W3C组织和其他标准化组织制定的一系列标准的集合。网页的形成：前端开发人员利用HTML标签开发代码→浏览器显示代码（解析、渲染）→生成最后的web页面分为三层:结构标准（HTML）：用于对网页元素进行整理和分类。表现标准（CSS）：用于设置网页元素的版式、颜色、大小等外观样式。行为标准（JS）：用于定义网页的交互和行为。浏览器组成:

引用值或者对象，是某个特定引用类型的实例在 ECMAScript 中，引用类型是把数据和功能组织到一起的结构，经常被人错误地称作“类”，但它不是类。引用类型有时候也被称为对象定义，因为它们描述了自己的对象应有的属性和方法。对象被认为是某个特定引用类型的实例。创建对象：new操作符 + 构造函数（constructor）let now = new Date();这行代码创建了引用类型 Date 的一个新实例，并将它保存在变量 now 中。Date()在这里就是构造函数，它负责创建一个只有默认属

4.1 原始值与引用值ECMAScript 变量可以包含两种不同类型的数据：原始值引用值原始值和引用值的定义方式很类似，都是创建一个变量，然后给它赋一个值。原始值原始值（primitive value）就是最简单的数据。包括：UndefinedNullBooleanNumberStringSymbol操作的实际上就是存储在变量的实际值，变量时按值（By value）访问的引用值引用值（reference value）则是由多个值构成的对象。引用值是保存在内存空间中的

第三章 语言基础1、语法1.1区分大小写1.2 标识符1.3 注释1.4 严格模式1.5 语句2、关键字与保留字3、变量3.1 var 关键字3.1.1 定义变量3.1.2 定义变量并初始化3.1.3 定义多个变量并初始化3.1.4 var声明作用域3.1.5 var声明提升3.2 let关键字3.3 const关键字4、数据类型5、操作符6、语句7、函数1、语法1.1区分大小写ECMAScript 中一切都区分大小写1.2 标识符标识符：变量、函数、属性或者函数参数的名称。第一个字符必须是一

用户列表实现效果设计思路具体实现展示user组件user组件布局结构面包屑导航区卡片视图区搜索框获取用户数据渲染用户列表数据状态列按需显示操作列设计分页效果实现未完待续实现效果设计思路面包屑导航区 breadcrumb卡片区域 card table dialog switch功能获取数据搜索添加用户编辑用户删除用户具体实现展示user组件在 components/user/ 创建 User.vue 组件在 router/index.js 中 导入组件、定

主页设计实现效果设计思路具体实现搭建基本结构header区域设计aside 侧边栏设计通过axios添加token验证通过接口动态获取侧边栏菜单数据获取数据v-for 渲染数据和图标设置每次只能打开一个菜单栏侧边栏折叠与展开侧边栏路由链接改造首页路由重定向实现效果设计思路主要分为三个部分头部区域侧边栏区域右侧主体区域使用 Container 布局容器来搭建页面的基本结构 container <el-container>：外层容器。当子元素中包含 <el-header

登录功能实现登录概述登录业务流程登录业务的技术点登录——token原理分析具体实现完成后的效果创建login组件1、在components文件夹下创建 Login.vue 文件2、配置路由实现重定向3、在 App.vue 组件中放置路由占位符登录布局设计1、设置背景色2、 绘制登录盒子3、盒子内部设计4、form 表单组件学习5、发送登录请求6、登录后的处理7、路由导航守卫控制页面访问权限8、退出登录登录概述登录业务流程输入用户名和密码调用后台接口验证根据响应状态跳转到项目主页登录业务的技术

后端https://github.com/ruoruochen/vue-manage/tree/master/vueShop-api-server数据库导入使用navicate, 新建数据库vue-manage，然后将mydb.sql拖入即可

参考视频vue脚手架https://www.bilibili.com/video/BV1oV411o71h?p=10&spm_id_from=pageDriverelement uihttps://www.bilibili.com/video/BV1y5411p7DX?from=search&seid=8577385779960500416vue电商系统 https://www.bilibili.com/video/BV1EE411B7SU?p=1最终简陋效果，...