前言 上周六有个群友@我说Gitee的反馈模块新增了截图功能，我就去体验了下，发现他们用的就是我的插件😁，本文就跟大家分享下这个插件，欢迎各位感兴趣的开发者阅读本文。 插件地址与实现原理 本插件采用原生js实现，可以集成在任意一个web项目中，插件npm地址与GitHub地址请移步： js-screen-shot（npm）[1] js-screen-shot（GitHub）[2] 插件的实现原理请移步： 实现Web端自定义截屏[3] 实现Web端自定义截屏(JS版)[4] 在线体验本插件，可移步我的开源项目
随着时间的发展，前端开发的范围越来越广，能够实现的功能也越来越多，要实现的功能也五花八门，今天就给大家介绍一个web截图库,让前端也能实现截图功能—— js-web-screen-shot
前几天我发布了一个web端自定义截图的插件，在使用过程中有开发者反馈这个插件无法在vue2项目中使用，于是，我就开始找问题，发现我的插件是基于Vue3的开发的，由于Vue3的插件和Vue2的插件完全不兼容，因此插件也就只能在Vue3项目中使用。
调试器、模拟区不隐藏的话，编辑区域是屏幕的一半都不到。而且没办法分屏，外接显示屏也派不上用场。
先上演示地址:http://images.24city.com/jimmy/QQCapture/ 注:首次点击，会提示未安装ActiveX插件，下载安装成功后，刷新页面，就可以截屏了。 提示:该ActiveX插件是我用Delphi7开发的纯绿色插件(调用了QQ公司的公开dll)，默认会安装到c:\Capture下，大伙儿玩腻了以后，点击c:\capture\uninstall.bat，然后删除整个c:\capture即可. 思路： 1.截图功能在activex(即ocx文件)中完成，同时每次完成截图后，o
根据 GPT 返回，先创建一个 Google ScreenShot Extension 的文件夹，然后创建三个文件，分别是：manifest.json、popup.html、popup.js。
1：pica 一个在浏览器中调整图像大小，而不会出现像素失真，处理速度非常快的图片处理库
使用了Vue2.5.6+Vuex+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术开发，实现了发送消息、表情(动图)，图片、视频预览，仿微信右键菜单、截图可直接粘贴至编辑框发送。
js2flowchart 是一个可视化库，可将任何JavaScript代码转换为漂亮的SVG流程图。你可以轻松地利用它学习其他代码、设计你的代码、重构代码、解释代码。这样一个强大的神器，真的值得你拥有，看下面截图就知道了，有没有很强大。
做这个功能都是半个月之前的事情了，没想到一直耽误却一直都没有写下总结，尴尬。。。。。来来来，说正事
近期在做一个Chrome浏览器截图插件，功能是从浏览器截图并发送图片到企微，便于在远程办公环境下快速从浏览器发送图片进行showCase（目前未真正使用上，原因是截图时html2canvas有错位）
最近被派去维护和开发一些做了一半、年久失修的项目。有一部分内容是关于word文件导出，顺带着把excel、pdf文件的导出也调研下吧，我想未来开发我应该会遇到的，遂做了下笔记分享给需要的人。
用WordPress搭建的外贸网站通常都会安装几十个不同功能的插件，然后访问网站就会感觉速度比较慢，我们可以使用Asset CleanUp这款优化插件来帮忙让网站速度变得快一点。
WordPress响应式免费主题，一款基于Js+jquery2.1.4+H5/CSS3响应式+Wordpress后台开发，每天活人访问量500-800+IP，百度权重2，百度、Google收录链接突破1800+条，前后端完全独立制作，现主题作者Art_Blog开源给所有小伙伴免费使用！
js实现截图并保存图片在本地（html转canvas、canvas转image） 一、html转canvas 需要的库html2canvas.js和canvas2image.js 话不多说，直接上代码！ html 原始HTML 04支付宝小程序wcPop弹窗自定义插件dialog模板最近由于项目需要，自己开发的支付宝小程序自定义弹窗插件wcPop，就抽空整理了一份demo，多种api调用，插件语法简洁优雅，可随意修改各种弹窗效果。01h5群聊天室|h5仿微信聊天室|h5直播聊天今年的FIFA世界杯甚是精彩，最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室，该h5聊天室采用750px全新伸缩flex布局，以及使用rem响应式配合fontsize.js，页面弹窗则是使用自己开发的wcPop.js插件；编辑器部分由原先的单一表情新增为动图表情，实现了消息、表情发送 | 大图、视频效果预览 | 仿微信红包、打赏等微交互功能。04react仿微信即时IM聊天|react+redux仿微信界面基于react+react-dom+react-router-dom+redux+react-redux+ant等技术开发的手机端仿微信界面聊天，实现了聊天记录下拉刷新、发送消息、表情(动图)，图片、视频预览，打赏、红包等功能。01极力推荐的谷歌浏览器插件今天有幸请教了 记得诚、小麦大叔、SoWhat、程序猿学社 等十位博客专家，给大家推荐一些谷歌浏览器插件，让你的谷歌浏览器更实用，成为真正的生活办公小助手！02vscode前端常用插件这时候会打开一个5500的端口， 主要针对html+css页面，不适合具有框架的页面04【Hybrid开发高级系列】ReactNative(一) —— 环境构建专题http://facebook.github.io/react-native/docs/getting-started.html01Butterfly主题的PWA实现方案PWA的全称是Progressive Web Apps，译为渐进式网络应用程序。装配了PWA以后，用户可以将网站作为WEB APP安装到自己的设备上，以原生应用般的方式浏览博客，同时借助PWA的缓存机制，能够更快速的浏览。本文讨论的是使用两种方案实现PWA。最终效果不尽相同，但是都可以实现原生应用体验和更新弹窗提示。其实还有个离线博客，但是视方案不同会有很多BUG，而且离线博客意义何在啊！02Uncaught TypeError: i is not a function在一个主页项目中需要用到弹出层，一直用的layer对我来说还行，文档写的也比较完全，学习成本不高，就下决心用这个了。但是现实总是会给你泼冷水，刚引入就报了一个莫名其妙的错误。03chrome插件开发教程[特别实用的几个网站]越来越多的前端开发人员喜欢在Chrome里开发调试代码，Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的，登录后你所有的插件都会自动同步到每一个登录后的Chrome的，非常方便啊。03支付宝小程序弹窗插件开发|仿微信/android/ios弹窗效果支付宝小程序弹窗交互组件和微信小程序弹窗功能都差不多，对功能有比较多的限制，尤其想要实现丰富一些的弹窗场景就只能自己写组件实现了。02一款用GO语言编写的JS爬取工具~功能类似于JSFinder，开发由来就是使用它的时候经常返回空或链接不全，作者还不更新修bug，那就自己来咯02推荐10个实用的互联网人常用工具Snipaste是一款功能丰富的屏幕截图和标注工具，具有许多实用的功能，使其成为一款备受欢迎的工具。用户只需按住F1快捷键即可轻松截取屏幕截图，同时还能够调整截图窗口的大小和位置。此外，Snipaste还提供了其他有用的功能，如测量尺寸、获取指定位置的颜色值以及将截图固定在特定窗口上进行查看等等。总之，Snipaste是一款功能强大、易于使用的屏幕截图工具，对于需要频繁进行截图和标注的用户来说，是一款非常实用和便捷的工具。03码云推荐 | 基于EasyUI 1.5.x 的免费美化主题包作者语 Insdep theme是基于EasyUI 1.5.x 的一款免费的美化主题包，拥有百度编辑器、cropper、Highcharts、justgage、plupload等各类适应本主题的第三方插件美化补丁。并且各类常用Jquery插件正在美化中。后期会提供更多的主题、组件及第三方插件美化样式。 项目简介 演示地址：www.insdep.com/example/ 下载地址：www.insdep.com 问答地址：bbs.insdep.com QQ交流群：184075694 （第一时间发布体验包） 关于016这个牛逼了，基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目大家好，今天给小伙伴们分享一个基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目；02基于 Spring Boot + Vue 实现的可视化拖拽编辑的大屏项目这个是一个开源的一个BI平台，酷炫大屏展示，能随时随地掌控业务动态，让每个决策都有数据支撑。01前后端分离时代的SEO实践经验如果我们项目是前后端分离并且内容是AJAX动态获取想要进行网站排名优化（SEO）的话，可以使用prerender01如何用WordPress开发一个博客小程序哈喽，这边我用WordPress做了一个小程序，很适合做个人站以及博客的站长朋友，主要功能就是博客文章的展示，还有一些基本的评论功能跟点赞，收藏生成海报还有分享朋友圈功能。013ES6-Babel编译环境搭建里边的一个核心功能就是transform，把js代码编程抽象语法树AST。只要变成抽象语法树后，后期的插件才能根据这个抽象语法树进行降级，转成es5。01h5仿微信、支付宝键盘wcKeyboard插件利用html5开发的仿微信支付数字键盘，密码软键盘插件wcKeyboard，可自定义背景、类型、皮肤，包含微信、支付宝两种皮肤样式，可初始化多个键盘。01h5仿微信聊天项目案例源码(单聊、多聊)|仿微信界面最近由于项目需求，利用h5+css3+zepto+wcPop等技术开发了一个仿微信聊天项目(仿微信聊天界面)，可以实现发送消息、表情，预览图片、视频，红包打赏、霸屏等操作，聊天界面采用了flex弹性布局，弹窗则采用自己开发的wcPop.js插件(内置多种弹窗效果android、ios)，整体界面精美，运行流畅。028基于 Spring Boot + Vue 实现的可视化拖拽编辑的大屏项目大家好，今天给小伙伴们分享一个基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目；01首个基于西瓜播放器的WordPress m3u8视频播放器插件wp xgplayer前段时间不是写了基于videojs播放器的插件吗，然后看见有人说国内用DPlayer来搭配的比较多，我就找了下DPlayer，但是找的途中，才看见了西瓜播放器这款产品，是字节跳动旗下的开源产品。所以我就直接放弃DPlayer，改用西瓜播放器来试了下。01WordPress夜间深色模式切换插件wp-nightdm我不太明白为什么很多英文主题的作者，不愿意给主题自带深色模式切换的功能，国内中文环境很多作者都已经加上这个功能了。01Asp.Net无刷新上传并裁剪头像开发网站几乎都做过上传图片并截图，做个无刷新Asp.Net上传并截图示例 实现功能： 1.选择文件，自动上传并生成缩放图（上传带进度条），形成预览图 2.在预览区，实现鼠标拖拽截图区，截取图片（示例截图区按缩放图小边为截图正方形长度，可扩展为截图区可变形式） 3.点击保存，截取小图，保存截取图并显示在页面上，并删除原缩略图 示例截图： image.png image.png -----------------------------------------------------------------07一款功能强大的桌面级插件平台uTools 是一个极简、插件化的现代桌面软件，通过自由选配丰富的插件，打造得心应手的工具集合。01Postman插件的应用与实战（二）在postman插件的应用与实战（一）中，介绍了postman插件的安装，使用，collestion的创建以及应用，本小节中，我们来介绍postman结合newman和jenkins持续构建工具，来对postman中的接口测试进行统一的管理。05全流程：安装uni-app(小程序端)是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。01Fundebug前端JavaScript插件更新至1.2.0摘要: Fundebug的前端JavaScript错误监控插件更新至1.2.0：支持监控WebSocket连接错误；修复了监控unhandledrejection错误的BUG，即未用catch处理的Promise错误；以及一些其他优化。请各位用户及时更新插件！06Web UI自动化框架对比自动化化框架简介功能支持编程语言自动生成代码插件环境要求Puppeteer提供建立在DevTools协议（devtools-protocol），控制Chrome或Chromium的高阶API node库。Puppeteer默认无界面运行，不过可以通过配置变为有界面运行Chrome或Chromium• 生成页面 PDF。 • 抓取 SPA（单页应用）并生成预渲染内容（即“SSR”（服务器端渲染））。 • 自动提交表单，进行 UI 测试，键盘输入等。 • 创建一个时时更新的自动化测试环境。使用最新的 JavaS02强烈推荐 | 程序员七大生产力工具简评：GitHub 是一个面向开源及私有软件项目的托管平台，同时它也为程序员提供了生产力工具，旨在帮助开发者更高效地构建软件。本文给大家推荐七种高效生产力工具。 1. Oh My Zsh 获得超过05PhantomJS 服务端仿浏览器截图实现的方案有很多，比如：PhantomJS，Selenium WebDriver，HtmlUnit，Puppeteer等，大致的思路都是在服务端静默的模仿打开浏览器，从而进行截图。 由于服务端一般使用java，本次实现的方案是使用java + PhantomJS + rasterize.js02网站建设（一）进度条（二）网站建设系列是收集网站使用到的各种demo。包括 JavaScript 插件，JavaScript组件，常用 css 等多方面。02Cordova插件开发——滑动手势解锁（iOS篇）第一次正儿八经的参与Cordova的项目，想写下些文字，以便日后需要的时候能够帮助自己快速回忆起来，同时也希望能够帮到需要的朋友。01
最近由于项目需要，自己开发的支付宝小程序自定义弹窗插件wcPop，就抽空整理了一份demo，多种api调用，插件语法简洁优雅，可随意修改各种弹窗效果。
今年的FIFA世界杯甚是精彩，最近兴致高涨就利用HTML5开发了一个手机端仿微信界面聊天室，该h5聊天室采用750px全新伸缩flex布局，以及使用rem响应式配合fontsize.js，页面弹窗则是使用自己开发的wcPop.js插件；编辑器部分由原先的单一表情新增为动图表情，实现了消息、表情发送 | 大图、视频效果预览 | 仿微信红包、打赏等微交互功能。
基于react+react-dom+react-router-dom+redux+react-redux+ant等技术开发的手机端仿微信界面聊天，实现了聊天记录下拉刷新、发送消息、表情(动图)，图片、视频预览，打赏、红包等功能。
今天有幸请教了 记得诚、小麦大叔、SoWhat、程序猿学社 等十位博客专家，给大家推荐一些谷歌浏览器插件，让你的谷歌浏览器更实用，成为真正的生活办公小助手！
这时候会打开一个5500的端口， 主要针对html+css页面，不适合具有框架的页面
http://facebook.github.io/react-native/docs/getting-started.html
PWA的全称是Progressive Web Apps，译为渐进式网络应用程序。装配了PWA以后，用户可以将网站作为WEB APP安装到自己的设备上，以原生应用般的方式浏览博客，同时借助PWA的缓存机制，能够更快速的浏览。本文讨论的是使用两种方案实现PWA。最终效果不尽相同，但是都可以实现原生应用体验和更新弹窗提示。其实还有个离线博客，但是视方案不同会有很多BUG，而且离线博客意义何在啊！
在一个主页项目中需要用到弹出层，一直用的layer对我来说还行，文档写的也比较完全，学习成本不高，就下决心用这个了。但是现实总是会给你泼冷水，刚引入就报了一个莫名其妙的错误。
越来越多的前端开发人员喜欢在Chrome里开发调试代码，Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。尤其Chrome本身是可以登录的，登录后你所有的插件都会自动同步到每一个登录后的Chrome的，非常方便啊。
支付宝小程序弹窗交互组件和微信小程序弹窗功能都差不多，对功能有比较多的限制，尤其想要实现丰富一些的弹窗场景就只能自己写组件实现了。
功能类似于JSFinder，开发由来就是使用它的时候经常返回空或链接不全，作者还不更新修bug，那就自己来咯
Snipaste是一款功能丰富的屏幕截图和标注工具，具有许多实用的功能，使其成为一款备受欢迎的工具。用户只需按住F1快捷键即可轻松截取屏幕截图，同时还能够调整截图窗口的大小和位置。此外，Snipaste还提供了其他有用的功能，如测量尺寸、获取指定位置的颜色值以及将截图固定在特定窗口上进行查看等等。总之，Snipaste是一款功能强大、易于使用的屏幕截图工具，对于需要频繁进行截图和标注的用户来说，是一款非常实用和便捷的工具。
作者语 Insdep theme是基于EasyUI 1.5.x 的一款免费的美化主题包，拥有百度编辑器、cropper、Highcharts、justgage、plupload等各类适应本主题的第三方插件美化补丁。并且各类常用Jquery插件正在美化中。后期会提供更多的主题、组件及第三方插件美化样式。 项目简介 演示地址：www.insdep.com/example/ 下载地址：www.insdep.com 问答地址：bbs.insdep.com QQ交流群：184075694 （第一时间发布体验包） 关于
大家好，今天给小伙伴们分享一个基于 SpringBoot + Vue 实现的可视化拖拽编辑的大屏项目；
这个是一个开源的一个BI平台，酷炫大屏展示，能随时随地掌控业务动态，让每个决策都有数据支撑。
如果我们项目是前后端分离并且内容是AJAX动态获取想要进行网站排名优化（SEO）的话，可以使用prerender
哈喽，这边我用WordPress做了一个小程序，很适合做个人站以及博客的站长朋友，主要功能就是博客文章的展示，还有一些基本的评论功能跟点赞，收藏生成海报还有分享朋友圈功能。
里边的一个核心功能就是transform，把js代码编程抽象语法树AST。只要变成抽象语法树后，后期的插件才能根据这个抽象语法树进行降级，转成es5。
利用html5开发的仿微信支付数字键盘，密码软键盘插件wcKeyboard，可自定义背景、类型、皮肤，包含微信、支付宝两种皮肤样式，可初始化多个键盘。
最近由于项目需求，利用h5+css3+zepto+wcPop等技术开发了一个仿微信聊天项目(仿微信聊天界面)，可以实现发送消息、表情，预览图片、视频，红包打赏、霸屏等操作，聊天界面采用了flex弹性布局，弹窗则采用自己开发的wcPop.js插件(内置多种弹窗效果android、ios)，整体界面精美，运行流畅。
前段时间不是写了基于videojs播放器的插件吗，然后看见有人说国内用DPlayer来搭配的比较多，我就找了下DPlayer，但是找的途中，才看见了西瓜播放器这款产品，是字节跳动旗下的开源产品。所以我就直接放弃DPlayer，改用西瓜播放器来试了下。
我不太明白为什么很多英文主题的作者，不愿意给主题自带深色模式切换的功能，国内中文环境很多作者都已经加上这个功能了。
开发网站几乎都做过上传图片并截图，做个无刷新Asp.Net上传并截图示例 实现功能： 1.选择文件，自动上传并生成缩放图（上传带进度条），形成预览图 2.在预览区，实现鼠标拖拽截图区，截取图片（示例截图区按缩放图小边为截图正方形长度，可扩展为截图区可变形式） 3.点击保存，截取小图，保存截取图并显示在页面上，并删除原缩略图 示例截图： image.png image.png -----------------------------------------------------------------
uTools 是一个极简、插件化的现代桌面软件，通过自由选配丰富的插件，打造得心应手的工具集合。
在postman插件的应用与实战（一）中，介绍了postman插件的安装，使用，collestion的创建以及应用，本小节中，我们来介绍postman结合newman和jenkins持续构建工具，来对postman中的接口测试进行统一的管理。
是一个使用Vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。
摘要: Fundebug的前端JavaScript错误监控插件更新至1.2.0：支持监控WebSocket连接错误；修复了监控unhandledrejection错误的BUG，即未用catch处理的Promise错误；以及一些其他优化。请各位用户及时更新插件！
自动化化框架简介功能支持编程语言自动生成代码插件环境要求Puppeteer提供建立在DevTools协议（devtools-protocol），控制Chrome或Chromium的高阶API node库。Puppeteer默认无界面运行，不过可以通过配置变为有界面运行Chrome或Chromium• 生成页面 PDF。 • 抓取 SPA（单页应用）并生成预渲染内容（即“SSR”（服务器端渲染））。 • 自动提交表单，进行 UI 测试，键盘输入等。 • 创建一个时时更新的自动化测试环境。使用最新的 JavaS
简评：GitHub 是一个面向开源及私有软件项目的托管平台，同时它也为程序员提供了生产力工具，旨在帮助开发者更高效地构建软件。本文给大家推荐七种高效生产力工具。 1. Oh My Zsh 获得超过
实现的方案有很多，比如：PhantomJS，Selenium WebDriver，HtmlUnit，Puppeteer等，大致的思路都是在服务端静默的模仿打开浏览器，从而进行截图。 由于服务端一般使用java，本次实现的方案是使用java + PhantomJS + rasterize.js
网站建设系列是收集网站使用到的各种demo。包括 JavaScript 插件，JavaScript组件，常用 css 等多方面。
第一次正儿八经的参与Cordova的项目，想写下些文字，以便日后需要的时候能够帮助自己快速回忆起来，同时也希望能够帮到需要的朋友。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
