- 博客(6)
- 收藏
- 关注
RSS订阅
原创 nodejs搭建简单易用的本地代理服务器
node-proxy-server引言纯前端开发的时候，很多业务场景需要搭建本地服务器，方便页面浏览。简单列举几个好处，比如局域网内多终端访问配合外网映射解决接口跨域问题我常用到的几种本地搭建服务器的方式，比如npm的serve package全局安装，serve ./启动，方便好用。直接启动的话不支持跨域。webpack-dev-server一般使用在基于wepack的项目，普通H5搭建需要成本。支持跨域。node-proxy-server 链接适用于普通页面开
2021-01-15 19:32:06
4857
5
原创 vscode提示‘Vetur find `tsconfig.json`/`jsconfig.json`, but they aren‘t in the project root.’
今早写代码的时候，发现.vue的文件无法格式化了，先查了一遍格式化的setting配置，发现并不是这里的问题，重新发开编辑器，发现报错了！Vetur find tsconfig.json/jsconfig.json, but they aren’t in the project，好奇怪，之前的vetur不需要这些配置文件啊，看了下更新日志，好嘛，原来昨天Vetur更新了，估计是需要写配置文件了，查了文档，编辑了jsconfig.json，但是还是不行。。。最后查了issues，其他人也碰到相似的问题了，
2020-12-09 15:17:54
48502
37
原创 koa + element-ui 实现文件上传并返回文件地址
技术栈后端：koa、koa-router、koa-multer、koa-static前端：vue、element-ui前端代码片段<template> <div> <!-- element-ui 上传组件，action为接口地址 --> <el-upload class="upload" action="/api/upload" :on-success="handleUploadSuccess"
2021-09-22 16:04:06
1181
1
原创 正则表达式：只匹配空格，不匹配换行等其余空白字符
不小心碰到了一个业务场景：只想过滤掉文字中所有的空格符，保留其中的换行符。/\s/ // 匹配任何空白字符，包括空格、制表符、换页符等等。等价于 [ \f\n\r\t\v]。/\x20/ // 匹配一个空格。/\f/ // 匹配一个换页符。/\n/ // 匹配一个换行符。/\r/ // 匹配一个回车符。...
2020-12-29 19:40:09
39856
原创 js模拟css的object-fit属性，作用于canvas中drawImage的图片处理
图片样式经常会用到的一个css属性object-fit，它可以让图片合理的在容器框内展示，但是很多业务场景，比如canvas绘制时，无法支持图片的这个css属性，所以我们来模拟一个object-fit 基础款/** * 计算图片裁剪或者摆放位置 * @param {*} type contain, cover 暂时只兼容这两个模式 * @param {*} containerWidth 容器宽度 * @param {*} containerHeight 容器高度 * @param {*}
2020-12-01 17:42:52
1582
3
原创 js替换url指定参数的值
/** * 替换url的指定参数 * @param {*} url 需要替换的url * @param {*} name 参数名称 * @param {*} value 替换的值 */ function replaceQueryString (url, name, value) { const re = new RegExp(name + '=[^&]*', 'gi') return url.replace(re, name + '=' + value)}...
2020-07-09 14:31:47
3463
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人