自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 【HTML知识】——HTML知识总结(五)

html 的常见元素html 元素的分类html 元素的嵌套关系html 元素的默认样式和 CSS Resethtml 常见面试题html 的常见元素主要分为两类:head 区域的元素、body 区域的元素。下面来分别介绍。metatitlestylelinkscriptbasebase元素的介绍:base 标签用于指定基础的路径。指定之后,所有的 a 链接都是以这个路径为基准。div、section、article、aside、header、footerpspan、em、strong表格元素:table

2024-08-24 20:59:13 905

原创 【HTML知识】——HTML5详解(四)

随着互联网的快速发展,基于网页的应用越来越普遍,同时也变的越来越复杂,为了满足各种各样的需求,会经常性在本地存储大量的数据,传统方式我们以document.cookie来进行存储的,但是由于其存储大小只有4k左右,并且解析也相当的复杂,给开发带来诸多不便,HTML5规范则提出解决方案。(3)NETWORK: 换行 指定需要在线访问的资源,可使用通配符(也就是:不需要缓存的、必须在网络下面才能访问的资源)。(2)容量较大,sessionStorage 约5M、localStorage 约20M。

2024-08-24 20:57:22 894

原创 【HTML知识】——HTML5详解(三)

对不同获取方式的优缺点进行了比较,浏览器会自动以最优方式。

2024-08-24 20:56:51 1023

原创 【HTML知识】——HTML5案例-简单的视频播放器(二)

我们采用 Bootstrap 网站的图标字体,作为播放器的按钮图标。index.html的代码如下:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!-- 引入字体图标的文件--> <link rel="stylesheet" href="css/font-awesome.

2024-08-24 20:56:25 1293

原创 【HTML知识】——-HTML5介绍(一)

HTML5的介绍Web 技术发展时间线1991 HTML1994 HTML21996 CSS1 + JavaScript1997 HTML41998 CSS22000 XHTML1(严格的html)2002 Tableless Web Design(表格布局)2005 AJAX2009 HTML52014 HTML5 Finalized2002年的表格布局逐渐被淘汰,是因为:表格是用来承载数据的,并不是用来划分网页结构的。2009年就已经

2024-08-24 20:54:28 1072

原创 【HTML知识】——标签图文详解(五)

dl>定义列表的作用非常大。<dl>英文单词:definition list,没有属性。dl的子元素只能是dt和dd。<dt>:definition title 列表的标题,这个标签是必须的<dd>:definition description 列表的列表项,如果不需要它,可以不加备注:dt、dd只能在dl里面;dl里面只能有dt、dd。

2024-08-24 20:48:06 5819

原创 【HTML知识】——图片标签(四)

img: 英文全称 image(图像),代表的是一张图片。如果要想在网页中显示图像,就可以使用img 标签,它是一个单标签。语法如下:< img src = " 图片的URL " />< img src = " 图片的URL " />< img src = " 图片的URL " />相对路径的好处:站点不管拷贝到哪里,文件和图片的相对路径关系都是不变的。相对路径使用有一个前提,就是网页文件和你的图片,必须在一个服务器上。问题:我的网页在C盘,图片却在D盘,能不能插入呢?

2024-08-24 20:47:12 2653

原创 【HTML知识】——字体标签和超链接(三)

取值时,如果取值大于7那就按照7来算,如果取值小于1那就按照1来算。为了向前兼容,因此,name和id这两个属性都要写上,并且值是一样的。为啥有一个_ ,就是规定,无需解释。比如说,在网页底部有一个向上箭头,点击箭头后回到顶部,这个就可以利用锚链接。a的语义要小于p,a就是可以当做文本来处理,所以p里面相当于放的就是纯文字。这张图中,我们通过查看京东网站的代码发现,箭头处的小图标都是用的标签。是肯定不行的,因为这代表的是一个段落标签,所以这里需要用到。,表示跳到名为name1的特定位置,这是规定。

2024-08-24 20:35:20 1218

原创 【HTML知识】——初识HTML(一)

HTML全称为 HyperText Markup Language,译为超文本标记语言。HTML 不是一种编程语言,是一种描述性的标记语言。作用:HTML是负责描述文档语义的语言。计算机,不能直接存储文字,存储的是编码。计算机只能处理二进制的数据,其它数据,比如:0-9、a-z、A-Z,这些字符,我们可以定义一套规则来表示。假如:A用110表示,B用111表示等。美国发布的,用1个字节(8位二进制)来表示一个字符,共可以表示2^8=256个字符。

