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