- 博客(8)
- 收藏
- 关注
原创 前端px、em、rem的优点和缺点
px: 优点:设置字体大小以及元素宽高等比较稳定和准确。 缺点:不能适应浏览器缩放时产生的变化。em:(可以继承) 优点:可以适配屏幕尺寸的变化。 缺点:需要知道父元素文本font-size以及当前对象内的font-size。rem: 参考根元素<HTML></HTML>的font-size。...
2021-07-27 14:21:39 804
原创 js 前端本地存储的几种方法
session: 数据存放在服务器上;访问增多占用服务性能;安全。 cookie: 数据存放在客户的浏览器上;单个cookie的存放不能超过4K,一个站点20个cookie;不安全。 localStorage: 生命周期永久,同一浏览器,标签页全部共享,直接存到电脑硬盘上的,永久有效,除非手动改清除。5M。 sessionStorage: 关闭对应浏览器Tab的时候会被清除。5M。 localStorage sessionSt
2021-07-16 09:39:19 439
原创 css 引入字体文件
@font-face { font-family: 用时候的名称; src: url('字体文件路径') format('文件后缀名'), url('字体文件路径') format('文件后缀名');//可以引入不同后缀名的文件。}
2021-07-15 17:42:00 343
原创 js正则截取某个字符串前面的内容and截取某个字符串后面的内容
var str = “601213”;var ss = ‘12’;var z = new RegExp(String.raw(\S*)${ss});// js截取某个字符串前面的内容:var b = new RegExp(String.raw${ss}(\S*));// js截取某个字符串后面的内容:var r = str.match(z);var sr = str.match(b);// console.log(sr);console.log(str);console.log(r[1]);
2021-07-15 17:08:29 1089
原创 vue 监测data数据对象里面的值
watch: { eleDateNew: { handler(val, olVal) { // console.log('新', val) // console.log('旧', olVal) }, deep: true } }, computed: { eleDateNew() { .
2021-07-15 17:05:05 276
原创 HTML标签:img
img:图片引入标签属性:alt:图片载入失败所展示的文字信息title:鼠标进入图片停顿一会所展示的信息图片格式:JPG:不支持透明PNG:支持透明(大)GIF:动态图片(静态图片可以保存为此格式,体积小)webp:(以上三种图片的优点都有)兼容性不好base64:将图片转化为文档格式(加载快),但是颜色复杂和太大的图片不建议这么做(会导致引入图片的文件变大)。...
2021-04-15 19:22:05 94
原创 HTML块元素、行内元素、行内块元素
块元素:独占一行,不与他人并存(可以设置宽高)div,p,h1~h6,form,dl,dt,ul,li,ol,tbody,thead,tfoot,th,tr。行内元素:多个元素一排展示,好兄弟手拉手(设置宽高无效)span,a,em.b,strong,i。行内块元素:多个元素并排显示可以设置宽高img,input,textarea。...
2021-04-15 19:08:45 73
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人