前言 上周六有个群友@我说Gitee的反馈模块新增了截图功能，我就去体验了下，发现他们用的就是我的插件😁，本文就跟大家分享下这个插件，欢迎各位感兴趣的开发者阅读本文。 插件地址与实现原理 本插件采用原生js实现，可以集成在任意一个web项目中，插件npm地址与GitHub地址请移步： js-screen-shot（npm）[1] js-screen-shot（GitHub）[2] 插件的实现原理请移步： 实现Web端自定义截屏[3] 实现Web端自定义截屏(JS版)[4] 在线体验本插件，可移步我的开源项目
选中需要调试或修改的API，在右侧API操作面版可以看到当前API的请求信息、请求参数，点击发送按钮，即可看到当前配置的响应详情
指令(directive)在 vue 开发中是一项很实用的功能，指令可以绑定到某一元素或组件，使功能的颗粒度更精细。今天在翻 element-ui 的源码时，发现一个还挺实用的工具指令，跟大伙分享一下。
首先，我们来设计下这个绘图程序将会拥有什么功能。在这个简单的绘图程序中，首先要有的是一块能给用户涂鸦的画布区域，上面有一只可爱的小鸭，然后我们准备了4种不同颜色的蜡笔，可以给用户给这只小鸭上色，同时也要提供橡皮擦的功能，以方便随时擦除这个小鸭。而除了蜡笔外，也提供了普通的油画笔的效果，当然也指定了每次绘画时笔触范围的大小，这里设定了4个选择。设计好后的绘图应用，效果如下图：
JavaScript事件是由访问Web页面的用户引起的一系列操作，例如：用户点击。当用户执行某些操作的时候，再去执行一系列代码。 一．事件介绍 JavaScript有三种事件模型：内联模型、脚本模型和DOM2模型。 二．内联模型 这种模型是最传统接单的一种处理事件的方法。在内联模型中，事件处理函数是HTML标签的一个属性，用于处理指定事件。虽然内联在早期使用较多，但它是和HTML混写的，并没有与HTML分离。 //在HTML中把事件处理函数作为属性执行JS代码 <input type="button" va
2看文字样式 T 单击目标文字，菜单栏下面查看文字效果---释放选择：ctrl + enter或选择其他工具
在《jQuery入门》一文中，记录了jQuery选择器、属性与样式和DOM操作等内容，本文将对jQuery的事件以及Ajax相关知识点进行讲解。接下来就一起来学习一下。
进入 Html5 时代，在页面中开启上传功能，只需要一个 input 组件。type 代表上传，accept 代表接受的文件类型，capture 代表从摄像头拍照获取，capture="user" 代表默认打开前置摄像头，multiple 代表一次可上传多个文件。
HTML5学堂（码匠）：网站中最为常见的一种特效——鼠标移入元素，出现介绍信息的悬浮框，要么是淡入，要么是单方向的滑入，总觉得太单一了有木有？其实，稍微调整一下，这个效果就可以变得“高大上”起来，虽然
github地址：https://github.com/626626cdllp/echarts
HTML5学堂：JavaScript获取鼠标的位置，大家会想到clientX/Y等属性，灵活的获取鼠标的位置信息，能够便于我们实现各种复杂的页面交互效果，到底还有哪些属性可以获取鼠标的位置信息？另外，还有哪些能快速获取标签在页面中的位置信息？ 在书写一些“拖拽”页面交互效果，比如常见的拖拽效果、自定滚动条、放大镜等效果，都需要用到了鼠标或元素在页面上的位置信息。为了能够快速、灵活的获取鼠标位置信息，今天要带着大家来接触的不是利用clientX/Y获取鼠标的位置信息，而是利用了大家可能比较少用的两个属性lay
Dom 对象里面涉及元素定位以及对元素的修改。因为对元素操作当中涉及的一些 js 操作，js 基本语法要会用。得要掌握前端的基本用法。为什么要元素定位？因为找到这个元素，就能告诉代码要找谁要做什么。
在 React 应用中，当用户将鼠标悬停在某个元素上时，我们经常需要显示一些相关的文本，以提供额外的信息或交互提示。本文将详细介绍如何在 React 中实现鼠标悬停显示文本的功能，并提供示例代码帮助你理解和应用这个功能。
上一期我们为大家讲解低代码在国内市场的当前现状以及APICloud可视化开发工具的组件类型和特点。相信大家对可视化编程有了一个整体的了解，那么今天带大家更进一步的使用组件。
在Web应用中实现交互式图形绘制功能，对于提高用户体验至关重要，尤其是在设计和艺术相关的应用中。Paper.js是一款强大的JavaScript库，专门用于处理矢量图形，它提供了一套简洁的API来操作HTML5的Canvas元素。本文通过一个实际例子，探讨如何使用Paper.js来实现椭圆和圆形的绘制。
最近在学习JavaWeb时，有用到鼠标移动事件，所以今天在这里记录一个相关的案例，同时也是对相关知识的一个巩固，效果为在鼠标移动到表格对应行列时，该行列的背景颜色发生变化。
用户在提交表单时，需要对用户的填写的数据进行校验。本案例只对用户名、密码、确认密码和邮箱进行校验。
最近公司项目需求，要做一个百度地图电子围栏的功能，在网上查了一下资料，看了很多博客，大多数都写的不是很详细，我看的云里雾里的，最后终于集合所有的几篇资料，自己做出了一个简单的demo，下面将过程记录和分享一下，希望给予有需要同学一些帮助，我这个人说话比较啰嗦，所以写的一定会很详细的，哈哈！闲言少叙，开始了。
在开发微信小游戏的过程中，开发者往往会遇到很多内存问题，如内存泄漏或者内存溢出等。对目前几款微信创意小游戏进行测试发现，微信小游戏运行时的异常Crash多是由于内存占用过多造成的。为了方便开发者调优小游戏内存，本文从开发、测试与现网不同阶段介绍我们常见的内存分析与调优工具。
为了使图表更具表现力，可以使用混搭图表对数据进行展现。 当多个系列的数据存在极强的不可分离的关联意义时，为了避免在同一个直角系内同时展现时产生混乱，需要使用联动的多图表对其进行展现。
本文跟大家分享leaflet在线地图的高级附加属性，这些属性通常来讲仅仅作为我们数据额可视化项目的修饰元素，而并不会影响数据元素。 但是有了这些辅助修饰元素，往往可以使你的数据可视化项目变得更具人性化。 本文内容根据leaflet的官方主页（R语言接口）翻译而来： 附加属性： 测度工具：Leaflet Measure ###增加该工具可以轻而易举的让你在可视化地图中通过鼠标打点，测量两点之间的距离，如果是闭合区域，则可以直接计算闭合区域的真实面积。 网格线：Graticule ### 网格线可以提供平面
(adsbygoogle = window.adsbygoogle || []).push({}); function googleAdJSAtOnload() { var element = document.createElement("script"); element.src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"; element.async = true; document.body.appendChild(element); } if (window.addEventListener) { window.addEventListener("load", googleAdJSAtOnload, false); } else if (window.attachEvent) { window.attachEvent("onload", googleAdJSAtOnload); } else { window.onload = googleAdJSAtOnload; }
google developers 官方文档: https://developers.google.com/web/tools/chrome-devtools/
在做电商类应用时，难免会遇到商品主图实现放大镜效果的场景，现有的基于Vue的第三方包不多并且无法直接复用，今天，我来分享一种高稳定性的基于 Vue 的图片放大镜方法。
前言 Hexo Next 主题自带的代码块功能，没有复制功能，很不方便。 经过一番查找后，在主题的 Issues 中找到了解决方案，这里记录下。 下载 需要下载 clipboard.js 主页 Github 提供下载 clipboard.min.js 将下载的文件存到如下目录：（相对目录为工程目录，没有目录则创建） 1 .\themes\next\source\lib\zclip\clipboard.min.js 导入 新建文件 custom.js ，目录如下：（相对目录为工程目录） 1 \th
目录 介绍 语法提示 代码助手 语法帮助 编辑器与项目管理器的同步 多光标 列选择 着色高亮 文件快速打开 目录内搜索 缩进调整 语法校验 svn/git项目导入 预编译器(less/sass) sass/less插件配置小技巧： 快捷键： 介绍 执着于更快一步的理念，HBuilderX的左侧项目管理器是单击响应而不是双击。 单击展开目录，单击预览文件，双击打开文件。 预览文件时顶部标签卡是斜体的，此时继续预览其他文件会替换预览标签卡。双击文件后标签卡为正体，不会被替换。预览的文件一旦开始编辑
网上其实有很多各种各样的离线地图下载器，大部分都是要收费的，免费的要么是限制了下载的瓦片数量或者级别，要么是下载的瓦片图打上了水印，看起来很难看，由于经常需要用到离线地图，摆脱这个限制，特意花了点时间重新研究了瓦片地图的原理，做了个离线地图下载器，其实瓦片地图下载没有那么复杂，其实就是从开放的几个服务器地址组建要请求的瓦片地图的地址，发送请求以后会自动将图片返回给你，你只需要拿到图片数据保存成图片即可。
写在前面 今天实现一个后台管理的引导页，所谓的引导页就是当用户第一次或者手动进行触发的时候，提示给用户当前系统的模块介绍，比如哪里是退出，哪里是菜单等等相应的操作 效果展示 https://live.csdn.net/v/embed/209987 实现思路 使用的是第三方driver.js的插件功能 插件地址 driver.js 实现步骤 安装dirver.js yarn add driver.js 引入dirver.js 定义一个引导的组件 LmDriver.vue
简单地说，断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。
首先需要知道clientX,clientY,screenX,screenY,offsetX,offsetY 是鼠标事件对象下的几个属性.
手动canvas是不可能的，我选择调库hhhh，Photo Sphere Viewer。 看官方示例，还是非常易用的，就是有其他的一些依赖包需要自己找一下。
有时候，我们希望在Vue.js中在选项改变时获取所选的选项。在这篇文章中，我们将学习如何在Vue.js中获取选择的选项。
要学好一门技术，最好的方式就是实践。上面这样一个代码图片生成器，就是当初为了学习 React 技术开发，特地找的一个功能不是很复杂，但是涉及的技术点又不至于太单一， 于是找了这样一个工具型的项目（UI 参照 ray.so[2]），代码从零开始实现来检验自己学的知识是否牢固。
写js的时候都知道，函数是我们基本上面每天都在写的一个东西，因为很多的功能是需要函数来实现的，没有函数很多的效果是没办法实现的，那么今天简单的总结一下可以触发函数的一些事件。
假设如下场景：首先地图加载一个WMS或者切片，wms为POI或者切片上有POI，我们知道WMS或者切片是无法做到像Marker或者矢量的事件相应的，但是我们又需要对这些POI点进行响应，这就不太好办了。基于此想法，本文讲述此想法的实现思路以及OL2和Arcgis中的实现方式。
这是《大胖小课》栏目的专题一《说说文件上传那些事儿》的第5节-《实现文件拖拽和剪贴板上传》
这时候，如果鼠标不动，只滚动滑轮的话，会发现图片会距离鼠标原点越来越远。为什么呢？
今天碰到一个奇葩的问题，asp页面表单提交后，有一个文本框<input type="text" name="phone" id="phone" />在后台获取不了，
这一篇继续工具介绍篇，在上一篇文章中，我们通过微信开发者工具快速创建了一个小程序工程。那工程到底包含哪些内容，我们如何对其进行修改呢，看完这一篇将会了解到。
在 echarts 新发布的 3.5 版本中，新增了日历坐标系，增强了坐标轴指示器。同时，echarts 统计扩展 1.0 版本发布了。日历坐标系用于在日历中绘制图表，坐标轴指示器方便用户观察数据内容，统计扩展是一个专门用来进行数据分析的工具。 统计扩展 统计扩展是一个专门用来进行数据分析的工具，目前主要包含了二维的回归、多维的聚类以及一些常用的统计功能。 扩展中的回归算法不仅包含了常用的线性回归，还包含了指数回归、对数回归、以及多项式回归。 线性回归的示例： 对数回归的示例： 秉承了可视分析的
分享一件关于在激活PhpStorm时的一件趣事，（屏蔽网站） C:\Windows\System32\drivers\etc 路径下的hosts文件， 打开hosts文件之后，我们会发现在hosts文件的最下面，有这样一行：
分享一个用原生JS实现的可拖拽登录框，效果如下： 实现的代码如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type"
该文介绍了如何使用Chrome浏览器的Timeline功能来分析前端页面的性能，包括内存泄漏、CPU使用率、网络请求、渲染时间、内存变化等。通过在页面上进行操作，可以查看不同时间段内各项性能指标的变化情况。同时，还可以利用Timeline来找出内存泄漏等问题，从而优化前端性能。
最近发现，许多前端开发人员（包括作者我哈），对chrome的开发者工具中的使用并不是特别深入，而本文时对chrome开发者工具Timeline的一个讲解。
事件是可以被 JavaScript 侦测到的行为。 鼠标点击、鼠标移动、鼠标滚动、按下键盘，浏览器窗口大小的改变，网页加载完成，关闭网页等等都会发生事件。
当我们用ArcGIS JS API 4版本实例化完一张二维地图的时候，鼠标移入地图区域内进行点击时，在地图周围会出现一个5像素的黑色边框，虽然不影响其他功能，但是看起来不太美观，所以本文介绍下如何去除ArcGIS JS API 4.16实例化后的地图拖动时默认自带的5px的外边框，这种方法对4版本的API都是通用的。
本文介绍echarts显示中国省份图，对于需要高亮的省份进行筛选。并且对省份进行选择性交互。
省市区域图也可以叫省市轮廓图，就是将每个省份、市区的边界区域变成轮廓展示，只是个大概的轮廓，和真是的地图基本一致，毕竟都是一个个点堆起来的，可能会有很小很小的误差，之前做大屏系统中间那个中国地图的时候，客户千方百计交代清楚，千万要注意有九段线，不然在展会上被别人看到如果连九段线都没有的话会被人骂死，可能在部分早期的数据由于不是很完善所以未必有，后期的最新的地图数据都是有的，包括轮廓图数据。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
