摘要：
1.绘制矩形轨迹 相关语法：ctx.rect(x,y,width,height)，根据传入的参数（起始坐标和宽高）用来绘制一个矩形轨迹 注意：ctx.rect()和ctx.lineTo()绘制的都是轨迹，需要配合stroke或者fill()才能在画布中看到效果 <script> var canvas 阅读全文
摘要：
1.设置直线线帽的样式 相关语法：ctx.lineCap，通过赋值形式来设置直线线帽的样式，他有以下3个值： 值 说明 butt 默认 round 圆形线帽 square 正方形线帽 <script> var canvas = document.querySelector("canvas") var 阅读全文
摘要：
1.画布大小 canvas默认的大小是 300*150，通过操作width/height属性可以设置画布的大小，属性值只能是具体是像素值，而不能是百分比。 <body> <div class="box"> <!-- 在标签中设置画布大小 --> <canvas width="400" height= 阅读全文
摘要：
1.基本使用 调用ajax()并传入其他参数，请求url必填，可放第一个参数位置，也可以放入opstion中 <script> //方式一 $.ajax('/api/test',{}) //方式二 $.ajax({ url:"/api/test" }) </script> 2.get请求 通过typ 阅读全文
摘要：
1.Zepto.js介绍 Zepto.js最初目标在移动端提供一个精简的类似jquery的js库。压缩后的大小只有9K,而jquery有将近100k Zepto.js的API类似jQuery，熟悉jQuery可以无缝迁移到Zepto.js Zepto.js增加了针对移动端的触摸和手势相关的事件 Ze 阅读全文
摘要：
1.显示/隐藏/切换 本质：操作内联样式，隐藏时display设置为none，显示时自动还原原来的display属性值 动画原理：执行动画时，宽高以渐变的形式变大或者缩小 相关方法 方法名 说明 show(duration,cb) 显示元素，支持动画效果（可选），还支持回调（可选） hide(dur 阅读全文
摘要：
1.事件监听 事件名(cb)：只用于原生事件 $('#box').click(function(){ console.log('click - 1') }) on(eventName,cb)：除了给当前元素做监听，还能做事件委托 $('#box').on('click',function(){ co 阅读全文
摘要：
1.点击事件 事件名称 说明 click 点击事件，鼠标左键按下弹起完成后触发 mousedown 鼠标左键按下瞬间触发 mouseup 鼠标左键弹起瞬间触发 dblclick 鼠标双击触发 <script> document.onclick= function(){ console.log("cl 阅读全文
摘要：
先贴出元素模型信息 1.获取内容区大小 css()：返回值是带单位的（getComputedStyle(node).width） <script> $(function(){ console.log($("div").css("width")) //200px console.log($("div" 阅读全文
摘要：
1.attr() 作用：attr()方法用来修改或者读取标签属性值，它其实是原生getAtrribute()和setAttribte()的结合体，语法上更加简洁，它支持同时操作多个属性，只要将多个属性包装成对象传入即可 <body> <div id="test">hello world</div> 阅读全文