星星眨眼

摘要： canvas绘制五角星，其大致思路就是： 里面的五个点和外面的五个点为同一圆心，以该点为圆心，利用数学几何知识可知每个点角度，利用Math.cos()和Math.sin()可算出每个店的坐标，最后用lineTo把每个点连起来即成为了一个五角星 这样，就能够10个点连接起来，组成了一个五角星。 阅读全文

摘要： 最近在学习canvas，用于绘制图形。canvas 元素本身是没有绘图能力的，所以绘制工作必须在 JavaScript 内部完成，例如： 这样就画出了一个实心的红色矩形。 颜色、样式和阴影 线条样式 属性描述 lineCap 设置或返回线条的结束端点样式 lineJoin 设置或返回两条线相交时，所 阅读全文

摘要： 最近，做项目时，需要使用背景音乐。大家都知道，html5的<audio>标签即可播放音乐，其格式为： 如果需要音乐是自动播放，给<audio>标签加上autoplay属性即可。如果需要点击某个图标能够暂停或开始播放，需要用js来控制： 测试页面时，问题来了：1.在部分苹果的微信浏览器里面音乐不会自动 阅读全文

摘要： 上篇博客我描述了手机的touch事件有touchstart,touchmove,touchend事件，然后在实际开发中，我们常常需要判断手指是左滑还是右滑了，最近我就接到了这个需求，左右滑切换数据，那么应该怎么做呢？ 大概的思路是： 1.获取touchstart的开始的X坐标和Y坐标： 2.获取to 阅读全文

摘要： 为大家介绍个插件：jCrop。这个插件被我用在了多个项目中，如通过画热力图来查看某块地方用户的浏览数，放大缩小拖动选框来实时预览所选区域的图片病裁剪，设置头像是选框必须要是正方形，它有着丰富的配置参数和回调函数。 其常用的参数和回调方法在网上都可以找到，例如是否允许拖放，是否允许新选框，选框允许的大 阅读全文

摘要： 在移动端页面开发时，常常会用到touch事件，比如左滑右滑的轮播等。常用的触摸事件有touchstart,touchmove,touchend。 每个事件包含下面三个用于跟踪虎摸的属性： touches：表示当前跟踪的触摸操作的touch对象的数组。 targetTouches：特定于事件目标的To 阅读全文

摘要： 在移动端开发时，有时候需要判断手机的横竖屏，那么就需要用到window.orientation这个参数，通过这个参数可以判断出手机是处在横屏还是竖屏状态。 屏幕方向对应的window.orientation值： ipad或iPhone： 90 或 -90 横屏ipad或iPhone： 0 或180 阅读全文

摘要： JS如何随机产生数字呢？这就用到了Math.random()方法，它能够随机产生0~1间的数字，这个数可能为0，但会小于1。 那么，如果我想要大于等于1小于10之间的随机整数呢？需要分为以下几步： 1.计算L=Y-X=10-1=9； 2.Math.random()*L=Math.random()*9 阅读全文

摘要： 下拉选择菜单基本的CSS样式不怎么好看，通过一些简单的样式优化，就可以起到美化的作用了。 CSS样式 JQuery代码： 阅读全文

摘要： 1.不同浏览器的标签默认的外补丁和内补丁不同 问题：不同浏览器的margin 和padding差异较大。 解决：CSS里 *{margin:0;padding:0;} 2.IE6的双边距bug 问题:浮动时，左右边距可能为所写值的2倍 解决：在float的标签样式控制中加入 display:inli 阅读全文