插件
小小程序员——Tracy
你说 程序员是青春饭吗?
展开
-
一个可以统计网页各个国家的浏览量的小工具
很神奇 它是咋记录这个数据滴呢。原创 2023-12-26 17:12:41 · 94 阅读 · 0 评论 -
lodash 深拷贝 去重
lodash 用法原创 2023-06-07 08:52:51 · 560 阅读 · 0 评论 -
css px 转成 vw 插件 像素单位批量转换
1.安装npm install postcss-px-to-viewport --save-dev2.配置postcss.configs.js// https://github.com/michael-ciniawsky/postcss-load-configmodule.exports = { "plugins": { "postcss-import": {}, "postcss-url": {}, // to edit target browsers:原创 2021-12-03 17:15:41 · 1288 阅读 · 0 评论 -
图片懒加载插件
用于在页面滑动到图片所在位置的时候再加载,从而不影响页面加载速度的插件。1.安装npm install vue-lazyload --save--dev2.引入main.js 中添加import VueLazyload from ''vue-lazyload'Vue.use(VueLazyload) //普通引入Vue.use(VueLazyload,{ loading: require('./assets/image/common/placeholder.pn...原创 2021-12-03 16:39:35 · 1446 阅读 · 0 评论 -
FastClick 解决移动端 300毫秒点击延迟的插件
FastClick 是 FT Labs 专门为解决移动端浏览器 300毫秒点击延迟问题所开发的插件公司没有特定要求的话可以不用的,了解即可安装方式 npm install fastclick -- save在 main.js 中引入import FastClick from 'fastclick'FastClick.attach(document.body);...原创 2021-12-03 16:30:53 · 168 阅读 · 0 评论 -
Toast 插件封装方式 自己创建一个插件
调用方式:this.$toast.show("成功");components/toast/Toast.vue<template> <div class="toast" v-if="isShow">{{message}} </div></template><script type="text/javascript">export default { name: "Toast", data() { return { .原创 2021-12-03 16:19:09 · 524 阅读 · 0 评论 -
点击标题滚动到对应的 section, 滚动到对应的section 对应的标题高亮
<template> <div class="home"> <tab-control class="tab-control" ref="tabControl" :titles='["商品", "参数", "评论", "推荐"]' @tabClick="tabClick" /> <scroll class="scroll" ref="scroll" :probeType="3" :pullUpLoad="true" @scroll="handleScrol.原创 2021-11-01 14:23:49 · 330 阅读 · 0 评论 -
添加商品到购物车 Vuex
商品详情/购物车页面 code<template> <div class="home">购物车车 <button @click="addGood(1)">Add Good1</button> <button @click="addGood(2)">Add Good1</button> <button @click="addGood(3)">Add Good1</button> <ul原创 2021-11-01 14:17:27 · 534 阅读 · 0 评论 -
防抖函数 debounce 节流函数 throttle
对于一些操作非常频繁的函数,我们要进行防抖操作,比如说我们用 Better score 的时候,为了解决滚动区域不准确的问题,需要在每个图片加载完成之后调用this.$refs.scroll.refresh();但是我们其实在最后一个图片加载完成之后调用一次就可以了。 由于我们无法判断哪个图片是最后一个加载完成的,因此每个图片加载完成后先调用防抖函数,在某个时间之内如果另外的图片也加载完成了,那么就取消前一个图片load 完想要调用还没有调用的 refresh 操作。直到最后一个图片调用防抖函数..原创 2021-09-26 16:07:32 · 174 阅读 · 0 评论 -
better-scroll
用于解决移动端的滚动场景的插件。可以单独用于 html 也可引用于 vue 中HTML下载 better-scorll js 代码引用:script 标签引入const bscroll = new BScroll(document.querySelector('.wrapper"));const bscroll = new BScroll(document.querySelector('.wrapper"),{ probeType:2,});bscro...原创 2021-09-08 15:10:33 · 160 阅读 · 0 评论