- 博客(20)
- 收藏
- 关注
原创 css 实现无缝滚动的弹幕效果
一开始我们就把它从原本的位置,向右移动自身一个宽度的距离,div1就刚好移动到这个区域的边缘了(此时div1在translate 100% 这个位置,开始向左滑动)没办法实现无缝滚动,会有落空(当div1走到translate -100%后,重新回到translate 100%时,div2也会回去,会落空) 解决:动画错开。2.2 div1继续向左滚动到-100%的位置,div1负100%时,div2就刚好填充满这个区域了,这里div1就是-100%
2025-02-12 02:12:51
350
原创 vue2 数字滚动效果
easing-function:缓动函数,默认为 easeOutExpo。use-easing:是否使用缓动效果,默认为 true。decimals:小数点后保留位数,默认为 0。separator:千位分隔符,默认为逗号 ,。duration:动画持续时间,单位为毫秒。start-val:初始值,默认为 0。1.npm安装vue-count-to。prefix:前缀,默认为空字符串。suffix:后缀,默认为空字符串。安装插件vue-count-to。end-val:目标值。
2025-02-06 17:33:58
304
原创 vue项目npm run build报错npm ERR! missing script: build
找了很多解决方法都不行,最后打开自己的package.json文件发现:build后面多了个:prod。若你的package.json文件是下面这样,则直接执行 npm run build : prod。若你的package.json文件是下面这样,则直接执行 npm run build。最后执行命令:npm run build:prod。
2025-01-23 16:51:33
374
原创 报错 :无法加载文件 C:\Users\EDY\AppData\Roaming\npm\vue.ps1,因为在此系统上禁止运行脚本。
在vscode里面创建项目失败
2022-09-29 11:10:50
501
原创 js对中文编码 防止乱码
//编码encodeURI(date) //解码decodeURI(date)JS中ASCII码值和中文互转(只支持单个字转) var code = "这".charCodeAt(0); alert(code); alert(String.fromCharCode(code));
2021-09-16 19:27:30
374
原创 js 截屏视频的每一帧,生成base64图片
补充:JS 上传文件–获取视频文件宽高 togetImg() { var videoUrl = this.abc;//abc为视频的链接 var videoObj = document.createElement("video"); videoObj.onloadedmetadata = function (evt) { URL.revokeObjectURL(videoUrl); console.log(videoObj.vid
2021-09-15 18:21:07
418
原创 vuex 的使用案例笔记
1、 npm install vuex2、 在src 下 新建文件夹 store ,store 文件下 新建文件 index.js (为什么是index.js? 在导入的时候,会第一选择这个叫index的文件)3、 index.js import 导入 vue 和vuex (import 是es6 的语法, es5 是 require), 代码如下:import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default
2021-08-30 18:40:32
148
原创 同步请求和异步请求的区别 async和await
同步是指:发送方发出数据后,等接收方发回响应以后才发下一个数据包的通讯方式。异步是指(async):发送方发出数据后,不等接收方发回响应,接着发送下个数据包的通讯方式。async/await更加语义化,async 是“异步”的简写,async function 用于申明一个 function 是异步的; await,可以认为是async wait的简写, 用于等待一个异步方法执行完成;async/await是一个用同步思维解决异步问题的方案(等结果出来之后,代码才会继续往下执行)vue用asyn
2021-08-27 18:30:30
3015
原创 VUE项目 Error: Avoided redundant navigation to current location: “/“.
在VUE中路由遇到Error: Avoided redundant navigation to current location:报错显示路由频繁点击导致路由重复而报错,该报错对路由跳转功能没有任何影响。解决方法如下:router 文件夹下 index.js 中添加下面代码即可import VueRouter from 'vue-router'// 解决导航栏或者底部导航tabBar中的vue-router在3.0版本以上频繁点击菜单报错的问题。const originalPush = Vue
2021-08-26 11:50:18
239
原创 VUE 微信h5基本功能
一、vconsole 手机端控制台安装:npm install vconsole --save-dev调用(index.vue/main.js):import VConsole from 'vconsole/dist/vconsole.min.js'let vConsole = new VConsole()二、
2021-07-01 15:24:05
432
原创 VUE前端界面在iOS中遇到的坑
一、长按页面的时候,页面出现拷贝的弹窗解决方案:1.template<div @touchstart="subtouchStart($event,index)" >长按</div>2.scriptsubtouchStart(event,index){ event.preventDefault();//取消事件的默认动作。 }...
2021-06-28 11:08:42
622
1
原创 Vue 生成海报的插件vue-canvas-poster
一、npm 安装vue-canvas-posternpm i vue-canvas-poster --save二 、在main.js 中引入:import VueCanvasPoster from 'vue-canvas-poster'Vue.use(VueCanvasPoster)三、代码如下<template> <div class="aaa"> <vue-canvas-poster :widthPixels="0" :p
2021-06-18 18:45:58
3087
原创 vue html2canvas生成海报功能
一、安装这两个插件npm install qrcodejs2 --save //二维码npm install --save html2canvas@1.0.0-rc.4(npm install --save html2canvas ) //安装html2canvas问题:html2canvas在IOS13.4.1系统中调用失败解决方案:版本降低为【1.0.0-rc.4】版本降低方法:1.首先移除 html2canvas 【npm uninstall html2canvas】2.然后
2021-06-18 15:28:03
268
原创 vscode找不到git,使用不了git,如何配置git
问题:解决方案:看了下vscode 插件,该有的也有啊,为什么就不行了呢,等等,上面好像提示我可以配置,那先看看吧vscode => 文件 => 首选项 => 设置,搜一下git.path,还真有。。。而且这个路径好像是指git在本地的路径,于是点进去setting.json里面编辑,填上我的地址爆红了看到了吗,原来是需要转义符不爆了,重启一下看看吧。。。。于是就可以了...
2021-05-26 17:59:31
979
原创 null和undefined的区别
null 和 undefined 基本同义,二者又有什么区别呢?console.log(typeof undefined); //"undefined" console.log(typeof null); //"object" console.log(null==undefined); //true 因为两者都默认转换成了falseconsole.log(null===undefined); //false "==="表示绝对相等,null和undefined类型是不一样的
2021-02-24 16:40:49
318
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人