摘要:
1. 打开qq弹窗 <a href="tencent://message/?uin=2041306304&Site=Sambow&Menu=yes"> 2.打开微信弹窗 一般会与腾讯云智服进行对接,会返给你一段对话窗口链接 url 通常会在本页面上新开一个小窗口置于左上角 window.open( 阅读全文
摘要:
需要达到效果: 横向展示商品,默认一行展示5个,超出隐藏,页面一打开,该模块自动横向滚动 有前进后退按钮,默认隐藏,鼠标移入显示,且动画停止;鼠标移出按钮隐藏,动画重启 效果展示: (由于是截图拼接成的gif, 滚动效果未能展示出来,正常滚动是5s后发生,且很顺滑) 实现原理: 1. 使用css3 阅读全文
摘要:
一 插槽使用比较多的作用是: 对引用的组件中传入自定义标签, 对,是标签不是变量, 变量直接传过来就好了,就不需要插槽了, 但是有时候我们封装的组件中,需要添加一段自定义模块,可以是列表,可以是一句话,这时就需要用到插槽 二 插槽类型: 匿名插槽 具名插槽 三 插槽使用 1. 匿名插槽 父组件中: 阅读全文
摘要:
一 网易严选分类效果图 分析: 共3级分类,正常页面1级分类显示2,3级分类弹窗隐藏,当鼠标移到1级分类上面,下面的2,3级分类弹窗显示 鼠标可以从一级分类顺滑移入到下面弹窗2,3级分类,且弹窗一直显示 当鼠标移出分类范围,2,3级分类弹窗隐藏 二 思路分析 最开始想的是使用鼠标移入移出事件: mo 阅读全文
摘要:
一.需求背景: 一般做 商城 项目都会有公共头部与底部组件,会抽出来在项目的最外层,而其他主体部分会在 <router-view class="main"></router-view> 中, 有时主体部分与公共头部 或 底部会有数据交互,如商品分类列表的高亮,(点击主体部分,头部组件高亮),此时已不 阅读全文
摘要:
需求背景: 一般开发时,测试环境 与 正式环境 调用的接口域名是不同的,所以发布包时,需要配置环境变量来控制接口调用的域名 一般实现方式: 设置变量,通过判断语句,进入不同接口域名 //常规的做法 let mode="dev"; //可以设置:dev、test、prod let baseUrl="" 阅读全文
摘要:
1.产生原因: js语言中:全局变量和局部变量以及变量的作用域 2.一句话概括: 能够读取其他函数内部变量的函数 3.说具体点: 函数里面包含的子函数,子函数访问父函数的局部变量 通过return将子函数暴露在全局作用域,子函数就形成闭包 通过闭包,父函数的局部变量没有被销毁,可通过闭包去调用 ,但 阅读全文
摘要:
先看一下实现的效果: 以上通过滚动,图片随之滚动 看起来蜜汁酷炫 实现原理就是: 滚动视差,是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 使用技术很简单,只需要css属性: background-attachment: fixed; 无需任何js复杂代码 代码如下: 阅读全文
摘要:
h5前台经常会有扫码邀请他人的活动,掌握 动态生成二维码图片 就很重要了 将动态链接生成二维码,最开始使用的是: @xkeshi/vue-qrcode 这个插件,很方便使用: 使用方式: 1.下载包 npm install @xkeshi/vue-qrcode --save 2.在需要的页面中使用 阅读全文
摘要:
补充 实现原理: 先将img标签的src链接设为同一张图片(比如空白图片),然后给img标签设置自定义属性(比如 data-src), 然后将真正的图片地址存储在data-src中,当JS监听到该图片元素进入可视窗口时,将自定义属性中的地址存储到src属性中。达到懒加载的效果 图片懒加载作为优化手段 阅读全文