摘要：
Vue2.0快速上手 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── compo 阅读全文
posted @ 2021-07-31 22:44
JackieDYH
阅读(22)
评论(0)
推荐(0)
摘要：
效果演示 <div class="box"> <div class="button"> 按钮 </div> </div> <div class="box1"> 哈哈 <span></span> <span></span> <span></span> <span></span> </div> <div 阅读全文
posted @ 2021-07-27 18:05
JackieDYH
阅读(64)
评论(0)
推荐(0)
摘要：
/* 可以设置不同的进入和离开动画 */ /* 设置持续时间和动画函数 */ .fade-enter-active, .fade-leave-active { transition: opacity 2s } .fade-enter, .fade-leave-to /* .fade-leave-ac 阅读全文
posted @ 2021-07-27 10:43
JackieDYH
阅读(16)
评论(0)
推荐(0)
摘要：
create 创建一个对象 const obj = Object.create({a:1}, {b: {value: 2}}) 第一个参数为对象，对象为函数调用之后返回新对象的原型对象，第二个参数为对象本身的实例方法（默认不能修改,不能枚举） obj.__proto__.a 1 // true ob 阅读全文
posted @ 2021-07-26 10:33
JackieDYH
阅读(18)
评论(0)
推荐(0)
摘要：
代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>全屏</title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{ width: 100%; 阅读全文
posted @ 2021-07-22 15:37
JackieDYH
阅读(15)
评论(0)
推荐(0)
摘要：
知识点罗列 简介 首先需要介绍一下滚动条的组成部分。滚动条包含 track 和 thumb track是滚动条的基础，其中的 thumb是用户拖动支页面或章节内的滚动 还有一件重要的事情要记住，滚动条可以水平或垂直地工作，这取决于设计。另外，在一个多语言网站上工作时，这一点也会发生变化，该网站在从左 阅读全文
posted @ 2021-07-21 14:34
JackieDYH
阅读(148)
评论(0)
推荐(0)
摘要：
1.利用对象的属性 使用对象属性不重名的特性。 var arr = ['qiang','ming','tao','li','liang','you','qiang','tao']; console.time("nonredundant1"); var nonredundant1 = Object.g 阅读全文
posted @ 2021-07-20 10:28
JackieDYH
阅读(11)
评论(0)
推荐(0)
摘要：
导航栏下划线动画在网页设计中是非常常见的交互 在线展示 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>css菜单效果</title> <style type="text/css"> p { text-align: cen 阅读全文
posted @ 2021-07-19 12:22
JackieDYH
阅读(35)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul{ overflow: hidden; list-style: none; } li{ float: left 阅读全文
posted @ 2021-07-16 15:56
JackieDYH
阅读(9)
评论(0)
推荐(0)
摘要：
呼吸灯效果 核心 @keyframes breath { from { opacity: 0.1; } /* 动画开始时的不透明度 */ 50% { opacity: 1; } /* 动画50% 时的不透明度 */ to { opacity: 0.1; } /* 动画结束时的不透明度 */ } 源码 阅读全文
posted @ 2021-07-15 11:46
JackieDYH
阅读(566)
评论(0)
推荐(0)
浙公网安备 33010602011771号