需求 为了防止截图等安全问题,在web项目页面中生成一个平铺全屏的水印要求水印内容为用户名,水印节点用户不能通过开发者工具等删除效果如上图在body节点下插入水印DOM节点,水印节点覆盖在页面最上层但不影响页面正常操作在通过js或者用户通过开发者工具删除或修改水印节点时自动复原原理通过canvas画出节点需生成水印的文字生成base64图片生成该水印背景图的div节点插入到body下,通过jsM
vue粒子特效
转载 2023-05-14 11:38:17
372阅读
vue.config.js///文件module.exports = {     lintOnSave: false,////去掉eslint} 
vue
转载 2021-05-09 00:00:11
776阅读
2评论
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ 上图中的点和线,是由vue-particles生成的,不仅自己动,而且能与用户鼠标事件产生互动。 一、使用教程: 安装 npm install vue-particles --save 在main.js里加
原创 2022-06-06 01:48:33
736阅读
欢迎关注前端早茶,与广东靓仔携手共同进阶 前端早茶专注前端,一起结伴同行,紧跟业界发展步伐~ 上图中的点和线,是由vue-particles生成的,不仅自己动,而且能与用户鼠标事件产生互动。 一、使用教程: 安装 npm install vue-particles --save 在main.js里加
原创 2022-06-06 01:48:42
685阅读
图上那些类似于星座图的点和线 是由vue-particles生成的,不仅自己动,而且能与用户鼠标事件产生互动。 是非常炫的一种动态特效 可以在Vue项目中使用,需要安装第三方依赖 使用步骤 1. 安装 npm install vue-particles --save-dev 复制代码 或者 npm
转载 2019-12-20 17:37:00
915阅读
2评论
Vue 中的动画特效 CSS 实现标签显隐 transition 过渡动画 如果要在vue中实现过渡动画,需要使用 transition 标签,名字可以随便取。 显示动画原理 代码案例 - 3s完成显示 隐藏动画原理 案例代码 - 隐藏 代码优化 <!DOCTYPE html> <html lang
原创 2022-06-23 13:05:58
1762阅读
???? ???? ???? ???? 源码传送门:https://gitee.com/minull/AG-Admin-v2.0/blob/master/src/directive/waves.js 效果图预览: 目录概览: waves.css .waves-ripple { position: absolute;
转载 2019-01-08 16:45:00
294阅读
<template> <div> <div class="star"> <span>星级评定</span> <div class="starXin" v-for="(item,index) in list" :key='index'> <div @...
vue
原创 2021-09-03 15:02:38
298阅读
<template> <div> <div class="star"> <span>星级评定</span> <div class="starXin" v-for="(item,index) in list" :key='index'> <div @...
vue
原创 2022-01-16 10:43:45
344阅读
Vue 项目搭建初始化 Vue 项目安装全局包 cnpm i vue-cli -g cnpm i cross-env -g :设置项目的环境在桌面生成项目 在桌面打开命令:vue init webpack-simple vue_project(简单版本)vue init webpack vue_project (完整版)切换到项目根目录下安装依赖包 cd vue_project cnpm inst
第一种方法是直接禁止,第二种方法是动态禁止(一)网上关于屏蔽状态栏的文章搜到不少,但都是针对某个应用,或者锁屏状态,才能屏蔽状态栏的下拉,而我的需求是不管任意状态都屏蔽状态栏下拉,百度到的也可能版本不一样,说的一些文件都找不到,搜到一篇文章,自己修改了一个方法,然后OK了,具体如下:文件位置:frameworks\base\core\java\android\app\StatusBarManage
文章目录Vue常用特性表单基本操作表单修饰符自定义指令Vue.directive 注册全局指令Vue.directive 注册全局指令 带参数自定义指令局部指令计算属性 computed侦听器 watch过滤器过滤器中传递参数生命周期数组变异方法替换数组动态数组响应式数据图书列表案例1、 提供的静态数据2、 把提供好的数据渲染到页面上3、 添加图书4 修改图书-上5 修改图书-下6 删除图书常用
转载 2024-10-14 14:14:29
49阅读
# Vue 去掉 TypeScript 写法:浅析 Vue 的无 TypeScript 实现 在现代 Web 开发中,Vue.js 是一种非常流行的前端框架,而 TypeScript 作为一种强类型的编程语言,在提高代码可维护性和可读性方面受到了开发者的喜爱。然而,并不是每个项目都需要使用 TypeScript,许多开发者更喜欢使用纯 JavaScript 编写 Vue 组件。本文将探讨 Vue
原创 10月前
61阅读
封装cookie、sessionStorage、localStorage公共函数(vue)通常一个前端项目,我们最常用到的三个浏览器储存有三种:cookie、sessionStorage、localStorage这三种各有各的优势在项目快速搭建的过程中,我通常会写一个公共js文件,方便调用他们// local操作 const localData = function(method, name, o
          可以看到,在这部游戏中,前两部是半即时制RPG,第三部则完全是即时制RPG。整个配乐大气磅礴,一招一式都有不错的打击感,而且武器的特效十分华丽。那么,到这里,就到了我们今天的主题:刀光剑影特效的制作。我们今天选择的PacketRPG插件,这个插件可以帮助我们快速地实现武器拖尾特效。好,下面我们开始:
有志者事竟成,破釜沉舟百二秦关终属楚苦心人天不负,卧薪尝胆三千越甲可吞吴。?博主介绍✍简介: 博主姓:陈,名:春波。花名 “水香木鱼”?文章内容小伙伴们,大家好!又一次和大家见面了,本期木鱼带来的是Css3实现卡片翻转效果。✍ 一、标签代码<!--实训平台--> <div class="box"> <!--正面-->
转载 2024-05-22 16:37:31
767阅读
演示预览:点击查看效果演示代码:点击查看代码官方教程:https://vue-particles.netlify.com/具体步骤如下1、安装插件npm install vue-part
原创 2022-01-09 16:57:06
1975阅读
一直觉得电影特效,动画制作这些都很什么,在google上搜索了下python开发电影特效的内容,发现了几个不错的软件,都支持python脚本开发.Houdini   Houdini (电影特效魔术师) Side Effects Software的旗舰级产品,是创建高级视觉效果的有效工具,因为它有横跨公司的整个产品线的能力,Houdini Master为那些想让电脑动画更加精彩
1.开发工具:微信web开发者工具;2.项目:嵌在APP中的一个活动,活动是H5页面,使用VUE2.0框架。3.需求,直接上截图:item 上拉滚动到底部,遮罩层部分消失;item下拉,遮罩层部分显示。4.代码:HTML:遮罩层部分与滚动区域部分是平级 <template> <div id="selectGoods"> <!--item列表区域--&g
  • 1
  • 2
  • 3
  • 4
  • 5