- 博客(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
357
原创 h5c3 day1
购物车宣传（宣传页） #通过鼠标滚轮切换全屏页面 （FullPage插件） #搜索fullpage github下载后引入dist中css和js文件 #js：transition帧动画，使用定时器，每隔一段时间更改当前元素状态 #css3：animation补间动画，过渡动画（加过渡只要状态发生改变产出动画）性能会更好 <head> <title>购物车宣传&l...
2018-10-31 15:09:23
249
原创 jquery day4
1、为元素绑定事件（建议用on） 对象.事件名字(事件处理函数);---普通写法 对象.bind(参数1，参数2);---参数1：事件名字，参数2：事件处理函数 前两种方式只能为存在元素绑定事件，后添加元素没有事件 下面两种方法可以为存在元素绑定事件，后添加元素也有事件 对象.delegate("选择器","事件名字"事件处理函数,);---父级元素调用方法，代理子级元素绑定事件 对象...
2018-10-12 15:09:14
245
原创 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
217
原创 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
199
原创 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
219
原创 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
211
原创 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
151
原创 js高级 day3
1、原型及原型链 构造函数：prototype 程序员 实例对象：__proto__ 浏览器 （指向原型对象） 原型对象：prototype construction 属性 方法 （在构造函数中） 原型链：实例对象与原型对象关系，关系通过原型来联系（__proto__） 2、原型指向 构造函数中this是实例对象，原型对象中方法中this是实例对象 实例对象__proto__...
2018-09-20 08:49:19
185
原创 js高级 day2
贪吃蛇：根据需求，抽象出相关对象，总结对象的特征和行为，把特征变为属性，行为变为方法，定义构造函数，实例化对象，通过对象调用属性和方法，完成相应需求 .map{ width:800px; height:600px; background-color:#ccc; position:relative; } <div class="map"></div> <...
2018-09-13 09:07:40
193
原创 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
260
原创 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
193
原创 webapi day6
1、scroll scrollTop：向上卷曲出去的距离 scrollLeft：向左卷曲出去的距离 scollWidth:元素中内容实际的宽 scollHeight:元素中内容实际的高 2、固定导航栏 <div class="top" id="topPart"></div> <div class="nav" id="navBar"&g
2018-09-05 14:48:46
245
原创 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
276
原创 webapi day 4
1、解绑事件 （1）用什么方式绑定事件，就应该用对应的方式解绑事件 对象.on事件名字=事件处理函数-----绑定事件 对象.on事件名字=null; （2）对象.addEventListener（"没有on的事件类型"，命名函数，false）;---绑定事件 对象.removeEventListener（"没有on的事件类型"，命名函数，false）;---解绑事件 （3）对象.at...
2018-08-29 07:46:13
189
原创 webapi day 3
1、节点 （1）节点的属性 nodeType：节点的类型 1--标签，2--属性，3--文本 nodeName：节点的名字：标签节点--大写的标签名字，属性节点--小写的属性名字，文本节点--#text nodeValue：节点的值：标签节点--null，属性节点--属性值，文本节点--文本内容 （2）凡是获取节点的代码的代码在谷歌和火狐得到的都是相关的节点，凡是获取元素的代码在谷歌...
2018-08-24 15:35:14
232
原创 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
151
原创 webapi day1
1、DOM（文档对象模型） HTML：展示信息，展示数据 XML：侧重存储数据 元素（element）：页面里所有标签 节点（node）：页面中所有内容 文档：一个页面就是一个文档 2、点击弹框 //先有按钮，才有获取，获取之后才能注册 <input type="button" value="按钮" id="btn" /> //根据id属性值从文档...
2018-08-19 14:36:58
189
原创 方法
方法查询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
211
原创 JavaScript day 3
1、arguments：获取函数调用，传入几个参数，可以获取传入的每个参数值 arguments.length 实参的个数 arguments[索引] 实参的值 2、函数其它定义方式 命名函数：function 函数名（）{循环体} 函数名（）；（重名函数覆盖，执行最后一个） 匿名函数：var 变量=function（）{循环体}； （函数赋值要加分号） 变量（）； ...
2018-08-13 10:12:57
180
原创 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
133
原创 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
136
原创 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
125
原创 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
217
原创 css day 4
1、清除浮动为了解决父级元素因为子集浮动引起内部高度为0的原因（1）额外标签法 .clear {clear： both；}（最后一个浮动标签后面新添加一个标签<div class="clear"></div> ） 清除浮动，父级元素自动监测子集元素高度，以最高的为准（2）给父级添加overflow overflow： hidden；（影响布局再清除...
2018-07-07 10:27:06
137
原创 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
149
原创 css day 2
1、注意点p h1（文字性元素）里面不能放块级标签 a（链接）里面不放链接可以放块级元素 2、 行高的测量默认行高16px 行高等于高度文字垂直居中 行高大于高度文字偏下3、css特性层叠性 出现冲突，以最后样式为准，就近原则，不冲突不层叠继承性 子标签会继承父标签的某些样式（文本相关）优先性 ！important（无穷大，一般不使用）>行内样式表权重（1,0,0,0...
2018-06-30 16:29:12
129
原创 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
134
原创 html day 2
1、表格<table> <tr> <td> </td> </tr></table>2、表格属性边缘 border 水平对齐 align 宽度 width 高度 height 单元格与单元格距离 cellspacing单元格内容距离单元边框的距离 cellpadding三参为0 ...
2018-06-27 08:38:37
182
原创 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
255
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人