笔记
weixin_54256573
这个作者很懒,什么都没留下…
展开
-
页面刷新 、nextTick
应用场景:在写页面的时候,对于修改信息或者是修改表单数据时,页面所渲染的数据于要求实现与数据库信息同步,展示最新的数据,会用到数据刷新。下面有三种方法:写法简单可以实现效果:第一种:this.$router.go(0)第二种:location.reload()注:前两种方法都是最直接的整个页面刷新,会出现一瞬间的空白,用户体验感不好第三种最实用 推荐实用(地址栏路径不变,只是页面显示的是内容会刷新一下)注:进行编辑操作,通过v-show控制input的显示与.原创 2022-03-27 08:08:11 · 626 阅读 · 0 评论 -
vue中组件间的通信
组件中的通信方法有很多种,下面就做总结一下经常用到的一些吧!1. props和$emit父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来做到的。父给子传值:子给父传值:总结:1).父组件传递了message数据给子组件,并且通过v-on绑定了一个getChildData事件来监听子组件的触发事件;2).子组件通过props得到相关的message数据,最后通过this.$emit触发了getChildData事件。...原创 2022-03-13 10:55:39 · 661 阅读 · 0 评论 -
vue中实现图片上传
前言:之前感觉上传图片很难,每次写都感觉特别麻烦,但思路清楚之后就感觉还行,没有想像中那个复杂,接触vue之后感觉很多地方相对于之前而言更加方便,用多个组件,相同的可以进行组件复用,减少代码的重复,下面就说一下近期食谱管理项目实战中的上传图片功能吧!1、预览图2、大致思路页面布局:设置两个均为100px的盒子,左侧是预览图(浏览上传的图片),右侧是操作图(input框占满盒子并隐藏起来,可以通过opacity: 0来实现,给input绑定@change=‘showImg’事件,如果改变了就.原创 2022-03-06 14:30:25 · 15427 阅读 · 1 评论 -
vue-router中的router-link的active-class
使用选中样式有两种方法(显示高亮即选中状态)解决以上问题方法如下:(两种)原创 2022-02-12 19:48:00 · 623 阅读 · 0 评论 -
IntersectionObserver
IntersectionObserver可以实现类似于监听目标元素的祖先元素与视窗的交叉状态,简单地说就是能监听到某个元素是否会被我们看到,当我们看到这个元素时,可以执行一些回调函数来处理某些事务。...原创 2021-12-04 09:00:16 · 216 阅读 · 1 评论 -
html,css基础
原创 2021-11-27 16:12:33 · 134 阅读 · 0 评论 -
上下取值协议端口域名bodyparser
1、Math.ceil() 方法可对一个数进行上舍入,返回值大于或等于给定的参数。2.Math.floor()可以获得一个数的整数部分,而不是四舍五入原创 2021-11-27 14:27:21 · 127 阅读 · 0 评论 -
【无标题】
cookie和session1、Cookie和Session的区别与比较1、Cookie放在浏览器上,Session放在服务器上2、cookie不是很安全,别人可以分析存放在本地的COOKIE并进行COOKIE欺骗,考虑到安全应当使用session。3、session会在一定时间内保存在服务器上。当访问增多,会比较占用你服务器的性能,考虑到减轻服务器性能方面,应当使用COOKIE。4、单个cookie保存的数据不能超过4K,很多浏览器都限制一个站点最多保存20个cookie。2、介绍c原创 2021-11-25 17:24:40 · 132 阅读 · 0 评论 -
事件捕获与冒泡
捕获:从外层向里层去获取冒泡:从里层向外层去冒泡事件委托:子元素要达到某种效果,将事件委托给父元素,来实现效果。 对于子元素较少的情况下,使用循环遍历来实现效果,但子元素较多的时候依次遍历会比较麻烦,增加负载量,此时就可以用过给父元素委托事件来实现子元素要达到的效果。步骤:目标是实现点击每一个li标签,对应的那个消失1、获取ul:let ul=document.getElementById('ul')2、对ul绑定事件ul.onclick=functio...原创 2021-11-24 22:41:27 · 48 阅读 · 0 评论 -
前端验证码实现
<canvas>元素:<canvas>看起来和<img>标签一样,只是 <canvas> 只有两个可选的属性 width、heigth 属性,而没有 src、alt 属性。 如果不给<canvas>设置widht、height属性时,则默认 width为300、height为150,单位都是px。也可以使用css属性来设置宽高,但是如宽高属性和初始比例不一致,他会出现扭曲。所以,建议永远不要使用css属性来设置<canvas>...原创 2021-11-21 10:08:30 · 811 阅读 · 1 评论 -
onresize() offsetwidth等集中高度
1、onresize()调整浏览器窗口时,使图片等控件自适应地变化大小2、常见的几种宽高3瀑布流实现有三种方式原创 2021-11-01 22:17:50 · 70 阅读 · 0 评论 -
Cookie和Session的区别
cookie和session的共同之处在于:cookie和session都是用来跟踪浏览器用户身份的会话方式。1.cookie 是一种发送到客户浏览器的文本串句柄,并保存在客户机硬盘上,可以用来在某个WEB站点会话间持久的保持数据。2.session其实指的就是访问者从到达某个特定主页到离开为止的那段时间。 Session其实是利用Cookie进行信息处理的,当用户首先进行了请求后,服务端就在用户浏览器上创建了一个Cookie,当这个Session结束时,其实就是意味着这个Cookie就过期了。注原创 2021-10-03 11:20:22 · 117 阅读 · 0 评论 -
preventDefault()
1.如果事件是可取消的,则 preventDefault() 方法会取消该事件,这意味着属于该事件的默认操作将不会发生。举例,在以下情况下有用:单击“提交”按钮,阻止其提交表单 单击链接,防止链接跟随 URL 防止复选框的默认操作: document.getElementById("myCheckbox").addEventListener("click", function(event){ event.preventDefault()}); 注释:并非所有活动都可以取消。p原创 2021-09-21 09:06:11 · 512 阅读 · 0 评论 -
2021-08-15
近期项目完善感悟从第一次项目考核到现在也有一段时间了,在项目完善过程中我感受到了自身在一些基础知识上还是有很大漏洞的,比如说对于单选复选按钮的name要设置成一样的,我就去查阅了一些资料,找了一些视频去进一步学习form表单,单选性别按钮除了name外,在相应的文字里加入label标签,可以在点文字的时候也实现选中功能,增加用户体验,还有下拉框这个,在学习的时候只是知道有这回事,但是并没有实际操作过,现在可以更加深刻地体会到桃峰学长说的那句话了,要在项目中把学到的东西运用到里边,查漏补缺,这样才是学到了。原创 2021-08-15 00:10:26 · 53 阅读 · 0 评论