前段时间有一个关于通过获取用户当前经纬度坐标，计算出该用户距离某指定地点之间的距离。因为做这个项目需要能够获取到比较精确的经纬度坐标，刚开始使用的是百度地图结果发现百度地图地位不太准确（有时候相差的比较的大，后来了解到了百度获取用户经纬度与用户当前使用的网络有很大的关系），后来换成了高德地图结果还是一样。最后我想刚好做的是个微信网站项目，为什么不使用微信自带接口呢？所以最后使用了微信JS-SDK来获取用户当前地理位置的接口。
获取页面中元素到文档区域document的横向、纵向坐标的两种方法及其比较 在js控制元素运动的过程中，对于页面元素坐标位置的获取是经常用到的，这里主要总结下两种方法：
Three.js是一个流行的JavaScript库，用于在浏览器中创建和显示3D图形。它基于WebGL，一个浏览器支持的3D图形API，使得开发者能够在网页上创建复杂的3D场景和交互体验。
前言 上周六有个群友@我说Gitee的反馈模块新增了截图功能，我就去体验了下，发现他们用的就是我的插件😁，本文就跟大家分享下这个插件，欢迎各位感兴趣的开发者阅读本文。 插件地址与实现原理 本插件采用原生js实现，可以集成在任意一个web项目中，插件npm地址与GitHub地址请移步： js-screen-shot（npm）[1] js-screen-shot（GitHub）[2] 插件的实现原理请移步： 实现Web端自定义截屏[3] 实现Web端自定义截屏(JS版)[4] 在线体验本插件，可移步我的开源项目
view组件可用作父容器，也可以用来展示一段文本，text组件也可以用来展示文本，区别在于view中的文本不能选中。 {{}}是小程序中数据绑定的语法。在小程序中没有dom和bom，所以不能根据id等属性获取控件，只能通过数据绑定的方式。 在index.js中未变量addresss赋值，然后index.wxml中就可以自动更新，这与angular很像，但是，小程序中是单项绑定。 tap是一个触摸事件，小程序中使用bind或者catch方式绑定事件，其属性值是一个函数名称，这个函数在index.js中定义，当用户触摸此view时就会执行对应的函数
本文主要介绍了WebGL和Three.js的渲染流程，从加载模型到生成纹理和片元着色器，再到进行矩阵计算和坐标转换，最终完成3D渲染。
起始点 的 x 和 y 坐标 都小于 结束点，（ 起始点x < 结束点x；起始点y < 结束点y ） ：
HTML5学堂（码匠）：网站中最为常见的一种特效——鼠标移入元素，出现介绍信息的悬浮框，要么是淡入，要么是单方向的滑入，总觉得太单一了有木有？其实，稍微调整一下，这个效果就可以变得“高大上”起来，虽然
创建Vue 3项目： 使用vite构建工具创建一个新的Vue项目，运行以下命令：
移动端浏览器兼容性较好，我们不需要考虑以前 JS 的兼容性问题，可以放心的使用原生 JS 书写效果，但是移动端也有自己独特的地方。比如触屏事件 touch（也称触摸事件），Android和 IOS 都有。
上面的代码使用了 Fabric.js 绑定了页面上的画布，并创造了一个粉红色的矩形。
极验的滑块验证图片是重新拼接的乱序图片。图片是由canvas标签绘制的，可以通过监听canvas断点调试。
图片底部中，最下面是当前地址，当前地址可以根据逆地址解析获取，上面的是附近学校（通过城市码和地区码对比），在搜索到其他关联的店铺数据
移动端浏览器兼容性较好，我们不需要考虑以前js的兼容性问题，可以放心的使用原生js书写效果，但是移动端也有自己独特的地方。比如触屏事件touch(也称触摸事件)，Android和IOS都有。
一般来说，图形渲染总是需要从磁盘数据开始，最终保存到磁盘数据中，保存这种数据的就是3D模型文件。3D模型文件一般会把顶点、索引、纹理、材质等等信息都保存起来，方便下次直接读取。3D模型文件格式一般是与图形渲染工作强关联的，了解3D模型文件格式的组成，有助于进一步了解图形渲染的流程。
在js中，offsetParent 属性表示最近的上级定位元素。要获取相对父级元素的位置，可以先判断 offsetParent 属性是否指向父元素，如果是，则直接使用 offsetLeft 和 offsetTop 属性获取元素相对于父元素的距离；否则分别获得当前元素和父元素距离窗口的坐标，然后求差。
通过前面几篇已经把天气小程序基本功能写好了，能够输入城市查询天气、也能查询热门城市天气 接下来我希望进入天气小程序时，自动获取用户当前所在的城市，然后查询出城市天气 微信小程序没有提供api来获取用户所在的城市，但是却提供了一个获取用户实时坐标的方法：wx.getLocation
这个软件叫做 Auto.js，只支持安卓，是一个不需要 Root 权限的 JavaScript 自动化软件。什么意思呢，就是在你的安卓手机上安装这个 APP，然后通过编写 JS 脚本的方式实现自动化操作。类似的也有其他的一些软件，比如苹果自带的快捷操作，可以通过自定义配置完成一系列的流程，但是由于其目标是所有人都可以使用，所以定制的时候就没有那么灵活。
我开发过基于QT的客户端程序、基于C# WinForm客户端，开发过Java后端服务，此外，前端VUE和React我也开发过不少。对应我所开发过的东西，比起一行一行冰冷的代码，我更加迷恋哪些能够直观的，可视化的东西。还记得以前在开发C#的时候，接触过一个的C# WinForm库NetronGraphLib，这个库能够让我们轻松的构建属于自己的流程图绘制软件，让我们能够以拖拉拽的方式来构建图（下图就是NetronGraphLib库的官方示例应用Cobalt）：
目标 获取访问者位置，绘制在地球模型上展示出来 ~ 实现思路 我们已经掌握了使用 Planetary 绘制地球模型 的方法，并可以在上面绘制点响应。 我们已经掌握了 根据 IP 定位坐标 的方法 那么在后端根据访问 http 包头中的 IP 信息查询该 IP 地址经纬坐标 将该坐标返回给 Planetary，让其绘制在地球模型上基本上就达到目的了 核心代码 后端根据 IP 获取经纬度等信息： flask 路由代码 此时访问 该路由可以获取我自己的位置信息： 前端抓取该 json 字符串并转为字典对象： 向
本文从绘图基础开始讲起，详细介绍了如何使用 Three.js开发一个功能齐全的全景插件。
叮叮当，叮叮当，吊儿个郎当，一年一度的圣诞节到咯，我不由的回想起了前两年票圈被圣诞帽支配的恐惧。打开票圈全是各种@官方求帽子的：
关于日本排放核污水，在B站看了很多UP主各路跟踪报道和整活儿，有制作末日视频的，有写末日小说的，有奇怪图片创作的，当时的一个想法是难道就只有B友整活没有掘友用技术整活是吗？
上篇文章：https://blog.csdn.net/qq_23853743/article/details/108034430
有人肯定会问，人家uni.request()已经挺好的了，为什么非的在封装一次了？
有一个同学在Gne的群里面咨询如何通过Selenium获取当前鼠标指向的元素，在我讲了方法以后，他过了两天又来问：
我们这个项目使用webpack来打包构建，所以需要安装webpack的相关的一些依赖，把webpack和TypeScript等一些东西整合一下，以方便我们后面整个项目的开发。
今天我们使用前面将的精灵模型来模拟一个下雪的场景 使用精灵模型实现下雪场景的核心思路 一.利用for循环随机生成雪花，生成的雪花位置随机 二.雪花下落动画，定义一个函数，让其y坐标递减，判断当y坐标值小于0时，重新将其设置为800 三.利用requestAnimationFrame循环执行上面的函数 实现代码如下： 1.新建文件夹，命名为snow，在该文件夹下新建一个images文件夹用于存放雪花图片 2.在根目录新建index.html文件和index.js文件 3.在index.html文件中引入threejs和index.js，并新建一个id为webgl的div
Paper.js 中的项目对象通常被称为文档：它是顶级对象，包含场景图中的所有项目。由于文档一词在浏览器上下文中已被使用，因此它被称为 Project。
在本文中，我们将大致了解正向地理编码和反向地理编码的概念。 我们将使用 Mapbox 和 Vue.js 2.6.11 构建一个应用这些概念来显示特定位置的应用程序。
用户交互，指的是用户可以借助鼠标或键盘参与到Canvas动画中去，来实现一些互动的效果。这节主要基于鼠标事件来实现一些用户交互功能。
TouchEvent是一类描述手指在触摸平面 (触摸屏、触摸板等)的状态变化的事件。这类事件用于描述一个或多个触点,使开发者可以检测触点的移动,触点的加和减少,等等 touchstart、touchmove、 touchend 三个事件都会各自有事件对象。
在 ArcGIS Maps SDK for JavaScript 中，Map 和 MapView 是两个重要的概念，用于创建和展示地图应用程序。
知晓程序注： 我们往期发布的实战指南，大多针对线上业务，如「手把手教你做电商小程序」系列。 关注知晓程序（微信号 zxcx0101），回复「电商」，查看电商小程序开发教程系列文章。 我们相信，小程序的
不过我们可以利用一些小技巧让画布具有被拖拽的能力，fabric.js 官网也提供了一个 demo ，但文档上并没有详细的讲解拖拽画布的实现原理。
地图应用非常广泛，目前地图服务，都提供地图操作、标注、地点搜索、出行规划、地址解析、街景等接口，功能非常丰富。在实际开发过程中，各有优劣。本次基于需求，使用腾讯位置服务作为一个公用厕所位置标注的H5页面开发。
今天的主角是滑动验证码，现在有很多网站使用了极验验证码来智能反爬虫,其中有一种是滑动验证码，具体来说就是拖动滑块来拼合图像，若图像完全拼合，则验证成功。下图是B站的登录验证码，便是采用了极验的滑动验证码，一起来看看如何破解吧！
国内提供地图服务的厂家基本上是五家，百度地图、高德地图、腾讯地图、搜狗地图、天地图，国外的一般还有谷歌地图、微软地图（BING地图），这几家的地图服务的api接口都大同小异，甚至很多函数的名字都一模一样，毕竟叫的很通俗，这样也很容易理解，除了引入的地图服务JS文件不同，对象名称不同，其他大多数都类似，这就给了程序员很方便的统一的思路，整体上的流程都如下：
一个简单的可拖动div,随着鼠标的移动，实现原理鼠标按下时根据onmousemove事件来动态获取鼠标坐标位置以此来更新div的位置，实现的前提时div要有一个定位效果，不然的话是移动不了它的。
地址和经纬度互相转换的功能也经常用到，比如上次的路线方案查询的功能，之前官网是提供了直接输入出发地点和目的地的中文汉字，就可以查询到最优的路线，后面只支持输入出发地点和目的地的经纬度坐标了，这个就有点绕了，让用户输入什么经纬度坐标，那是个什么鬼？没有几个用户搞得懂的，所以就需要先将用户输入的出发地点和目的地的中文汉字先查询到对应的经纬度坐标，然后再传入路线查询的JS函数中查询结果即可，为什么突然关闭了这个地址经纬度自动转换的功能呢？我去后台看了下，原来这项功能变成收费模块了。
今天碰到一个奇葩的问题，asp页面表单提交后，有一个文本框<input type="text" name="phone" id="phone" />在后台获取不了，
map组件的两个属性longitude和latitude表示当前地图中心的经度和纬度，和当前用户所在位置的经度和纬度是不同概念，无直接关系。例如，某然在广东省东菀市，但是可以打开北京天安门为中心的一幅地图，map的longitude和latitude是用来控制地图中心的参数，并不是用户实时的地理位置。
转自 http://blog.sina.com.cn/s/blog_75cf5f3201011csu.html
这篇文章中，我们将介绍小程序地图组件的使用，官方文档已经比较详细的介绍了map组件的使用，但是对于刚开始接触地图组件的同学，难免有些难以下手。本文将以Hello World为例对地图组件的使用列出一些demo，以方便后续开发。
上篇简要介绍了svg.js的基本信息和基本用法，这篇开始详细讲解svg.js的用法。
最近公司项目需求，要做一个百度地图电子围栏的功能，在网上查了一下资料，看了很多博客，大多数都写的不是很详细，我看的云里雾里的，最后终于集合所有的几篇资料，自己做出了一个简单的demo，下面将过程记录和分享一下，希望给予有需要同学一些帮助，我这个人说话比较啰嗦，所以写的一定会很详细的，哈哈！闲言少叙，开始了。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
