- 博客(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案例-简单的视频播放器(二)
我们采用 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