2024-08-24 20:33:45 1229

原创 【HTML知识】——排版标签(二)

div标签:可以把标签中的内容分割为独立的区块。必须单独占据一行。span标签:和div的作用一致,但不换行。代码举例:align="属性值":设置块儿的位置。属性值可选择:left、right、 center。<pre>含义:将保留标签内部所有的空白字符(空格、换行符),原封不动地输出结果(告诉浏览器不要忽略空格和空行)。说明:真正排网页过程中,<pre>标签几乎用不着。

2024-08-24 20:30:01 1170

原创 【vue2人力资源管理系统】——Nginx上线(十)

style</style</这里为什么要用watch,因为获取数据在created,初始化图表在mounted,执行mouted时,数据并不能保证能够获取到,所以采用获取watch监听数据变化,只要数据变化,就设置图表的options。

2024-08-22 22:51:43 984 1

原创 【vue2人力资源管理系统】——权限应用-首页(九)

自定义指令- 作用在按钮上-所有的按钮都可以直接使用封装自定义指令-代码位置(// 封装自定义指令 用来控制操作权// 会在指令作用的元素插入到页面完成以后触发// el 指令作用的元素的dom对象.roles?.points || [] // 当前用户信息的操作权if (!// 不存在就要删除或者禁用el.remove() // 删除元素// 线上的权限数据和线下的代码进行对应})应用自定义指令-代码位置(

2024-08-22 22:50:18 772

原创 【vue2人力资源管理系统】——上传下载(七)

1.员工管理-导出excel导出员工接口返回的是二进制流axios配置responseType为blob接收二进制流文件为Blob格式安装file-saver包,实现下载Blob文件 yarn add file-saver封装导出员工excel的API-代码位置(src/api/employee.js)/** * 导出员工的excel * **/export function exportEmployee() { return request({ ur

2024-08-22 22:49:06 654

原创 【vue2人力资源管理系统】——Cos上传和权限数据(八)

default-checked-keys的属性是设置当前选中的节点,但是必须配合node-key属性,因为permIds变量中存储的都是id,必须el-tree组件知道key是哪个字段,所以设置node-key=“id”注意,这里我们特地调整了弹层的顺序,因为获取已经拥有的角色是一个异步的过程,如果弹层显示在前,会出现卡顿的效果,表现出缓慢的效果,所以等到获取所有数据之后再弹层。权限是通过角色这个中间人实现,首先员工拥有角色,角色拥有权限,那么员工自动拥有了角色所对应的权限。1.注册腾讯云账号-课前完成。

2024-08-22 22:46:56 860

原创 【vue2人力资源管理系统】——员工管理(六)

为什么不使用item.isEdit = false , 因为动态添加的属性不具备响应式的特点,如果想要具备响应式,可以使用$set的应用。

2024-08-22 22:45:55 933

原创 【vue2人力资源管理系统】——角色管理(五)

自定义启用列和操作列的结构-代码位置(< el-table-column prop = " state " align = " center " width = " 200 " label = " 启用 " > < template v-slot = " { row } " > < span > {{ row.state === 1?"已启用" : row.state === 0?}}

2024-08-22 22:43:57 1082

原创 【vue2人力资源管理系统】——组织架构(四)

通过在el-tree中传入插槽内容,就可以渲染数据自定义树形结构-代码位置(-- 节点结构 -->-- v-slot="{ node, data }" 只能作用在template -->-- $event 实参 表示类型 -->-- 显示区域内容 -->操作-- 下拉菜单选项 -->

2024-08-22 22:16:13 1183

原创 【vue2人力资源管理系统】——修改密码(三)

登录成功跳转到主页之后,可以获取用户资料,获取的资料在Vuex中共享,这样用户就可以很方便的获取该信息之前在导航守卫的位置,可以确定已经有了token,这个位置获取资料更佳,因为导航守卫在页面发生跳转时出发,这时不论你从何时何地进来,如果发现你没获取资料,都可以非常清楚直观的获取资料。判断条件也使得不会发生重复的加载。有同学会问,为什么用户信息不做持久化管理呢?不需要缓存吗?

2024-08-22 22:15:07 677

原创 【vue2人力资源管理系统】——主页鉴权(二)

登录模块,传统思路都是登录校验通过之后,直接调用接口,获取token之后,跳转到主页。

2024-08-22 22:14:24 1249

原创 【vue2人力资源管理系统】——登录页面(一)

通过本项目学习快速掌握模板的使用

2024-08-22 22:13:02 1338

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除