
前端优化
文章平均质量分 56
明明白白的明
这个作者很懒,什么都没留下…
展开
-
uniapp自定义导航栏并适配不同机型
uniapp自定义导航栏并适配不同机型转载 2022-12-02 11:33:32 · 1913 阅读 · 1 评论 -
用正则替换小程序中富文本内容解决图片变形问题
在开发小程序中有些时候需要显示富文本编辑器编辑的图片,但是因为在小程序中无法直接通过css去替换图片的样式,所以无法让图片自适应,这时候用正则去替换富文本内容中的样式即可解决这个问题;上图⬆️ 是替换前接口返回的富文本的内容,执行正则// 修改富文本图片formatRichText(html){ let regex=/width:(.+?)\"/g; let newContent= html.replace(regex,'width:100%;height:auto;"'...原创 2022-05-20 18:26:46 · 620 阅读 · 0 评论 -
利用for循环判断必填项是否为空
在提交信息时往往需要在前端判断用户信息的必填项是否为空,这时候往往会出现多个if判断的情况,这样写就太繁琐了,为了简化流程,利用for循环来判断是否有空项是一个更好的办法。let mustData = ['name','address','trademarkImg','topImg','middleImg','phone','contacts','contactsPhone'];let mustDataTip = ['店铺名称不能为空','详细地址不能为空','请上传门脸照','请上传店内照','请原创 2020-06-26 12:27:03 · 1946 阅读 · 0 评论 -
关于h5实现扫描功能的可行性报告
背景:由于小程序环境的诸多限制,所以在h5端实现扫描功能能够摆脱小程序的环境,并实现业务需求中需要的功能。方案1:<inputtype="file" /> <inputtype="file" />为目前大多数手机浏览器所支持,兼容性较好,能够打开相机和相册实现选择文件再进行解读图片的功能。 缺点: 1、打开相机后将不...原创 2020-03-09 14:42:46 · 640 阅读 · 0 评论 -
利用vue+fabric.js获取图片坐标,并实现图片拖拽、旋转、拉伸等功能
什么是Fabric.js?Fabric.js是一个可以简化Canvas程序编写的库。 Fabric.js为Canvas提供所缺少的对象模型, svg parser, 交互和一整套其他不可或缺的工具。为什么要使用Fabric.js?Canvas提供一个好的画布能力, 但是Api不够友好。绘制简单图形其实还可以, 不过做一些复杂的图形绘制, 编写一些复杂的效果,就不是那么方便了。Fabri...原创 2019-11-14 19:41:46 · 9702 阅读 · 3 评论 -
利用函数节流实现监听滚动条停止
在我们做前端开发时,有时候会收到监听滚动条滚动和滚动条停止的需求,要想监听滚动条的滚动很简单,直接用window.addEventListener('scroll', function () {})就可以实现,但是如果想要实现监听滚动条停止却似乎没那么简单了,毕竟js并没有这样的监听事件给我们,这时候可以用函数节流的方法来实现监听函数节流的基本思想是设置一个定时器,在指定时间间隔内运行代码时清...原创 2019-01-16 13:22:41 · 1284 阅读 · 0 评论 -
vue + element el-date-picker标签实现特定范围的日期不可选
查看官方文档,disabledDate中,time.getTime() 的范围既是禁用的时间范围pickerOptions: { disabledDate(time) { return time.getTime() > Date.now(); },}组件代码是这样的:<el-date-picker v-model="...原创 2019-05-30 12:58:11 · 2732 阅读 · 0 评论 -
vue +element 实现excel文件的上传和下载嵌套多行数据
准备工作1、安装依赖包npm install -S file-saver (-S用于生产环境)npm install -S xlsxnpm install -D script-loader(-D用于开发环境)2、引入文件导出excel需要两个文件:Blob.js和Export2Excel.js链接:https://pan.baidu.com/s/137U5xaym8...原创 2019-08-21 16:00:12 · 819 阅读 · 0 评论