Vue2开发插件并发布到npm
目标：创建vue**-amazing-selector下拉框组件**，并发布到npm，效果如下图： 默认时样式： 禁用时样式： ①创建vue项目： vue create vue-amazing-selector ②项目目录结构截图如下： ③在项目根目录新建 packag...
Vue中引入swiper插件报错：To install it, you can run: npm install --save swiper/css/swiper.css
今天在写项目的时候用到了Swiper插件，执行了npm install swiper vue-awesome-swiper --save，并且也引入了，按照他的提示执行最后还是报错将main.js 中 import 'swiper/css/swiper.css' 应该替换为 import 'swiper/swiper-bundle.css'Github上面也有提到这个
基于Vue3实现一个前端埋点上报插件并打包发布到npm（下）
页面停留时间（TP）页面停留时长同样借助effect函数，通过计算页面变化的时间差从而上报页面停留时长事件，一般当进入第二个页面才会统计第一个页面的TP，进入三个页面计算第二个页面的TP。。。所以我们把逻辑写在getVisitor函数中然后给它改个名//上报uv&pv&TP const getVisitorAndTP = (app, prefix) => { const...
基于Vue3实现一个前端埋点上报插件并打包发布到npm（上）
前端埋点对于那些营销活动的项目是必须的,它可以反映出用户的喜好与习惯,从而让项目的运营者们能够调整策略优化流程提高用户体验从而获取更多的$。这篇文章将实现一个Vue3版本的埋点上报插件,主要功能有通过Vue自定义指令形式实现点击事件上报提供手动调用上报方法上报每个页面访问人数与次数(UV,PV)上报用户在每个页面停留时长项目环境搭建本项目采用pnpm进行Monorepo环境搭建,因为未来这个项目....
云间玉兔,自出机抒,从零开始制作Web插件网页特效小兔子组件(小挂件widget),基于原生CSS/NPM
著意登楼瞻玉兔，何人张幕遮银阙？又到了一年一度的网页小挂件环节，以往我们都是集成别人开源的组件，但所谓熟读唐诗三百首，不会做诗也会吟，熟读了别人的东西，做几首打油诗也是可以的，但若不能自出机抒，却也成不了大事，所以本次我们从零开始制作属于自己的网页小挂件，博君一晒。玉兔主题元素绘制成本最低的绘制方式是使用纯CSS，不依赖任何图片和三方库，首先创建绘制容器：<div id="rabbit_b....
Vue实现一个全屏加载插件并发布至npm仓库
谁经历的苦难多，谁懂得的东西也就多。前言在做头像上传功能时，为了防止用户多次点击，通常会在上传时添加一个遮罩，提示用户：图片正在上传中，上传完毕后，关闭这个遮罩层，本来想找个UI框架引入进来，使用框架提供的弹层，找了很多没找到满意的，干脆自己做一个吧。接下来就跟大家分享下如何制作一个插件，先跟大家展示下最终实现的效果：实现思路涉及到的知识点：Vue 构造器、实例挂载编写加载层业务代码，实现全局加....
vue+canvas实现炫酷时钟效果的倒计时插件（已发布到npm的vue2插件，开箱即用）
前言： 此事例是在vue组件中，使用canvas实现倒计时动画的效果。其实，实现效果的逻辑跟vue没有关系，只要读懂canvas如何实现效果的这部分逻辑就可以了 canvas动画的原理：利用定时器，给定合理的帧数，不断的清除画布，再重绘图形，即呈现出动画效果。 让我们先看下效果 说明：此gif清晰度很低，因为转成gif图的时候，质量受损，帧数减少，所以倒计时转到红色时候看起...
本页面内关键词为智能算法引擎基于机器学习所生成，如有任何问题，可在页面下方点击"联系我们"与我们沟通。
阿里巴巴终端技术
阿里巴巴终端技术最新内容汇聚在此，由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界，将面向未来，制定技术策略和目标并落地执行，推动终端技术发展，帮助工程师成长，打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号：阿里巴巴终端技术，欢迎关注。
+关注