摘要：
慕课网学习无延迟菜单效果：https://www.imooc.com/learn/829 阅读全文
posted @ 2017-12-09 16:56
牛三
阅读(400)
评论(0)
推荐(0)
摘要：
1， mkdir webpack-test 2， cd webpack-test 3， npm init （一路回车） 4，npm install webpack --save-dev 新建一个hello.js 文件 使用webpack打包这个文件： webpack hello.js hello.b 阅读全文
posted @ 2017-12-09 11:54
牛三
阅读(167)
评论(0)
推荐(0)
摘要：
1,强调 em用斜体 strong用粗体2，<q>引用文本</q>blockquote标签 长文本引用 块级引用3,address为网页加入联系地址信息4,<code>一行代码</code> <pre>多行代码</pre>5，无序列表ul>li 有序列表ol>li6,div是独立的版块7，表格tab 阅读全文
posted @ 2017-12-09 11:21
牛三
阅读(414)
评论(0)
推荐(0)
摘要：
1,load(); 请求服务器中的数据，并把返回的数据放置到指定的元素中， load(url,[data],[callback]); url为加载服务器的地址， data请求时发送的数据 callback请求成功后的执行函数2，getJSON(); 异步加载JSON格式的数据 $.getJSON(u 阅读全文
posted @ 2017-12-09 11:14
牛三
阅读(153)
评论(0)
推荐(0)
摘要：
1，获取浏览器的名称和版本信息 $.browser对象可以获取浏览器的名称和版本信息 $.browser.version获取浏览器的版本信息 $.browser.chrome 谷歌true $.browser.mozilla 火狐true2,检测浏览器是否属于W3C盒子模型 $.support.bo 阅读全文
posted @ 2017-12-09 11:13
牛三
阅读(203)
评论(0)
推荐(0)
摘要：
1,表单验证插件validate2，表单插件form $('form').ajaxForm({options}) options:用于设置发送时的数据和参数3，图片灯箱插件 lightBox $(linkImage).lightBox({options});4，图片放大镜插件jqzoom5,cook 阅读全文
posted @ 2017-12-09 11:12
牛三
阅读(148)
评论(0)
推荐(0)
摘要：
动画1,隐藏动画hide() fast 200 slow 600 display:none;2，显示动画show();3,toggle 切换元素的显示和隐藏4，slideDown 用滑动动画显示一个匹配元素 事件数值越大动画越慢， sideDown(duration,function(){//等待动 阅读全文
posted @ 2017-12-09 11:11
牛三
阅读(190)
评论(0)
推荐(0)
摘要：
事件:1， $('ele').click(function () {}); dblclick(function() {}); $('ele').click(传递的数据,function(e){e.data 指向传递的数据}); //为了解决不同作用域下数据的传递问题2, mousedow() mou 阅读全文
posted @ 2017-12-09 11:10
牛三
阅读(164)
评论(0)
推荐(0)
摘要：
1,动态创建元素节点 var div = $('<div class="right">动态创建文本节点</div>')2,内部插入元素append(content) 向每个匹配的元素内部追加内容(前面是被插入的对象，后面是要在对象内部插入的元素)appendTo(content) 把所有匹配的元素追 阅读全文
posted @ 2017-12-09 11:09
牛三
阅读(252)
评论(0)
推荐(0)
摘要：
id选择器 $('#id') 类选择器 $('.class') 元素选择器 $('element') 全选选择器 $('*') 子选择器 $('div > p') 直接子元素 后代选择器 $('div p') 相邻兄弟选择器 $('div + p') 所有紧接在div后的p元素，相同的父元素 一般兄 阅读全文
posted @ 2017-12-09 11:08
牛三
阅读(255)
评论(0)
推荐(0)
摘要：
1，padding与元素的尺寸， 1),对于block水平元素， 1，padding值暴走，一定会影响尺寸， 2，width非auto,padding影响尺寸， 3，width为auto或box-sizing为border-box，同时padding值没有暴走，不影响尺寸。 2),对于in-line 阅读全文
posted @ 2017-12-09 11:06
牛三
阅读(1021)
评论(0)
推荐(0)
摘要：
1,overflow基本属性 visible(默认) ie6会把盒子撑开 hidden 超出部分隐藏 scroll 滚动条 auto 尺寸溢出出现滚动条 inherit IE8+ 以上浏览器支持 如果overflow-x和overflow-y值相同相当于overflow，如果值不同，其中一个属性的值 阅读全文
posted @ 2017-12-09 11:05
牛三
阅读(1862)
评论(0)
推荐(0)
摘要：
1,margin与容器的尺寸 元素的尺寸包括 1，可视尺寸 适用于没有设定width、height的普通block水平元素。 只适用于水平方向尺寸 ：一侧定宽自适应布局 <img width="150px" style="float:left;"> <p style="margin-left: 17 阅读全文
posted @ 2017-12-09 11:04
牛三
阅读(681)
评论(0)
推荐(0)
摘要：
line-height 行高 两行文字基线之间的距离line-height 与行内框盒子模型 所有内联元素的样式表现都与行框盒子模型模型有关！ 1，内容区域 大小与font-size相关 2，内联盒子 不会让内容成块显示 3，行框盒子 每一个行就是一个行框盒子，每个行框盒子又是由每一个内联盒子组成 阅读全文
posted @ 2017-12-09 11:03
牛三
阅读(367)
评论(0)
推荐(0)
摘要：
1,border-width 不支持百分比 类似的out-line,box-shadow,text-shadow,... borer-width 支持关键字 thin 1px; medium 厚薄均匀 3px; thick 厚的5px; 2,border-style:solid; border-st 阅读全文
posted @ 2017-12-09 11:01
牛三
阅读(363)
评论(0)
推荐(0)
摘要：
浏览器画图的原理 * 1，Canvas 基于像素点 * 2,SVG 基于对象模型 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Echarts</title> <style> #myCanvas { width 阅读全文
posted @ 2017-12-09 10:23
牛三
阅读(348)
评论(0)
推荐(0)
浙公网安备 33010602011771号