- 博客(30)
- 收藏
- 关注
RSS订阅原创 h5c3 day2
1、边框图片：在内容变化的容器可以使用，边框自动填充border-image:图片资源 切割的尺寸（切割位置距离对应的边的距离），默认单位px， 不能使用小数/ 边框宽度 平铺方式;border-image:url() 167/20px round;border-image-source:url();border-image-slice:167 167 167 167...
2018-11-12 10:08:08
274
原创 h5c3 day1
购物车宣传（宣传页）#通过鼠标滚轮切换全屏页面 （FullPage插件）#搜索fullpage github下载后引入dist中css和js文件#js：transition帧动画，使用定时器，每隔一段时间更改当前元素状态#css3：animation补间动画，过渡动画（加过渡只要状态发生改变产出动画）性能会更好<head><title>购物车宣传&l...
2018-10-31 15:09:23
178
原创 jquery day4
1、为元素绑定事件（建议用on）对象.事件名字(事件处理函数);---普通写法对象.bind(参数1，参数2);---参数1：事件名字，参数2：事件处理函数前两种方式只能为存在元素绑定事件，后添加元素没有事件下面两种方法可以为存在元素绑定事件，后添加元素也有事件对象.delegate("选择器","事件名字"事件处理函数,);---父级元素调用方法，代理子级元素绑定事件对象...
2018-10-12 15:09:14
152
原创 jquery day3
1、元素创建（1）$("#btn").click(function(){$("<input type=‘button’ value=‘按钮’>").appendTo($("#dv"));});（2）$("#btn").click(function(){$("#dv").html("<input type=‘button’ value=‘按
2018-10-11 09:39:20
135
原创 jquery day2
1、样式写法（1）$(#dv).css("width","300px");$(#dv).css("height","200px");（2）链式编程$(#dv).css("width","300px").css("height","200px");（3）键值对var json={"width":&quo
2018-10-09 14:28:38
129
原创 jquery day1
1、官网：jquery.com 1.12.1版本正常版本 压缩版本：开发都可以，上线使用压缩版本//引入jquery文件<script src="jquery-q.21.1.js"></script>//点击按钮，设置div样式$("#btn").click(function(){$("#dv").css({"width":"200px&
2018-09-29 16:02:59
146
原创 js高级 day5
1、浅拷贝var obj1={age:10};var obj2={};function extend(a,b){for(var key in a){b[key]=a[key];}}extend(obj1,obj2);2、深拷贝var obj1={age:10};var obj2={};function extend(a,b){for(var ke...
2018-09-27 16:11:13
140
原创 js高级 day4
1、apply和call（改变this指向）apply:函数名字/方法名字.apply(对象,[参数1,参数2]);call:函数名字/方法名字.call(对象,参数1,参数2);function f1(x,y){console.log((x+y)+this);return "返回值";}//调用var r1=f1.apply(null,[1,2]);var r...
2018-09-25 15:21:16
103
原创 js高级 day3
1、原型及原型链构造函数：prototype 程序员实例对象：__proto__ 浏览器 （指向原型对象）原型对象：prototype construction 属性 方法 （在构造函数中）原型链：实例对象与原型对象关系，关系通过原型来联系（__proto__）2、原型指向构造函数中this是实例对象，原型对象中方法中this是实例对象实例对象__proto__...
2018-09-20 08:49:19
137
原创 js高级 day2
贪吃蛇：根据需求，抽象出相关对象，总结对象的特征和行为，把特征变为属性，行为变为方法，定义构造函数，实例化对象，通过对象调用属性和方法，完成相应需求.map{width:800px;height:600px;background-color:#ccc;position:relative;}<div class="map"></div><...
2018-09-13 09:07:40
144
原创 js高级 day1
1、工厂模式与自定义工厂模式：函数是小写，有new，有返回值，new之后的对象是当前对象，直接调用函数就可以创建对象function creatObject(name,age){var obj=new Object();obj.age=age;obj.name=name;obj.sayHi=function(){console.log("您好");};retur...
2018-09-11 16:24:36
190
原创 webapi day7
1、拖拽对话框<div class="login-header"><a id="link" href="javascript:void(0)"></a></div><div id="login" class="login"></div>
2018-09-07 10:01:52
130
原创 webapi day6
1、scrollscrollTop：向上卷曲出去的距离 scrollLeft：向左卷曲出去的距离scollWidth:元素中内容实际的宽scollHeight:元素中内容实际的高2、固定导航栏<div class="top" id="topPart"></div><div class="nav" id="navBar"&g
2018-09-05 14:48:46
164
原创 webapi day5
1、一次性定时器<input type="button" id="btn"/><script>window.onload=function(){var timeId=window.setTimeout(function(){alert("您好");},1000);document.getElementById("btn").onclick=f
2018-09-03 14:49:40
183
原创 webapi day 4
1、解绑事件（1）用什么方式绑定事件，就应该用对应的方式解绑事件对象.on事件名字=事件处理函数-----绑定事件对象.on事件名字=null;（2）对象.addEventListener（"没有on的事件类型"，命名函数，false）;---绑定事件对象.removeEventListener（"没有on的事件类型"，命名函数，false）;---解绑事件（3）对象.at...
2018-08-29 07:46:13
134
原创 webapi day 3
1、节点（1）节点的属性nodeType：节点的类型 1--标签，2--属性，3--文本nodeName：节点的名字：标签节点--大写的标签名字，属性节点--小写的属性名字，文本节点--#textnodeValue：节点的值：标签节点--null，属性节点--属性值，文本节点--文本内容（2）凡是获取节点的代码的代码在谷歌和火狐得到的都是相关的节点，凡是获取元素的代码在谷歌...
2018-08-24 15:35:14
145
原创 webapi day2
1、组织超链接跳转<a href="www.baidu.com" id="ak">百度</a><script>document.getElementById("ak").onclick=function(){alert("嘎嘎");return false;};</script>2、点小
2018-08-23 13:50:16
97
原创 webapi day1
1、DOM（文档对象模型）HTML：展示信息，展示数据 XML：侧重存储数据元素（element）：页面里所有标签 节点（node）：页面中所有内容 文档：一个页面就是一个文档2、点击弹框//先有按钮，才有获取，获取之后才能注册<input type="button" value="按钮" id="btn" />//根据id属性值从文档...
2018-08-19 14:36:58
129
原创 方法
方法查询MDN兼容旧环境Polyfill自定义math案例function MyMath(){this.getmax=function(){var max=arguments[0];for(var i=0;i<arguments.length;i++){if(max<arguments[0]){max=arguments[0];}}return max;}...
2018-08-17 09:03:46
146
原创 JavaScript day 3
1、arguments：获取函数调用，传入几个参数，可以获取传入的每个参数值arguments.length 实参的个数 arguments[索引] 实参的值2、函数其它定义方式命名函数：function 函数名（）{循环体} 函数名（）；（重名函数覆盖，执行最后一个）匿名函数：var 变量=function（）{循环体}； （函数赋值要加分号） 变量（）；...
2018-08-13 10:12:57
117
原创 JavaScript day 2
1、流程控制（代码的执行过程）顺序结构 分支结构 循环结构2、分支结构（1）if语句（判断）：if（表达式）{代码} 判断表达式true还是false，true执行代码，false不执行（2）if-else语句：if（表达式）{代码1}else{代码2} 判断表达式true还是false，true执行代码1，false执行代码2（3）if-else if语句（范围判断）：i...
2018-07-23 09:54:20
93
原创 JavaScript day 1
1、js在三个地方写（1）html中<script></script>中写js（2）js代码可以在html标签中写（3）在js文件中写js代码，但需要在html中引入 script标签中的src=“js的路径”在webstorm中打开页面（1）右上角有浏览器图标直接点击即可（2）alt+f2 回车或者上下键选择注意（1）在一对script...
2018-07-17 09:57:46
95
原创 css day 6
1、ico图标（1）先切图 尽量透明 png格式（2）制作ico www.bitbug.net2、cuttman窗口-扩展功能-cuttman（ps正式版）ctrl+e合并图层3、过渡transition：过渡（多种属性变化用‘，’隔开，所有属性都变化写all，谁做过渡动画写到谁身上） transition-property过渡属性（width height）transition-duration...
2018-07-16 14:44:31
83
原创 css day 5
1、icon字体图标iconfont.cn 字库 icomoon.io 字库挑选 下载（把fonts复制到网页同一文件夹中） 引入html（放入style中）（1）@font-face { font-family: "icomoon"； src: url('fonts/icomoon.eot?7kkyc2')； src: url('fonts/icomoon.eot...
2018-07-10 16:05:56
142
原创 css day 4
1、清除浮动为了解决父级元素因为子集浮动引起内部高度为0的原因（1）额外标签法 .clear {clear： both；}（最后一个浮动标签后面新添加一个标签<div class="clear"></div> ） 清除浮动，父级元素自动监测子集元素高度，以最高的为准（2）给父级添加overflow overflow： hidden；（影响布局再清除...
2018-07-07 10:27:06
95
原创 css day 3
1、合子居中text-align: center; 盒子内容（文字 行内元素 行内块元素）居中对齐 （1）margin： 0 auto; （上下是0，左右auto 自动水平居中）（2）margin-left： auto； （使左侧充满，盒子在右边）margin-right： auto； （使右侧充满，盒子在左边）（3）margin： auto； （盒子居中）（1）=（2）=（3）2、清...
2018-07-03 10:11:47
106
原创 css day 2
1、注意点p h1（文字性元素）里面不能放块级标签 a（链接）里面不放链接可以放块级元素 2、 行高的测量默认行高16px 行高等于高度文字垂直居中 行高大于高度文字偏下3、css特性层叠性 出现冲突，以最后样式为准，就近原则，不冲突不层叠继承性 子标签会继承父标签的某些样式（文本相关）优先性 ！important（无穷大，一般不使用）>行内样式表权重（1,0,0,0...
2018-06-30 16:29:12
92
原创 css day 1
1、css书写位置行内式 <标签名 style="属性1：属性值1； 属性2：属性值2； 属性3：属性值3；">内容</标签名>颜色 color：颜色 字号 font-size：数值px内部样式表<head><style type="text/css"> 选择器（例如：th caption）{属性1：属性值1；属性2：属性值2；属性3：属性值3...
2018-06-28 15:51:02
92
原创 html day 2
1、表格<table> <tr> <td> </td> </tr></table>2、表格属性边缘 border 水平对齐 align 宽度 width 高度 height 单元格与单元格距离 cellspacing单元格内容距离单元边框的距离 cellpadding三参为0 ...
2018-06-27 08:38:37
133
原创 html day 1
1、浏览器内核IE（Trident） firefox(Gecko) Safari(webkit) chrome(Blink/Chromium) Android(Webkit) IOS(Safari/Trident)2、Web标准构成结构 表现 行为 (HTML css Javascript)3、
2018-06-26 14:29:48
188
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人