摘要: 一: 面向对象: 什么是对象: 可以从两个层面来理解: 1.对象可以是单个事物的抽象, 2.从代码是为了描述现实中的事与物的角度来讲, 对象是封装了一个属性和方法的数据集; 属性是对象的状态,方法是对象的行为 3.每个对象都是基于一个引用类型创建的,这些类型可以是系统内置的看原生类型,也可以是开发人 阅读全文
posted @ 2018-12-12 14:19 noraZhang 阅读(166) 评论(0) 推荐(0) 编辑
摘要: 1. 相对定位 relative : 相对于自身原始位置定位; * 移动后的盒子浮动起来, 但依然保留原来的位置, 不会影响相邻的元素, 2.absolute 绝对定位: 元素浮动之后, 原有的位置被占有;如果祖先元素有定位, 则一祖先元素为定位基准, 如果没有, 以浏览器为基准; 3. fixed 阅读全文
posted @ 2018-12-07 08:46 noraZhang 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 1. animation: name duration delay timing-function count forwards @keyframes name { 0% from{ } 100% to{ } } 没有延迟 animation-fill-mode: forwards 0%动画不会立即 阅读全文
posted @ 2018-12-01 20:42 noraZhang 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 一.背景图 backgroung-repeat : 1.round : 缩小之后平铺 2.space : 不会缩小, 会在背景图之间产生间距 background-attachment: 滚动浏览器页面 1.fixed: 视差滚动(国外网站用的比较多) 2.scroll: 滚动内容 1.local: 阅读全文
posted @ 2018-12-01 20:38 noraZhang 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 模板引擎和分页结构插件的使用方法 1. 引入插件 <script src=" js/art-template/template-web.js"></script> <script src="js/twbs-pagination/jquery.twbsPagination.js"></script> 阅读全文
posted @ 2018-11-30 16:55 noraZhang 阅读(252) 评论(0) 推荐(0) 编辑
摘要: 1 伪元素选择器 ::before && ::after tips: 1.content:"", 必写,即使没有内容也要设置为"". 2.行内元素, 要设置宽高, 必须转为行内块 3.js无法操作 2.rgba(red, green, blue, transparent)(0-255 || 0.0% 阅读全文
posted @ 2018-11-30 15:53 noraZhang 阅读(97) 评论(0) 推荐(0) 编辑
摘要: 1、drag 1、实现拖拽的前提条件是什么? draggable="true" 2、被拖拽元素事件 + 目标元素事件 被拖拽元素事件: ondragstart 开始拖拽 ondrag 持续拖拽 ondragleave 鼠标离开被拖拽元素 ondragend 鼠标松开拖拽结束 目标元素事件: ondr 阅读全文
posted @ 2018-11-30 15:51 noraZhang 阅读(107) 评论(0) 推荐(0) 编辑
摘要: audio+video 1、audio+video controls+autoplay+loop (由于谷歌浏览器对autoplay属性不支持,所以导致初次进入不能自动播放添加属性muted即可) 2、video (一般值设置一个值width||height) 3、source标签 2、queryS 阅读全文
posted @ 2018-11-30 15:50 noraZhang 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 一.h5c3: HTML5广义的概念: 代表着浏览器技术发展的阶段,是html5 css3和js(API)一套前端技术的组合; h5设计的目的是为了在移动设备上支持多媒体;;新的语法特征被引进以支持这一点.h5还引进了新的功能,可以真正改变用户与文档的交互方式; 优点: 1. 提升用户体验 2. 丰 阅读全文
posted @ 2018-11-30 15:47 noraZhang 阅读(136) 评论(0) 推荐(0) 编辑