You don't know cross-origin

2018-11-21
阅读 5 分钟
2.2k
由于出于安全考虑,浏览器规定JavaScript不能操作其他域下的页面DOM,不能接受其他域下的xhr请求(不只是js,引用非同域下的字体文件,还有canvas引用非同域下的图片,也被同源策略所约束)只要协议、域名、端口有一者不同,就被视为非同域。

Canvas 实现一个简单的贪吃蛇

2018-11-17
阅读 1 分钟
2.1k
Intro 点击预览 在之前的代码风格,和样式上做了大调整,如下图,主要是美化了移动端 Before After Start 移动端:中间的圆点按钮是重新开始,周围的方向按钮和游戏手柄操作一样 web端:键盘方向键控制 Technology stack Typescript rollup yarn canvas API Done 本次得分 历史最高分 移动端、web端适配 Todo 蛇的样式美...

小白图解防抖动与节流-Javascript篇

2018-10-28
阅读 2 分钟
2k
防抖动与节流 点击查看源码 防抖动 {代码...} 防抖动立即触发 防抖动 节流 {代码...} 节流立即触发节流 总结 防抖动:将多个操作合并为一个操作(例如,键盘输入关键字搜索内容),在规定延时时间后触发,如果在定时器时间范围内触发,则会清楚定时器,重新计时 节流:在给定的延时时间后触发一次操作,在此时间范围内的...

高德地图 Javascript API 入门(七)

2017-03-07
阅读 2 分钟
6.7k
高德地图 Javascript API 入门(七) 热力图插件 简单例子 {代码...} 预览 参数 AMap.Heatmap 构造函数 说明 AMap.Heatmap(map:Map,opts:HeatmapOptions) 构造一个热力图插件对象,map为要叠加热力图的地图对象,opts属性参考HeatmapOptions列表中的说明。 options HeatmapOptions 类型 说明 radius Number 热力图中单个...

高德地图 Javascript API 入门(六)

2017-02-28
阅读 3 分钟
7.4k
高德地图 Javascript API 入门(六) 出行规划 公交路径 公交换乘服务,提供起、终点公交路线规划服务,整合步行方式 初始化 {代码...} 按关键字搜索 {代码...} 按坐标搜索 {代码...} 预览 驾车路径 驾车路线规划服务,提供起、终点坐标的驾车导航路线查询功能 初始化 {代码...} 按关键字搜索 {代码...} 按坐标搜索 {代...

高德地图 Javascript API 入门(五)

2017-02-26
阅读 3 分钟
9.3k
高德地图 Javascript API 入门(五) 搜索服务 搜索服务 名称 说明 是否插件 AMap.Autocomplete 输入提示,根据输入关键字提示匹配信息 是 AMap.PlaceSearch 地点搜索服务插件,提供某一特定地区的位置查询服务 是 AMap.PlaceSearchLayer 麻点图插件,提供海量搜索结果的辅助显示功能 是 AMap.DistrictSearch 行政区查询...

高德地图 Javascript API 入门(四)

2017-02-22
阅读 4 分钟
9.5k
高德地图 Javascript API 入门(四) 地图覆盖物 覆盖物 类名 说明 是否插件 AMap.Marker 点标记 否 AMap.Icon 覆盖物>点标记>复杂点标记对象,对普通点标记Marker 的扩展 否 AMap.Polyline 覆盖物>折线 否 AMap.Polygon 覆盖物>多边形 否 AMap.Circle 覆盖物>圆 否 AMap.GroundImage 图片覆盖物 否 AMap...

高德地图 Javascript API 入门(三)

2017-02-22
阅读 3 分钟
7k
高德地图 Javascript API 入门(三) 距离测量插件 区别 虽然鼠标工具插件也提供距离量测功能,但是距离量测插件,提供更为丰富的样式设置功能。 加载插件 JS {代码...} 预览 样式设置 RangingToolOptions 类型 说明 startMarkerOptions Object 设置量测起始点标记属性对象,包括点标记样式、大小等,参考   MarkerOptio...

高德地图 Javascript API 入门(二)

2017-02-22
阅读 3 分钟
10.5k
高德地图 Javascript API 入门(二) 鼠标工具插件 测量距离 JS {代码...} 预览 测量面积 JS {代码...} 预览 绘制点标注 JS {代码...} 预览 绘制折线 JS {代码...} 预览 绘制多边形 JS {代码...} 预览 绘制矩形 JS {代码...} 预览 绘制圆 JS {代码...} 预览 全部功能 方法 返回值 说明 marker( options:MarkerOptions) ...

高德地图 Javascript API 入门(一)

2017-02-22
阅读 2 分钟
10.5k
高德地图 Javascript API 入门(一) 准备工作 首先注册个开发者账号 然后创建应用,获取Key 新建HTML文件,在body标签中引入如下代码(把你的Key值填入即可) HTML {代码...} 创建设置地图容器 HTML {代码...} CSS {代码...} 地图初始化 创建地图 JS {代码...} 设置地图参数 可以通过以下设置 JS {代码...} 也可通过map...

HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器

2017-02-21
阅读 2 分钟
31.7k
HTML+CSS+JAVASCRIPT 高仿低配网页版网易云音乐播放器 前言 没有使用任何框架,只是想用最简单纯js的代码实现下 前台: Javascript+jQuery 后台: php/nodejs(php是参考网上的例子写的,nodejs代码是在php的基础上重新写的) 还有她的姊妹篇(网易云音乐移动端),请查看这里 [链接] 写在前头的话 鄙人野生前端一只,gis...