css透明边框
background-clip: padding-box;background-clip 这个属性的初始值是 border-box，意味着背景会被元素的 border box（边框的外沿框）裁切掉。如果不希望背景侵入边框所在的范围，我们要做的就是把它的值设为 padding-box，这样浏览器就会用内边距的外沿来把背景裁切掉。<div class="border"></div>.border { width: 300px; ...
2024-01-10
vue文字从下往上无缝滚动效果
需求：对中奖用户进行滚动效果展示这种效果需求还是蛮多的，想起之前用JQuery实现的一个无缝滚动( 缅怀过去)，是通过jq的animate方法实现的，动画结束之后就将第一个元素appendTo追加到最后面，实现循环滚动特效，不得不感叹技术更新换代真的很快。回到现在Vue的项目，本来想用插件，但是觉...
2024-01-10
vue极验验证使用笔记
使用vue、react的项目获取数据、上传数据、注册、登陆等都是通过接口来完成的，接口很容易被人恶意调用，最容易被人恶意调用的接口就是注册、登陆类的接口，为了防止接口被恶意调用很多公司开发了出了很多的人机验证的工具，今天就来讲下极验验证在vue项目中的使用。效果预览1、遇到的问...
2024-01-10
battery.vue：模拟电池充电vue插件
插件预览图使用教程1.插件代码拷贝下载后把components目录下/battery/battery.vue文件拷贝到自己项目目录下2.插件全局配置在项目里main.js中配置如下代码import battery from './components/battery/battery.vue'Vue.component('battery',battery)3.插件使用vue页面使用<template> <view> <battery class="battery"/> ...
2024-01-10
uniapp V3编译模式下video组件报错问题
uni.createVideoContext返回的对象不一致导致报错。如附件图，分别是V3编译模式返回的及普通编译模式返回的对象,报错信息如图v3编译模式返回的对象如图·回复这是视频组件的代码，然后我在另外一个组件里面引入后点击播放文字按钮会报错，但是点击视频上的播放按钮可以正常播放<template> ...
2024-01-10
vue-router实现根据用户权限配置菜单
业务逻辑比如有个系统有两个角色，普通用户和管理者，普通用户登录后可以看到模块A，管理者登录后可以看到模块B。技术实现逻辑：用户登录后，后台判断用户的角色是普通用户还是管理者，于是根据角色返回菜单权限，前端根据后台提供的菜单权限，动态配置路由。用户看到的模块都是符合...
2024-01-10
Vue中Mixins的使用
1. Mixins的使用场景页面的风格不用，但是执行的方法和需要的数据类似时，可提取公共部分混入使用2. 使用方法提炼出公用钩子，数据，方法在需要使用mixins的组件中挂载mixins, 即可直接使用mixins的数据和方法3. Mixins的特点1 方法和参数在各组件中不共享2 **数据对象**mixin的数...
2024-01-10
vue动态渲染组件调用ref undefined解决方案
动态引用组件如下：如果这么去调用的时候会出现方法undefinedthis.$refs.customcom.nodechange(data);正确做法：获取到当前调用的ref的index，再去调用其方法this.$refs.customcom[index].nodechange(data);...
2024-01-10
canvas实现小球粒子随机移动代码
180行js代码实现canvas小球粒子随机移动。<html> <body> <div id ='desc'><b>test1:</b>test2</div> <canvas id = 'canvas'></canvas> </body> <script> window.onload = init(); function init() { canvas = document.getElementById('canvas'); context = c...
2024-01-10
Vue+express+MongoDB实现登录注册
前端渐渐趋向后端化，工程化，自动化开发，掌握一门后端语言成了我们必备的不可少阶段，Node的出现让我们能够搭建了简单运算的后台，实现全栈的开发，现在通过几个阶段来开发一套基于VUE开发的Node后台系统，区块式的记录一些干货。1. express搭建服务器安装: npm install express引用: const express = re...
2024-01-10
