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