博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2021年12月16日

摘要: 搞了半天,原来原型和原型链就类似于 c++中的继承与派生,这个懂了就很好理解了。 先定义:原型 每个对象都有一个方法,叫做隐式原型(原型),就是所谓的原型,原型就是指向其类的指针。目的就是为了方便对象自身找不到方法或属性的时候找父类的对象和方法。 现在通俗理解: 对象找方法/属性,自身没有,找不到, 阅读全文

posted @ 2021-12-16 21:53 yqphare 阅读(483) 评论(0) 推荐(0) 编辑

2021年11月27日

摘要: CSS动画 今天在写代码时候,遇到了css动画效果如何实现的问题,经过查阅和实践,总结出一下结论。 transition transition 指定动画变化的对应属性 以及动画的执行时间。 例如:transition:width 1s; 意思就是当width发生变化时,变化执行1s。 这种可以实现简 阅读全文

posted @ 2021-11-27 20:41 yqphare 阅读(1991) 评论(0) 推荐(1) 编辑

2021年11月9日

摘要: CSS的粘性定位sticky可以起到吸顶灯的作用,用法如下 <body> <div> <nav style="postion:sticky; top: 0;"> </div> <div><div> </body 但是我在一次实践中使用该属性把导航栏做成吸顶灯效果时,却无法实现。经过一番操作后,我终于 阅读全文

posted @ 2021-11-09 11:11 yqphare 阅读(818) 评论(0) 推荐(0) 编辑

2021年10月31日

摘要: 背景颜色的渐变 通过渐变可以设置一些复杂的背景颜色,可以实现从一个颜色向其他颜色过度的效果 渐变是图片,需要通过background-image来设置 linear-gradient() 线性渐变:颜色沿着一条直线发生变化 例如: linear-gradient(orange,skyblue); o 阅读全文

posted @ 2021-10-31 16:55 yqphare 阅读(547) 评论(0) 推荐(0) 编辑

2021年10月30日

摘要: CSS-sprit 雪碧图 可以将 多个小图片统一保存到一个大图片中,然后通过调整background-position来显示响应的图片 这样图片会同时加载到网页中 就可以避免出现闪烁的问题 这个技术在网页中应用十分广泛,被称为css-sprite ,也成为雪碧图 雪碧图的特点: 一次性将多个图片加 阅读全文

posted @ 2021-10-30 17:06 yqphare 阅读(111) 评论(0) 推荐(0) 编辑

2021年10月28日

摘要: 通过设置背景图片的不同属性进行设置背景 background-image 设置背景图片 -可以设置背景图片和背景颜色,这样背景颜色将会成为图片的背景色 -如果背景的图片小于元素,则背景图片会自动在元素中平铺将元素铺满 -如果背景的图片大于元素,则会一部分背景无法完全显示 -如果背景图片和元素一样大, 阅读全文

posted @ 2021-10-28 20:42 yqphare 阅读(440) 评论(0) 推荐(0) 编辑

2021年10月13日

摘要: iconfont 关于阿里云图标库使用的介绍 对于添加到网页中的iconfont可使用以下几种方式: 首先需要进入阿里云图标库官网进行对应的下载iconfont-阿里巴巴矢量图标库 将需要的图标加入到购物车 再添加至项目通过项目中进行下载 打开所下载的压缩包会有如下目录 全选复制到所需项目的文件夹下 阅读全文

posted @ 2021-10-13 17:21 yqphare 阅读(503) 评论(0) 推荐(0) 编辑

2021年10月11日

摘要: 粘滞定位 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="view 阅读全文

posted @ 2021-10-11 19:54 yqphare 阅读(572) 评论(0) 推荐(0) 编辑

摘要: 固定定位 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="view 阅读全文

posted @ 2021-10-11 19:46 yqphare 阅读(1024) 评论(0) 推荐(0) 编辑

摘要: 绝对定位 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="view 阅读全文

posted @ 2021-10-11 19:43 yqphare 阅读(1252) 评论(0) 推荐(0) 编辑