- 博客(20)
- 资源 (1)
- 收藏
- 关注
原创 vue2+element el-popover更改样式
在一些页面上需要更改 el-popover 的样式,但是 el-popover 的样式并不是容易更改,特别是改变 el-popover 的位置。这样是因为 el-popover 的样式不能放在 scoped 里面,但是放在 style 里面会污染全局样式,未来避免污染,所以要这样做。
2022-10-14 10:40:03
4615
1
原创 vue+element 图片右上角添加删除小×、按钮预览图片
图片右上角添加删除小×、按钮预览图片这个问题实际就是一个思维方式的问题,我最开始思考的就很复杂,后来我同事给出的解决方法就好。在判断有图片的时候,在图片的右上角加上一个小×的图片,在这个图片上加方法,点击就把图片清空。所以有的时候,一件事情不能想的太复杂。
2022-10-09 10:16:13
4860
原创 前端 数组转字符串,字符串转数组
前段时间写了一个项目,需要用到级联选择器,就是element的级联选择器。在保存数据的时候,前端这边保存的是数据如果不是一级数据,就会拿到他父级的id和他的id,但是后端为了保证数据量不那么大,不想要这个数据父级的id,只想要其本身的id。并且我这边本身穿的数据是数组,而后端需要字符串数据,就有了我需要转来转去的操作。......
2022-08-02 12:20:58
1563
原创 warning: LF will be replaced by CRLF in **** 的解决办法
今天在使用git add . 命令的时候,弹出了一个警告 warning: LF will be replaced by CRLF in ******解决方法:拉取一下git pull
2022-05-18 17:52:10
149
原创 Vue页面跳转传参
在有些时候,我们需要跳转到其他页面,但是没有接口将相应的数据传过去,需要前端自己将数据传到另一个页面,那这样的情况怎么做呢?
2022-04-26 15:17:21
9381
4
原创 Vue Element表单验证成功后,清空表单
this.$refs.ruleForm.resetFields()这是用来清空表单的代码,实际使用可以放在显示操作成功的代码下面,在接口调用成功后执行。出处是:
2022-04-26 14:33:26
1865
原创 Proxy代理解决跨域
1、首先创建项目2、创建vue.config.js3、打开vue.config.js文件,写下代码module.exports = { pages: { index: { entry: 'src/main.js' }, }, lintOnSave: false, devServer: { proxy: 'http://resume.119.net' }}4、打开你要获取数据
2022-03-15 23:50:44
202
原创 微信小程序-轮播图
简单了解:常用属性:简单代码示例:主体:wxml<swiper class="swiper-container" indicator-dots indicator-color="#fff" indicator-active-color="gray" autoplay interval="3000" circular> <swiper-item> <view class="item">A</view> </swiper
2022-03-10 00:07:36
152
原创 Vue添加时间过滤器(vue2)
// 添加时间过滤器Vue.filter('dateFormat', function (originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2, '0') const hh = (dt.getHours() + .
2022-02-25 16:42:30
485
原创 时间日期格式化
// 在 月份 日期 小时等小于 10 时候 前面补上 0 var padDate = function (va) { va = va < 10 ? '0' + va : va; return va }// 核心代码formatDate: function (val) { var value = new Date(val); var year = value.getFullYear(.
2022-02-06 21:31:54
204
原创 html清除样式
/* css reset */body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul { margin: 0; padding: 0}body { min-width: 320px; font-family: 'microsoft yahei', Verdana, Ar.
2021-12-10 01:36:58
1920
原创 移动端事件库
Touch.jsTouch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护,也是在百度内部广泛使用的开发工具.(已停更)Touch.js手势库专为移动设备设计,是Web移动端touch点击事件不错的解决方案GitHub - Clouda-team/touchjs: Touchjs getsture library支持移动端事件(部分)属性 设备类型 tap 单击屏幕 doubletap 双击屏幕 swipe 滑动 swipele
2021-12-10 01:18:44
144
原创 移动端-动态改变字体大小
<!-- 动态改变字体大小 --><script> function setRem() { var ui_w = 375; // 获取屏幕的宽度 var clientWidth = document.documentElement.clientWidth || document.body.clientWidth; console.log(ui_w, clientWidth); // 通过js.
2021-12-01 09:38:39
550
原创 移动端页面基础-理想视口
布局视口宽度 = 视觉视口宽度 = 设备宽度( = 内容宽度)自定义用户代码段点击设置——》用户代码片段选择新建全局代码片段文件:输入新建代码片的名字:然后按“Enter”键(名字可以任取,我的是‘html’)把默认生成的示例代码删掉,复制进新的代码,如下:复制新的代码,保存:需要复制的代码如下:{ "html": { "prefix": "html", "body": [ "<!DOCTYPE html>", ...
2021-12-01 01:23:58
229
原创 cookie的封装代码
// 设置cookie 需要传入三个参数 键 值 过期时间function setCookie(key, value, time) { var date = new Date(); date.setDate(date.getDate() + time); document.cookie = key + '=' + value + ';expires=' + date;}// 获取cookie 键名function getCookie(key) { var arr.
2021-11-11 20:18:41
110
原创 HTML+CSS完成的动画页面
本网页为html+css完成的页面,仅为学习交流之用。页面非常粗糙,有不足之处请谅解。另:页面为一个,不可跳转。1、HTML页面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
2021-10-19 00:18:28
3082
原创 CSS3高级选择器关于 :before 的问题
:before p:before在每个<p>元素的内容之前插入内容 主体示例:<body> <span> <p>星星</p> <p>月亮</p> <p>一起</p> <p>闪耀</p> </span></body>样式示例:bef...
2021-09-22 18:35:27
1753
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人