由于出于安全考虑，浏览器规定JavaScript不能操作其他域下的页面DOM，不能接受其他域下的xhr请求（不只是js，引用非同域下的字体文件，还有canvas引用非同域下的图片，也被同源策略所约束）只要协议、域名、端口有一者不同，就被视为非同域。

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

防抖动与节流 点击查看源码 防抖动 {代码...} 防抖动立即触发 防抖动 节流 {代码...} 节流立即触发节流 总结 防抖动：将多个操作合并为一个操作（例如，键盘输入关键字搜索内容），在规定延时时间后触发，如果在定时器时间范围内触发，则会清楚定时器，重新计时 节流：在给定的延时时间后触发一次操作，在此时间范围内的...

微信扫码登录原理解析 扫码登录是现在流行的登录方式，使用这种方式及其方便，而且安全 扫码登录流程 原理 获取唯一的uuid, 以及包含uid信息的二维码 {代码...} 浏览器轮询服务器，获取扫码状态 {代码...} 根据服务器返回的扫码状态，进行相应的操作 408 扫码超时 如果手机没有扫码或没有授权登录，服务器会阻塞约25s，...

Git的简单使用 Git 一种免费的开源分布式版本控制系统 Config {代码...} Basic {代码...} Diff {代码...} Branch {代码...} Merge {代码...} Clone {代码...} View {代码...} Relationship Refs git-scm Git教程

一个简单前端工具集-yanjs This is just a common toolkit for the Front End 安装使用 Install {代码...} Example {代码...} Documentation 使用文档 造轮子的初衷 现在的前端发展正是百花齐放的时代，各种框架、各种库、各种插件层出不穷，为何还要重复造轮子内（毕竟大家都知道DRY，Don't repeat yourself）： 为了公...

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

高德地图 Javascript API 入门（六） 出行规划 公交路径 公交换乘服务，提供起、终点公交路线规划服务，整合步行方式 初始化 {代码...} 按关键字搜索 {代码...} 按坐标搜索 {代码...} 预览 驾车路径 驾车路线规划服务，提供起、终点坐标的驾车导航路线查询功能 初始化 {代码...} 按关键字搜索 {代码...} 按坐标搜索 {代...

高德地图 Javascript API 入门（五） 搜索服务 搜索服务 名称 说明 是否插件 AMap.Autocomplete 输入提示，根据输入关键字提示匹配信息 是 AMap.PlaceSearch 地点搜索服务插件，提供某一特定地区的位置查询服务 是 AMap.PlaceSearchLayer 麻点图插件，提供海量搜索结果的辅助显示功能 是 AMap.DistrictSearch 行政区查询...

高德地图 Javascript API 入门（四） 地图覆盖物 覆盖物 类名 说明 是否插件 AMap.Marker 点标记 否 AMap.Icon 覆盖物>点标记>复杂点标记对象，对普通点标记Marker 的扩展 否 AMap.Polyline 覆盖物>折线 否 AMap.Polygon 覆盖物>多边形 否 AMap.Circle 覆盖物>圆 否 AMap.GroundImage 图片覆盖物 否 AMap...

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

高德地图 Javascript API 入门（二） 鼠标工具插件 测量距离 JS {代码...} 预览 测量面积 JS {代码...} 预览 绘制点标注 JS {代码...} 预览 绘制折线 JS {代码...} 预览 绘制多边形 JS {代码...} 预览 绘制矩形 JS {代码...} 预览 绘制圆 JS {代码...} 预览 全部功能 方法 返回值 说明 marker( options：MarkerOptions) ...

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

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