
前端开发
前端开发
mt23
学习的路是勇于探索与思考,编程终点便是你是谁?世界从何而来?
展开
-
vue-quill-editor 图片实现自定义服务器上传的简单方法
vue-quill-editor介绍这款组件是基于quill的富文本编辑器改造为vue环境使用的。github地址-vue-quill-editor的基于MIT开源协议,可以放心使用安装vue-quill-editornpm install vue-quill-editor --save注册组件到vue环境路径:main.jsimport VueQuillEditor from 'vue-quill-editor'import 'quill/dist/quill.core.css' /原创 2021-05-19 10:02:11 · 308 阅读 · 1 评论 -
html用原生锚点定位在vue中兼容页内锚点定位的简单方法
目录Html原生锚点定位的方法1、在锚点元素定义id值2、使用a标签或修改location.hash值vue的锚点定位冲突问题简单的解决冲突办法原理简要代码Html原生锚点定位的方法html中锚点定位只需要做两件事1、在锚点元素定义id值<div id="target1">定位位置</div>2、使用a标签或修改location.hash值<a href="#target1">跳转定位</a>或者js方法window.location.原创 2021-04-22 15:36:34 · 491 阅读 · 0 评论 -
基于vue elementu-ui表单验证框架的js工具类之密码、确认密码验证
目录常规Element的表单验证关键代码核心代码优化成js工具类引用即可注入校验规则JS代码代码简化最后谈谈这个js放哪里Vue和Element-UI这两大框架在前端开发中应用已经非常nice了。但是在开发中还是有很多不足之处。以大量的使用基础,来不断的改进吧。常规Element的表单验证偷个懒,这里首先去官网看看表单验证的基本用法https://element.eleme.cn/#/zh-CN/component/form关键代码<el-form :model="ruleForm"原创 2020-10-16 15:48:38 · 1046 阅读 · 0 评论 -
css实现div永远在底部并随滚动条滚动而在最底部
目录前言布局的情况讨论内容显示小于屏幕高度内容显示超过屏幕高度出现滚动条代码实现效果前言在显示网站的ICP备案信息时,我们希望ICP备案信息永远在最下面,但是当页面数据过多出现滚动条时,ICP备案信息也在最下面,而不是浮动在屏幕的底部布局的情况讨论内容显示小于屏幕高度如果我们采用flow流布局,直接把ICP信息放在div下面,当上层div高度很小时,ICP就会显示在中间内容显示超过屏幕高度出现滚动条如果我们用fixed将ICP固定那么就会出现底部显示的信息覆盖了内容代码实现为原创 2020-09-29 18:03:07 · 5161 阅读 · 0 评论 -
前后端架构,前端H5或后台web动态切换(负载均衡)后端Api的baseUrl方案设计
这里写目录标题一级目录二级目录三级目录一级目录二级目录三级目录原创 2020-09-29 09:26:20 · 1303 阅读 · 0 评论 -
前端Vue、H5、Web、Html等待页面的快速显示以及代码参考
目录前言目标实现原理加载页代码(理论上手机端和PC端显示友好)vue加载完毕后隐藏加载页h5效果PC效果前言我们在做前端开发时,用户的网络情况以及服务器的网络负载是有限度的,因此为了有更好的用户体验,我们需要尽可能的早显示出等待界面,当然有进度条更好。目标用户访问Html页面时,用最快的速度先返回加载页,然后当所有的js、css等框架资源加载完毕后在显示主内容实现原理我们基于vue框架开发时,有个html模板页,我们将所有的加载页需要的js、div、css放在html中,并且在vue还原创 2020-09-28 16:57:45 · 1372 阅读 · 0 评论 -
js 判断非空对象的方法
JSON.stringify 判断空对象let obj = {}let isNull = "{}" === JSON.stringify(obj) //如果obj数据量大,性能将会受到影响Object.keys 判断空对象let obj = {} //Object.keys 不能传入null,否则报错let isNull = 0 === Object.keys(obj).length //通过对原创 2017-12-04 11:52:38 · 3065 阅读 · 2 评论 -
小程序无限制保存formid到后台
小程序formId小程序的formId是为发送消息模板做准备的,只能在小程序使用时获取,后台是无法获取的。所以是用来发送一切临时的通知消息,并且formId是会过期的,且只能使用一次。期限好想是一周。但是我们为了给用户发送通知方便直接在用户使用小程序的时候收集formId并且在有效期内使用就能实现发送通知的功能。实现策略因为小程序限制,只能如下的方式获取formId,支付也会有formId我...原创 2019-09-12 16:21:17 · 998 阅读 · 0 评论