推荐一个h5用户截屏区域选择工具web-area-sselector

2022-06-27
阅读 1 分钟
1.4k
web-area-selector类似其他截图工具的页面截图区域选择工具,允许用户选择一个页面区域并返回矩形区域信息效果图使用方法安装 {代码...} 或 {代码...} 导入 {代码...} 在需要开始录制的位置通过单例来开始截图,如下 {代码...} 上面代码中,会等待用户完成框选并返回结果,结果信息如下,分别为框选区域的左上角和右下角...
封面图

fastmock 支持自定义返回状态码

2021-07-12
阅读 1 分钟
1.5k
返回指定状态码有时候可能您希望 fastmock 返回非200的状态码来调试程序。现在,可以通过简单的请求配置来实现您只需要在您的请求头中加入 response-status 字段,设置自己想要返回的状态码即可。效果如下图所示

fastmock 新增功能-从我的其他项目导入接口

2021-07-11
阅读 1 分钟
1.1k
很多用户反馈,有时候新建的项目,很多接口和之前的项目的接口是重复的或者url是相同的,希望支持从现有项目导入接口的功能,现在,这个功能已经开发好并上线

fastmock 支持不同格式数据返回

2021-04-25
阅读 1 分钟
1.7k
应许多用户的要求,现不断加入不同的数据格式支持,使用方式很简单,在请求头中加入 Content-Type 字段来告诉 fastmock 您需要返回什么格式的内容即可:

快速开发脚手架工具推荐etools-cli

2019-12-14
阅读 1 分钟
1.5k
etools-cli 快速开发脚手架工具 github地址 etools-cli GitHub > 安装 安装nodejs环境,如已安装跳过。 npm i -g etools-cli 安装脚手架 etools -v 如能打印版本信息即安装成功。 指令文档 etools -v 查看版本信息 etools create-vue-app projectName 初始化一个vue项目,可以选择后台系统还是移动端应用,包含了基础...

vscode中支持vue-cli3构建的项目eslint对vue文件的检测

2019-05-17
阅读 4 分钟
5.5k
在vue-cli中为了能让vscode能提示.vue文件中的js代码,我们引入了eslint-plugin-html这个eslint插件(使用方法参考VSCode环境下配置ESLint 对Vue单文件的检测)最近开始使用vue-cli3构建项目,主要目的是为了简化项目代码结构和提高编译性能。当我们使用以前的方案去实现vscode对.vue文件的eslint检测时却发现始终无法识...

vue基于viewer实现的图片查看器

2019-04-12
阅读 3 分钟
11.6k
vue2-viewer vue2-viewer 是一款强大的图像浏览插件,可以实现图像的放大预览,旋转,任意比例放大和缩小等功能 vue2-viewer 是viewer.js vue的实现,效果以及样式完全移植自viewer.js关于viewer.js可以参考链接[[链接]] 插件中所有的效果均大量地使用了css3的新特性替换了viewer.js中的js动画,所以vue2-viewer主要实用...

fastmock增加功能根据入参数据动态逻辑返回mock内容

2019-03-21
阅读 2 分钟
3.6k
某些场景中,我们可能需要根据接口的入参规则,加入适当的逻辑处理后再返回数据。一个简单的场景就是登录场景,需要根据用户名密码,判断是否登录成功。再或者,我们需要根据产品ID动态返回产品信息,等等。现在fastmock提供了这种场景的解决方案,下图中展示了如何如果在mock规则中获取请求中的各个部分的数据然后再返...

小程序wxs中的时间格式化以及格式化时间和date时间互转

2019-03-04
阅读 2 分钟
6.6k
WXS(WeiXin Script)是小程序的一套脚本语言,wxs 与 javascript 是不同的语言,有自己的语法,并不和 javascript 一致。其中包括了很多日常使用的javascript函数,在wxs中都是不能同样使用的。最近在做一个列表的时候,涉及到时间格式化操作。就遇到了这个问题,以前写好了的格式化工具函数直接拷贝到小程序项目的wxs...

推荐一个在线接口Mock工具fastmock

2019-01-28
阅读 2 分钟
13k
如果想直接进入实战请猛戳这里fastmock线上地址www.fastmock.site fastmock可以让你在没有后端程序的情况下能真实地在线模拟ajax请求,你可以用fatmock实现项目初期纯前端的效果演示,也可以用fastmock实现开发中的数据模拟从而实现前后端分离。如下面的接口 模拟一个用户列表[链接] 模拟各种特殊类型的数据[链接] 您可...

强大的Array.prototype.splice()

2019-01-22
阅读 3 分钟
1.6k
之所以会单独针对这个api写这么一篇博文,一方面是因为最近在一次面试中聊到了这个API,我没能完全说出它的用法;另一方面则是因为通过熟悉后觉得这个api确实很灵活很强大,充分体现了javascript的灵活性。所以写这么一篇博文,可以让自己更深刻地记住这个方法,也希望能让更多地同仁用这个方法让自己的javascript代码更...

小程序中生成二维码和条形码

2019-01-18
阅读 2 分钟
7.5k
使用wxbarcode模块可以很方便地生成二维码和条形码。 效果 安装 {代码...} 使用方法 {代码...} 条形码 函数名:barcode 函数原型:barcode(id, code, width, height) 参数: id: wxml文件中的 Canvas ID code: 用于生成条形码的字符串 width: 生成的条形码宽度,单位 rpx height: 生成的条形码高度,单位 rpx 二维码 函...

nodemon+cross-env+config实现支持热更新的能根据不同环境加载不同配置的nodejs环境

2019-01-18
阅读 2 分钟
4.3k
nodejs项目中我们经常会用到nodemon启动项目以使我们的项目在开发时支持热更新,修改了代码后不需要手动重启服务器;使用npm 的config模块实现不同的环境(一般是develop,production,test);nodemon和config的使用方法这里不做详细介绍。cross-env的作用是不需要全局配置NODE_ENV在scripts脚本中修改NODE_ENV的值从而...