摘要：
1.设置直线线帽的样式 相关语法：ctx.lineCap，通过赋值形式来设置直线线帽的样式，他有以下3个值： 值 说明 butt 默认 round 圆形线帽 square 正方形线帽 <script> var canvas = document.querySelector("canvas") var 阅读全文
posted @ 2019-10-08 23:57
---空白---
阅读(2205)
评论(0)
推荐(0)
摘要：
1.画布大小 canvas默认的大小是 300*150，通过操作width/height属性可以设置画布的大小，属性值只能是具体是像素值，而不能是百分比。 <body> <div class="box"> <!-- 在标签中设置画布大小 --> <canvas width="400" height= 阅读全文
posted @ 2019-10-07 23:20
---空白---
阅读(2386)
评论(0)
推荐(0)
摘要：
1.基本使用 调用ajax()并传入其他参数，请求url必填，可放第一个参数位置，也可以放入opstion中 <script> //方式一 $.ajax('/api/test',{}) //方式二 $.ajax({ url:"/api/test" }) </script> 2.get请求 通过typ 阅读全文
posted @ 2019-10-06 22:22
---空白---
阅读(255)
评论(0)
推荐(0)
摘要：
1.Zepto.js介绍 Zepto.js最初目标在移动端提供一个精简的类似jquery的js库。压缩后的大小只有9K,而jquery有将近100k Zepto.js的API类似jQuery，熟悉jQuery可以无缝迁移到Zepto.js Zepto.js增加了针对移动端的触摸和手势相关的事件 Ze 阅读全文
posted @ 2019-10-06 21:56
---空白---
阅读(696)
评论(0)
推荐(0)
摘要：
1.显示/隐藏/切换 本质：操作内联样式，隐藏时display设置为none，显示时自动还原原来的display属性值 动画原理：执行动画时，宽高以渐变的形式变大或者缩小 相关方法 方法名 说明 show(duration,cb) 显示元素，支持动画效果（可选），还支持回调（可选） hide(dur 阅读全文
posted @ 2019-10-06 11:27
---空白---
阅读(548)
评论(0)
推荐(0)
摘要：
1.事件监听 事件名(cb)：只用于原生事件 $('#box').click(function(){ console.log('click - 1') }) on(eventName,cb)：除了给当前元素做监听，还能做事件委托 $('#box').on('click',function(){ co 阅读全文
posted @ 2019-10-06 00:13
---空白---
阅读(448)
评论(0)
推荐(0)
摘要：
1.点击事件 事件名称 说明 click 点击事件，鼠标左键按下弹起完成后触发 mousedown 鼠标左键按下瞬间触发 mouseup 鼠标左键弹起瞬间触发 dblclick 鼠标双击触发 <script> document.onclick= function(){ console.log("cl 阅读全文
posted @ 2019-10-05 22:51
---空白---
阅读(384)
评论(0)
推荐(0)
摘要：
先贴出元素模型信息 1.获取内容区大小 css()：返回值是带单位的（getComputedStyle(node).width） <script> $(function(){ console.log($("div").css("width")) //200px console.log($("div" 阅读全文
posted @ 2019-10-04 23:28
---空白---
阅读(1014)
评论(0)
推荐(0)
摘要：
1.attr() 作用：attr()方法用来修改或者读取标签属性值，它其实是原生getAtrribute()和setAttribte()的结合体，语法上更加简洁，它支持同时操作多个属性，只要将多个属性包装成对象传入即可 <body> <div id="test">hello world</div> 阅读全文
posted @ 2019-10-04 22:08
---空白---
阅读(320)
评论(0)
推荐(0)
摘要：
1.添加子元素 append()/prepend()：给当前元素添加子元素，子元素可以是jq对象，也可以是Dom对象，还可以是html代码，功能类似原生js的appendChild() //添加子元素到当前元素的末尾 <script> $(function(){ var $box = $('.box 阅读全文
posted @ 2019-10-04 17:22
---空白---
阅读(521)
评论(0)
推荐(0)
浙公网安备 33010602011771号