JavaScript - 随笔分类 - 苏帕

navigator.geolocation的应用 - 将定位信息显示在百度地图上

摘要：在学习navigator.geolocation的时候，有一个实例是获取坐标后显示在谷歌地图上。众所周知，谷歌地图国内并不能直接访问，得用特殊手段，那我要测试的时候还要开着梯子挺麻烦的，想给别人用也得那个人能访问谷歌地图先。地图不止谷歌一家有嘛，咱国内还是可以用用百度地图、必应地图、高德地图这些。阅读全文

posted @ 2019-05-15 10:06 苏帕阅读(1303) 评论(0) 推荐(0)

<canvas>标签的一些应用

摘要：最近刚接触到<canvas>标签，虽然知道它可以对像素进行一些处理，但却想不出实战中能做点什么。百度找到了haorooms博客中的一篇文章，还挺实用的，就用自己的理解给他的实例做个注释方便我这个沙比以后回顾时能快点想起来代码的作用和这些功能的原理。注意：使用跟ImageData对象相关的功能的时候阅读全文

posted @ 2019-05-07 17:38 苏帕阅读(1615) 评论(0) 推荐(0)

<canvas>中isPointInPath()方法在不同绘制内容中的效果

摘要：<canvas>是HTML5中新增加的一个元素，我们可以使用脚本（通常使用JavaScript）在上面绘制图形，就像个画布一样。我们可以用它来绘制图表、制作一些动画。默认大小为300px × 150px。在<canvas>中绘制图形的方法中，isPointInPath()方法用于检测指定的点是否在阅读全文

posted @ 2019-04-29 16:01 苏帕阅读(1354) 评论(1) 推荐(3)

在<canvas>上绘制img（drawImage()）时需要注意的事

摘要：<canvas>标签相当于是一个画布，css决定画布的样式（这块画布的背景颜色、大小等），脚本（一般使用JavaScript）就是画笔，我们可以在这个画布上绘制线条、形状、文字、图片等。 <canvas>标签对中的内容会在浏览器不支持这个标签的时候（如在IE8以及更旧版本的浏览器上启动）的时候会显示阅读全文

posted @ 2019-04-26 16:25 苏帕阅读(4416) 评论(0) 推荐(0)

HTML5中的语义标签兼容IE8以及更低版本的浏览器

摘要：看某教程，说让HTML5的这些语义标签能够兼容低版本的浏览器，原文是“你可以设置css的display属性为block”。很好理解，就设置css样式为block嘛，那就直接设置咯： 1 <body> 2 <header>header元素</header> 3 <section>section元素</ 阅读全文

posted @ 2019-04-25 16:49 苏帕阅读(228) 评论(0) 推荐(0)

自定义事件——Event和CustomEvent

摘要：之前在学习自定义事件时，在MDN的Event.initEvent()页面顶端有写：该特性已从Web标准中删除，虽然一些浏览器目前仍然支持它，但也许会在未来的某个时间停止支持，请尽量不要使用该特性。作为替代，我们可以通过创建Event对象和CustomEvent对象来创建自定义对象。先从Event( 阅读全文

posted @ 2019-02-15 16:11 苏帕阅读(11126) 评论(0) 推荐(1)

JavaScript自定义事件 - createEvent()、initEvent()和dispachEvent()

摘要：在学习目标事件的方法的时候，接触到了dispatchEvent()方法。度娘查一查，这是一个事件触发器，事件触发器其实就是触发事件的东西。通常情况下，我们触发事件都是在交互中触发的事件，例如点击按钮（click）、提交表单（submit）等。但是有的情况下，事件触发只能由程序来完成，例如ajax框阅读全文

posted @ 2019-02-15 10:12 苏帕阅读(5772) 评论(0) 推荐(0)

Event对象中的target属性和currentTarget属性的区别

摘要：先上结论： Event.target：触发事件的元素； Event.currentTarget：事件绑定的元素；通过下面的例子来理解这两个属性的区别：使用Event.target属性的例子：（我在<body>和<button>上都绑定了click事件）因为<button>在<body>中，所以阅读全文

posted @ 2019-02-14 11:33 苏帕阅读(219) 评论(0) 推荐(0)

JavaScript中的ononline事件和onoffline事件

摘要：关于这个事件的描述到处都有，但基本上都是说离线在线什么的我一下子还没反应过来。后再在这里看到了一句话："断开网络再联网试试，就可以看到连线的提示。"这才反应过来，原来指的是网络状态。我用来测试ononline事件和onoffline事件的例子：测试方法：打开这个页面，切断网络，就会触发（我用的阅读全文

posted @ 2019-02-12 11:23 苏帕阅读(1344) 评论(0) 推荐(0)

拖放事件（drop events）在Firefox上运行会出现的问题

摘要：可能会有人觉得我废话特别多，我就在开头写一个简单粗暴的版本：在Firefox中ondrop事件会触发Firefox自带的拖拽搜索功能，在ondrop事件触发执行时触发的函数中加上这两条：这个时候Firefox拖拽的时候就不会弹出搜索页面了。下面是废话特多的我的解决过程在学习拖放事件的时候，我阅读全文

posted @ 2019-01-28 16:14 苏帕阅读(1716) 评论(0) 推荐(0)

随笔分类 - JavaScript