- 博客(23)
- 收藏
- 关注
RSS订阅
1原创 【VUE项目】加水印
在vue项目中增加水印效果。生成HTMLdata(){ textBgImg:''}, methods: { genTextSvg(text) { const svg = `<svg width='200' height='200' xmlns='http://www.w3.org/2000/svg'><text x='50%' y='50%' font-size='14' fill-opacity='0.5' text-anchor='middle' domi
2021-08-24 01:09:27
165
原创 computed计算对象中的值
data():{ return{ obj:{ value：'123' } }}computed:{ newValue:function(){ return this.obj.value+'111' }}在页面中 就可以使用{{newValue}}进行使用
2020-04-28 15:22:45
2627
原创 在elementUI表单中同时使用双击和单击，解决办法
原始需求如图所示：但由于elementui中不支持两种点击事件同时使用，所有修改了需求。点击文字修改标题，点击单元格可以展示任务详情点击内容的时候，绑定点击事件<el-table-column prop="title" label="标题"> <template slot-scope="scope"> <a @click="handleClick(sc...
2020-04-27 19:27:32
3660
原创 闭包
概念：闭包是指有权访问另一个函数作用域中的变量的函数。作用：函数执行产生一个私有的作用域，作用域中的私有变量和外界互不干扰，而且作用域不销毁，这些私有变量存储的值也都被保存下来，所以闭包有保护和保存的作用副作用：1、内存泄漏 2、闭包会在父函数外部，改变父函数内部变量的值解决副作用：闭包不在使用时，要及时释放。将引用内层函数对象的变量赋值为null。使用场景：1.setTimeout原...
2020-03-15 13:31:28
86
原创 ajax
AJAX(Asynchronous Javascript And XML),是一个局部刷新技术,即网页不需要重新加载,只进行部分更新即可通过 AJAX与服务器进行数据交换，AJAX可以使网页实现局部更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。基本原理Ajax的工作原理相当于在服务器和客户端之间加了一个中间层，由这个中间层操控，使用户操作与服务器端响应异步化。怎么...
2020-03-15 11:52:42
82
原创 Promise
概念Promise是异步编程的一种解决方案，将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理，让开发者不用再关注于时序和底层的结果。用法Promise是一个...
2020-03-13 20:13:38
228
原创 vue＋elementui表单校验没有效果
在点击提交之前应该保证输入框中用户填入了数据，所以使用elementUI中的rules进行校验本人遇到的问题; 即使填入了数据还是显示没有数据本人的书写错误在于 el-form-item中的prop与el-input所绑定的不是名字不一致：正确的应该如下：rules为校验规则ref和model都是必须要有的:model="loginForm"中loginFrom应是一个对象 在dat...
2020-02-05 20:07:37
3200
原创 vue项目中使用elementUI分页的遇到的问题
点击 查看计划表安排表 出现对话框 数据数据显示要求 如果信息条数多余50则显示分页 进行数据展示本人出现的问题 ：当点击专业1弹出的对话框时 显示时看到第二页，返回查看其他专业的计划安排表时分页高亮在第2页解决办法：给el-pagination添加一个v-if条件判断，首先设置为false，隐藏掉页码，在数据请求时判断信息条数是否多余50条 是则改为true，这样el-pagin...
2020-02-04 20:19:28
1298
原创 vue中axios传递给后台数据为null了？？？
一开始我的代码var result=await this.axios.post('/rcpy/myController?operation=login', this.loginForm);然后从后台看我传的值是：null嗯，，，，我就急了淡定之后有了解决办法解决办法：//使用一个插件就可以啦var result=await this.axios.post('/rcpy/myCont...
2019-12-21 18:04:37
2524
原创 vue解决跨域 还是404
奇怪吧，明明设置了代理，怎么没有生效呢？不是方法不对，而是没有理解proxyTable中节点的意义。其中的“api”节点，这是路由，系统会去根据这个匹配你的地址，匹配上才会生效，proxyTable中可以指定多个路由，一开始会认为这个是规定格式，所以都不会去修改，除非你的api部署地址是这样的“http://localhost:8080/api/*”，恭喜你，你的问题可能解决了，但是根据我的地址是...
2019-12-21 14:43:50
2675
转载 协商缓存与强缓存
强制缓存强制缓存整体流程比较简单，就是在第一次访问服务器取到数据之后，在过期时间之内不会再去重复请求。实现这个流程的核心就是如何知道当前时间是否超过了过期时间。强制缓存的过期时间通过第一次访问服务器时返回的响应头获取。在 http 1.0 和 http 1.1 版本中通过不同的响应头字段实现。http 1.0在 http 1.0 版本中，强制缓存通过 Expires 响应头来实现。 exp...
2019-09-07 14:59:25
507
原创 字符串
文章目录子串的识别includes()startsWith()endsWith()indexOf ()lastIndexOf ()字符串重复字符串补全模板字符串子串的识别includes() 返回布尔值，判断是否找到参数字符串。 let string = "apple,banana,orange"; string.includes("banana"); // truesta...
2019-07-16 15:40:32
131
原创 ES6之数组
文章目录mapreducefilterforEachmapmap 映射 简单地说就是一个对一个例如以下两个： [12, 58, 99, 86, 45, 91] [不及格, 不及格, 及格, 及格, 不及格, 及格] [45, 57, 135, 28][ {name: 'blue', level: 0, role: 0}, {name: 'zhan...
2019-07-15 15:35:38
120
原创 ES6之变量
在JavaScript中 var是可以重复声明，无法限制修改，没有块级作用域的。在ES6中有两种新的定义变量的方法1、let 不能重复声明 变量–可以修改 有块级作用...
2019-07-10 17:02:21
94
原创 CSS3之文本效果
文章目录text-shadowtext-overflowtext-shadowtext-shadow: px px px color; 四个值分别代表X轴 Y轴 模糊程度 颜色.font{ font-size: 50px; text-shadow: 4px 4px 3px red; }.font{ ...
2019-07-07 16:59:35
469
原创 CSS3之动画
在需要移动变化的div上设置一下属性animation-name: ;指定keyfranes动画名称animation-duration:2s; 指定动画执行时间animation-timing-function:ease; 指定动画的速度曲线，默认“ease”缓动，linear平缓…animation-delay:-1s;指定动画的延迟时间，默认的话“0”无延迟,设置为负数可以解决停顿问...
2019-07-07 16:44:06
267
原创 CSS之过渡
transition-property:width;设置过渡的属性为宽度，默认值是all；transition-duration:0.2s;设置过渡持续的时间为0.2s，默认是0transition-timing-function:ease;规定过渡效果的时间曲线。默认是 “ease”。ease(慢快慢)，linear(匀速)，ease-in(慢快)，ease-out(快慢)，ease-in...
2019-07-07 16:26:19
300
原创 CSS之透明度
文章目录opacityrgbahttp://caniuse.com/ 大家可以去这个网站查找你所要用的属性在浏览器中的兼容问题opacity opacity: 0.2; /*0~1的数字*/opacity使用的时候很方便，但是使用opacity的时候，其他的内容比如字体颜色也会变浅，所以我推荐使用rgba();rgba四个数字以逗号分隔开，前面三个数字标识...
2019-07-06 17:05:48
16922
原创 CSS之渐变
文章目录线性渐变径向渐变重复性渐变线性渐变background-image:linear-gradient(方位,起始色,末尾色)方位：to top , to bottom , to right , to left , 45deg ,background-image:linear-gradient(方位,起始色 20px/20px,末尾色 70px/80%) 还可以设置结束开始位置径向渐...
2019-07-06 16:45:19
160
原创 CSS之2D转换
旋转 rotate( deg)transform:rotate(45deg); 对元素进行旋转，正值为顺时针，负值为逆时针transform:rotateX(45deg);transform-origin: % %; 定义旋转的原点。例如0 100%是做左下角倾斜 skew( px, px)transform:skew(x,y); 可以改变元素的位置。x y可以为负值平移 transl...
2019-07-06 16:29:34
145
原创 CSS3之边框
文章目录CSS3 圆角边框 border-radius1 2 3 4个值水平 垂直（X轴 Y轴）单个属性边框阴影 box-shadow边框图片 box-imageCSS3 圆角边框 border-radius1 2 3 4个值 border-radius: 20px 60px 100px 140px; /*从左上开始，顺时针赋值*/ border-radius: 20p...
2019-07-06 16:03:33
157
原创 CSS之伪类选择器 伪元素
.动态伪类选择器 a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 访问过的链接 */ a:hover {color: #FF00FF} /* 鼠标移动到链接上 */ a:active {color: #0000FF} /* 按住鼠标不动的时候 */ *提示：在 CSS 定义...
2019-07-06 11:37:09
618
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人