![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 72
数据猴赛雷
这个作者很懒,什么都没留下…
展开
-
CSS读书笔记
清除浮动:当子元素浮动时,按照上一个特性应该将子元素超出的部分截掉。但是子元素有浮动无法裁剪,所以只能由父元素增加高度去包裹住子元素,使得父元素拥有了高度,而这个高度是跟随子元素自适应的高度,这样就把浮动的子元素包含在父元素内了。相对于父级(非static定位)或浏览器的位置进行指定的偏移,绝对定位的话,它不在标准文档流中,原来的位置不会被保留。向左浮动或者向右浮动,向左或向右移动,直到自己的边界紧贴着包含块(一般是父元素)或者其他浮动元素的边界为止。选择当前p元素的父级元素,选中父级元素的第一个。原创 2023-09-08 14:47:47 · 424 阅读 · 0 评论 -
Vue第六篇:电商网站图片放大镜功能
2)mousemove:鼠标移动时,鼠标的遮罩块区域跟着移动,同时放大镜区域的图片跟着切换(显示遮罩块的放大效果)(1)商品图区域:主要是浏览图片,根据图片的url显示图片。当鼠标离开此区域时"放大镜区域"不需要显示。放大镜区域其实放着一个大图,当鼠标在商品图区域移动时,放大镜区域的大图相向移动。1)mouseenter:鼠标进入时,放大镜区域根据url显示图片。(3)商品图总览:鼠标over时,切换商品图区域的url图片。主要是通过CSS的translate方法实现的。(2)鼠标放大区块。原创 2023-07-23 18:52:37 · 638 阅读 · 0 评论 -
Vue第五篇:电商网站登录时vuex的使用
name为top-home,其他组件中可以通过vue.$router.push({name: 'top-home'})到当前组件。刚才我们提到,主界面包含路由的输出,而这个代码显示路由包含index的Home组件,以及login的Home组件。登录或者退出两个行为,除了改变内存中vuex的状态信息,还需要更改session持久化中的变量信息。该组件由两部分组成,Main.vue就是一张图片,Footer就是最下面的注脚部分内容。主页面主要由两部分组成:Top组件的内容以及路由的出口显示信息。原创 2023-07-21 22:15:10 · 251 阅读 · 0 评论 -
Vue第四篇:html和js基础知识查漏补缺
给自己看的,html和js的基础知识原创 2023-07-21 00:02:11 · 982 阅读 · 0 评论 -
Vue第三篇:最简单的vue购物车示例
vue创建购物车最基本的示例原创 2023-07-18 19:45:01 · 1967 阅读 · 0 评论 -
Vue第二篇:概念深度剖析
侦听器的意义:在插值表达式和计算属性时修改一个响应数据,它会做页面的更新,这是Vue内部自动实现的。这是Vue在内部给我们开放了一个可以参与响应式的一个过程。如何在一个页面中实现多页面应用的效果,其实就是检测页面URL的变化,当URL变化后在页面中渲染一些内容就可以了,这就是单页面应用程序。el选项只能在根组件中使用,而内部的子组件是不需要el选项的,因为这取决于标签的位置,而不是挂载在特定的标签上。所谓的响应式数据指的是:Vue内部对数据做操作,它就会自动地更新到视图中,这样就可以省去大量的DOM操作。原创 2023-07-18 16:52:36 · 728 阅读 · 0 评论 -
Vue第一篇:最基本的概念(背诵专用)
在Vue组件中通过dispatch方法触发一个action,在action中通过commit方法提交一个mutation,通过mutation对应的函数更改一个新的state值,vuex会将新的state值渲染到组件中。不能直接使用文本插值的方式,需要使用v-bind:属性 指令,比如v-bind:src=”src”将切换后的状态保留在内存中,以避免重复渲染,使用一个元素将动态组件包含起来。使用元素,动态绑定到它的is属性,根据is属性的值来判断使用哪个组件。原创 2023-07-18 12:36:41 · 450 阅读 · 0 评论