vue+js

Vue 全组件局部组件

一、组件定义和使用1、全局组件定义Thisisaglobalcomponent导入全局组件在main.ts（Vue+TS的项目）引入，或者在main.js（Vue+JS的项目）引入import{createApp

SignalFire·2024-02-19 19:36

vue适配3到8个大转盘抽奖

vue实现适配奖品不固定的大转盘抽奖，里面的实现代码就是vue+js，不需要jq，原理就是根据接口传过来的奖品数量，计算出来每个奖品应该旋转的角度，然后渲染到页面上立即抽奖{{item.prizeName

空山leo·2024-02-13 20:48

vue+js 实现将变量参数写至Cookie中，并进行读取，可以一次性写入多个值

vue+js实现将变量参数写至cookie中，并进行读取，可以一次性写入多个值【使用Vue和JavaScript将变量参数写入cookie并进行读取的示例代码】写入Cookie读取Cookieexportdefault

《代码爱好者》·2024-01-17 05:58

Vue+js 给按钮增加拖动手势事件

给自定义图片、按钮增加手势拖动，并增加弹性效果html目录jsdata(){return{leftX:0,topY:0,startX:'',startY:'',alphaValue:'0.5',maxX:0,maxH:0}},methods:{touchStart(event){this.leftX=event.targetTouches[0].pageX-this.startX;this.max

small_Sun·2024-01-14 04:59

vue+js练手前端项目-＞游戏平台（贪吃蛇、俄罗斯方块、飞机大战、飞翔的小鸟、2048、五子棋）

线上地址：http://codeape.site/源码地址：https://gitee.com/wooden-joint/my-game觉得有用可以点个star项目介绍该游戏平台涉及的知识点有：html、css、js、canvas、vue.js，并搭配element-ui组件库共同开发。鼠标移动到游戏区域可以看到游戏规则点击左侧游戏区域，会先弹出小游戏的弹出层(可移动、缩小、关闭)缩小效果如下，点

滑动变滚动的蜗牛·2023-10-24 21:54

点击切换图片实现

我用的Vue+js，在html页面中实现的一个点击可以进行切换图片。实现也很简单，没学过也可以直接用。效果如下：点击左右两边箭头就能实现首先你需要在html中加入这句我放在了head中。

多长头发·2023-10-18 03:05

【Vue+JS】Vue中script中js代码调用methods中函数

import$from'jquery';functiongetinfo(){console.log('info')window.test();}exportdefault{data(){return{data:'data信息',}},mounted(){//methods里面定义的方法,需要赋值给windowwindow.test=this.test;},methods:{test(){conso

SZnA1·2023-10-12 00:17

button特效水波效果（vue+js控制）

原文地址：CSS实现按钮点击的水波纹特效代码：水波纹效果exportdefault{methods:{wavesEffect(e){e=e||window.event;letposition=e.target.getBoundingClientRect();letdoc=document.documentElement;letdiv=document.createElement("div");di

菜鸟搬砖·2023-10-11 23:40

vite+vue+cesium

1.创建vite项目npmcreatevite项目名称2.选择vue+js/ts3.在终端输入命令npminstall4.安装cesium插件，在终端输入命令npmicesiumvite-plugin-cesiumvite-D5

Koreyoshi··2023-10-08 06:18

vue2+ts组件库搭建

背景公司通用的框架是vue2+js，组件库也是基于vue+js的。

hello_小丁同学·2023-04-06 21:08

ts可展开注释_【vue选手极速进阶】图文详解vue+ts+class+注解风格开发排坑全指南（更新）...

ts的大势所趋，你还在吭哧吭中徘徊在vue+js大门口吗？来吧，是时候表演真正的技术了～～～从vue开始火热起来到现在，已经基本上前端开发小伙伴入门的技能了。

weixin_39828956·2023-04-02 11:55

一个人2周时间开发了一款微信小程序，开发小程序就是如此简单

全程就是一个人写，只需掌握vue+js开发技术即可。1.

浩之然·2023-02-03 23:30

vue+js登陆页面，前端实现滑块验证

{{data.userMessage}}{{data.passwordMessage}}验证通过拖动滑块校验请拖动滑块完成校验找回密码?登录//节流import{throttle}from"@/util/decorator";//登陆密码加密import{submitEncrypt}from'@/utils/jsencrypt';exportdefault{data(){return{//标示滑块

小南瓜地·2022-11-10 19:56

vue+js实现微信上传图片选择功能

本文实例为大家分享了vue+js实现微信上传图片选择的具体代码，供大家参考，具体内容如下需求：实现微信发送图片或发朋友圈选择图片功能可实现选后点击后选择图片标记值自减或自增最终效果：思路：1、给原始数组中增加一个用于判断是否选中的状态默认为

·2022-08-05 16:01

使用vite搭建vue3项目，并配置Tailwind

以上在空白目录下使用gitbash，输入命令yarncreatevite出现输入名字选项，给自己的项目请一个名字叫test-vue3，接着会让你选择想要搭建的框架，这里选vue项目接着会让选择语言，这边选择vue

盒子里的乌托邦·2022-06-22 13:07

vue+js点击箭头实现图片切换

本文实例为大家分享了vue+js点击箭头实现图片切换的具体代码，供大家参考，具体内容如下前端需求是返回的图片数据能够点击箭头切换代码如下1">{{orderEvent.brandName}}档期：{{orderEvent.beginDate

·2022-03-27 15:51

vue+js实现视频淡入淡出效果

vue+js实现视频的淡入淡出，供大家参考，具体内容如下一个简单的视频淡入淡出效果如图小编直接上代码了有兴趣可以拷贝运行一下，谢谢播放暂停淡入淡出exportdefault{data(){return{

·2021-08-22 15:35

vue+js面试题精简版

1,响应式布局如何实现响应式布局可以让网站同时适配不同分辨率和不同的手机端，让客户有更好的体验方案一：百分比布局利用对属性设置百分比来适配不同屏幕，注意这里的百分比是对相对父元素，能够设置的属性有widthheightpaddingmargin其他属性比如borderfort-size不能百分比设置的方案二:使用媒体查询（css3@media查询）利用媒体查询设置不同分辨率下的css样式，来适配不

ก็ยิ่งต้องเจ็บ·2021-01-04 18:12

一些小优化，（vue+js）持续更新

------js部分-------由于JS是一种解释型语言，执行速度要比编译型语言慢得多。（Chrome将JS编译成本地代码的浏览器，其它浏览器也陆续实现了JS的编译过程。但是，即使到了编译执行JS的新阶段，仍然会存在低效率的代码。）代码优化：1）条件判断性能优化if语句switch语句和数组查询在优化代码执行方面都有各自的用处最快的条件判断：（判断将大概率的值放前面）-**使用if语句的情况-两

aE_0ff7·2020-11-19 21:03

手动输入数字改变扇形图的比例，用canvas画，分为vue版本和纯js两个版本

一、vue+js版本1、首先写个canvas标签，定义id为canvas；2、引入vue.js3、写canvas画图的js文件：varprecent=[];functioninit(){varcolor

impossible1994727·2020-09-13 12:55

vue与react区别

最近一段时间使用react+typeScript开发新对项目，说实话体验不是很好一是可能由于之前一直使用vue+js，对比react两个框架还是有明显差别对二是可能一次性接受太多的新知识，消化不完，react

Garrettzxd·2020-08-22 00:39

vue+js 读取上传的文件，并拿到读取文件后的内容

先点击上传文件，上传以后开始读取上传的文件。上传文件代码：点击上传注：1.handleChange函数为监听上传文件的函数2.上传以后要操作该文件用file.raw(即：上传以后文件在file.raw里）读取文件代码：handleChange(file){letreader=newFileReader();//先new一个读文件的对象FileReaderif(typeofFileReader===

Make_Progress365·2020-06-29 12:56

vue 实现评论回复中，每次点击查看更多，增加10条评论(concat合并数组)

实现效果描述，pc端，纯vue+js，主要用到的是concat合并数组1，第一次进页面请求后台数据，拿到评论总条数和总页数，页面展示10条评论2，点击查看更多，页面请求传startpage返回第二页的内容合并到上一个数组中

RjwWorld·2020-06-22 04:00

vue ts ,vue使用typescript，三种组件传值方式

发现写法与vue+js完全不一样。但是原理相同。接下来给大家介绍Vue开发中常用的传值方式。

weixin_34336292·2020-06-21 11:16

vue+typescript,三种组件传值方式