- 博客(13)
- 收藏
- 关注
RSS订阅
原创 推荐一个在线接口Mock工具fastmock
fastmock可以让你在没有后端程序的情况下能真实地在线模拟ajax请求，你可以用fatmock实现项目初期纯前端的效果演示，也可以用fastmock实现开发中的数据模拟从而实现前后端分离。如下面的接口模拟一个用户列表https://www.fastmock.site/mock/871b3e736e653b99374b7713e4011f9f/boss/user/list模拟各种特殊类型的...
2019-01-28 16:11:58
3914
2
原创 fastmock 升级全新UI v2.0，并带来性能大幅度提升
如果你还不知道 fastmock 是什么，清先阅读这篇文章 https://juejin.cn/post/6844903798985457672不知不觉 fastmock 上线已经一年多时间，积累了2w+程序猿，这一年多，有吐槽模仿的，也有吐槽功能不够多的，也有吐槽性能问题的。同时，也有大量朋友一直支持着 fastmock 作者一直秉承着“简单，适用”的原则维护着 fastmock，一直在努力保持着稳定可用的同时，努力提高接口的性能。截止目前，fastmock 已经趋于稳定，后台留言反馈问题的数量在不.
2021-03-17 11:03:32
262
原创 快速开发脚手架工具推荐etools-cli
etools-cli快速开发脚手架工具github地址etools-cli GitHub >安装安装nodejs环境，如已安装跳过。npm i -g etools-cli 安装脚手架etools -v 如能打印版本信息即安装成功。指令文档etools -v 查看版本信息etools create-vue-app projectName 初始化一个vue项目，可...
2019-12-14 23:08:11
195
原创 vscode中支持vue-cli3构建的项目eslint对vue文件的检测
在vue-cli中为了能让vscode能提示.vue文件中的js代码，我们引入了eslint-plugin-html这个eslint插件（使用方法参考VSCode环境下配置ESLint 对Vue单文件的检测）最近开始使用vue-cli3构建项目，主要目的是为了简化项目代码结构和提高编译性能。当我们使用以前的方案去实现vscode对.vue文件的eslint检测时却发现始终无法识别，而且提示以下内...
2019-05-17 13:46:00
1768
原创 vue基于viewer实现的图片查看器
vue2-viewervue2-viewer 是一款强大的图像浏览插件，可以实现图像的放大预览，旋转，任意比例放大和缩小等功能vue2-viewer 是viewer.js vue的实现，效果以及样式完全移植自viewer.js关于viewer.js可以参考链接[http://fengyuanchen.github.io/viewer/]插件中所有的效果均大量地使用了css3的新特性替换...
2019-04-12 16:15:57
4493
原创 fastmock增加功能根据入参数据动态逻辑返回mock内容
根据入参数据动态返回mock内容某些场景中，我们可能需要根据接口的入参规则，加入适当的逻辑处理后再返回数据。一个简单的场景就是登录场景，需要根据用户名密码，判断是否登录成功。再或者，我们需要根据产品ID动态返回产品信息，等等。现在fastmock提供了这种场景的解决方案，下图中展示了如何如果在mock规则中获取请求中的各个部分的数据然后再返回，其中包括了四种数据。restful链接参数，如/...
2019-03-21 14:54:08
2062
1
原创 小程序wxs中的时间格式化以及格式化时间和date时间互转
WXS（WeiXin Script）是小程序的一套脚本语言，wxs 与 javascript 是不同的语言，有自己的语法，并不和 javascript 一致。其中包括了很多日常使用的javascript函数，在wxs中都是不能同样使用的。最近在做一个列表的时候，涉及到时间格式化操作。就遇到了这个问题，以前写好了的格式化工具函数直接拷贝到小程序项目的wxs文件中，函数不能正常执行。其中包括了下面的几...
2019-03-04 14:45:46
9614
3
原创 推荐一个js常用工具函数库etools
etools常用js函数整理安装和使用使用npm安装：npm install -s etools通过es6模块引入，如import _ from "etools";console.log(_.extend(true,{},{"age":23}));下载并在页面引入etools.js直接调用ETool对象中得方法，如console.log(ETools.extend(true,{...
2019-01-29 10:37:49
731
原创 强大的Array.prototype.splice()
之所以会单独针对这个api写这么一篇博文，一方面是因为最近在一次面试中聊到了这个API，我没能完全说出它的用法；另一方面则是因为通过熟悉后觉得这个api确实很灵活很强大，充分体现了javascript的灵活性。所以写这么一篇博文，可以让自己更深刻地记住这个方法，也希望能让更多地同仁用这个方法让自己的javascript代码更加简洁，更加有效率。MDN Web Docs中对Array.proto...
2019-01-22 17:10:33
148
原创 Mac电脑下查看某文件或者目下下的文件的代码行数工具（cloc）
1，通过homebrew安装cloc（若您的mac没有安装home_brew需要先安装home_brew,安装方法参考Homebrew安装）在Terminal中输入：brew install cloc 回车等待安装完成2，检查cloc是否安装成功在Terminal中输入：cloc -help 回车如果能打出一长串帮助文档，那就证明安装成功了3，使用在任意目录下 执行命令 cloc ./...
2019-01-18 15:53:04
656
原创 react学习笔记之react-router4.x中JS路由跳转
在react开发单页应用的时候，有时我们需要通过js触发路由的跳转而不是紧紧通过Link组件链接跳转。如：登录成功自动跳转到网站首页或者redirect页；在ajax请求中，通过公共方法验证登录token是否有效，如果无效跳转到登录页等等。针对上面的两种情况，就有两种路由跳转场景，第一种：在中间中触发路由跳转，第二种：在非Component组件的js中触发路由跳转，这两种场景的跳转方法分别...
2019-01-18 15:51:18
766
原创 nodemon+cross-env+config实现支持热更新的能根据不同环境加载不同配置的nodejs环境
nodejs项目中我们经常会用到nodemon启动项目以使我们的项目在开发时支持热更新，修改了代码后不需要手动重启服务器；使用npm 的config模块实现不同的环境（一般是develop，production，test）；nodemon和config的使用方法这里不做详细介绍。cross-env的作用是不需要全局配置NODE_ENV在scripts脚本中修改NODE_ENV的值从而实现不同环境...
2019-01-18 15:49:47
554
原创 一个来自create-react-app脚手架警告的思考
最近在开发一个react项目，项目是用create-react-app脚手架创建的，当我在我的项目的菜单栏中添加了一个打开一个外链的a标签时，我收到了一个来自create-react-app的警告信息，信息内容如下意思就是说“在没有rel=“noopener noreferrer"属性的a标签中使用target=”_blank"存在一定的风险”这个提示瞬间把我吸引了，以前关于a标签收到的...
2019-01-18 12:45:57
261
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人