05-vue的插值
{{ }} Mustache语法 胡须，双大括号语法v-once 第一次展示，后面就不会跟着改变测试：控制台 app.xxx='yyyyy'v-html <h2 v-html="url"></h2>...
2024-01-10
vue的MVVM原理
参考vue的MVVM，模拟了数据劫持、数据代理、数据编译、发布订阅、数据更新视图、双向数据绑定、computed(计算属性) 、mounted(钩子函数)等功能。页面调用：<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=dev...
2024-01-10
vue中MVVM的理解
什么是MVVM呢？顾名思义：MVVM就是Model-View-ViewModelModel就是数据模型（亦指数据层）可以是我们固定死的数据，也可以是来自服务器请求来的数据。View就是页面DOM（亦指视图层）主要就是向用户展示信息的。ViewModel 在vue中就是指vue实例（亦指数据模型层）充当View与Model之间通信的桥梁。他们之间是如...
2024-01-10
vue登录页+验证码+MD5加密
一，验证码功能1，创建一个组件。显示验证码图片<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight"></canvas> </div></template><script>export default{ name: 'SIdentify', props: { identifyCode: { // 默认注册码 type: String, default...
2024-01-10
解决vue页面DOM操作不生效的问题
现象：使用Element UI渲染了一个树形结构，设计在鼠标移入每个节点是显示其中的操作按钮，效果如下：下面是出错部分：在新增节点后移入新增节点附近(图中是移入一级2)，功能按钮的显示位置出现偏移原因查找：经过调试发现是在新增节点后，执行DOM操作获取节点时，取到的仍是之前的结构，...
2024-01-10
vue改变数据DOM不更新的解决办法
1.获取不到DOM的解决方案（使用$nextTick）定义：在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。理解：nextTick()，是将回调函数延迟在下一次dom更新数据后调用，简单的理解是：当数据更新了，在dom中渲染后，自动执行该函数.使用场景：1.1、Vue生命...
2024-01-10
MD5加密算法的java实现
package other;import java.security.MessageDigest;import java.security.NoSuchAlgorithmException;/* * MD5 算法*/public class MD5 { // 全局数组 private final static String[] strDigits = { "0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "...
2024-01-10
vue如何获取并操作DOM元素
原文地址方法一：直接给相应的元素加id,然后再document.getElementById("id");获取，然后设置相应属性或样式方法二：使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素注意：在获取相应元素之前，必须在mount钩子进行挂载，否则获取到的值为空， 如果是给子组件加id并修改自定...
2024-01-10
vue实现购物车的监听
利用vue简单实现购物车的监听，供大家参考，具体内容如下主要运用的vue的监听，有兴趣的可以看看实现过程<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>利用vue实现对购物车的监听</title> <script src="../vue.js"></script> <style type="text/css"> table{ border: 1px solid black; width: 100%; text-align: center;...
2024-01-10Java后端实现MD5加密的方法
前言在我们开发是要考虑这个功能，当用户忘记密码的情况下，我们需要动态的发给他一个6位的随机密码，通过即时通，短信，微信等。并同时修改数据库中的原密码为这6位的随机密码。让用户再去修改密码。同时在数据库中的密码必须存为密文，于是需要使用到MD5加密。生成的6位随机密码需要保...
2024-01-10用Java获取文件的MD5校验和
我正在寻找使用Java获取文件的MD5校验和。我真的很惊讶，但是我找不到任何能显示如何获取文件的MD5校验和的东西。怎么做？回答：有一个输入流装饰器，java.security.DigestInputStream因此你可以像往常一样在使用输入流的同时计算摘要，而不必对数据进行额外的传递。MessageDigest md = MessageDigest.getInstance("...
2024-01-10
vue拖拽添加的简单实现
本文主要介绍了vue拖拽添加的简单实现，具体如下：效果图并没有判断是否重复,没有删除旧数据数据体 <MyShuttle :dataOrigin='[ { Name:"数据001", Id:"数001", }, { Name:"数据002", Id:"数001", }, { Name:"数据003", ...
2024-01-10
vue同意本站协议的制作
<!doctype html><html> <head> <meta charset="UTF-8"> <title>事件绑定</title> <script src="js/vue.js"></script> </head> <body> <div id="container"> <p>{{msg}}</p> <h5>表单提交</h5> <form v-on:submit.prevent="handleSubmit"> <inpu...
2024-01-10
vue大屏展示适配的方法
本文实例为大家分享了vue大屏展示适配的具体代码，供大家参考，具体内容如下1.utils文件夹建一个文件cv以下代码export function useIndex (appRef) { // * appRef指向最外层容器 // * 定时函数 let timer = null // * 默认缩放值 const scale = { width: '1', height: '1' } // * 设计稿尺寸（px） const baseWidth = 1920 ...
2024-01-10Vue的MVVM实现方法
本文介绍了Vue的MVVM实现方法，分享给大家，具体如下：1. Object.defineProperty() 定义属性用意：给一个对象定义属性，那个属性原来是不存在的。这是一个初衷，属性是不存在的，需要额外添加。①、使用说明Object.defineProperty(obj,props)第一个参数是将被添加或者修改的属性的对象第二个参数是一个对...
2024-01-10
Vue的安装及基本语法简单DEMO
安装一、通过CDN的方式下载到本地或直接引用此链接嵌入到 script 标签中（开发模式尽量不要选用压缩版，没有报错信息提示），链接如：https://cdn.bootcss.com/vue/2.5.13/vue.common.js<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Vue使用</title></head><body> <script src="https://cdn.bootcss.com/vu...
2024-01-10vue获取DOM元素并设置属性的两种实现方法
这里我想到了2个方法：方法一：直接给相应的元素加id,然后再document.getElementById("id");获取，然后设置相应属性或样式方法二：使用ref,给相应的元素加ref=“name” 然后再this.$refs.name获取到该元素注意：在获取相应元素之前，必须在mount钩子进行挂载，否则获取到的值为空，如果是给子组件加id并修改...
2024-01-10合并MD5哈希值
在大文件上计算单个MD5校验和时，通常使用哪种技术将各种MD5值组合为单个值？您是否将它们加在一起？我对执行此操作的任何特定语言，库或API都不感兴趣；我只是对它背后的技术感兴趣。有人可以解释如何完成吗？在伪代码中给出以下算法：MD5Digest Xfor each file segment F MD5Digest Y = CalculateMD5(F) Co...
2024-01-10
【JS】Vue-虚拟DOM
Vue-虚拟DOM一、模板转换成视图的过程Vue.js通过编译将template 模板转换成渲染函数(h) ，执行渲染函数就可以得到一个虚拟节点树。在对 Model 进行操作的时候，会触发对应 Dep 中的 Watcher 对象。Watcher 对象会调用对应的 update 来修改视图。这个过程主要是将新旧虚拟节点进行差异对比，然后根据对比结果...
2024-01-10
vue实现带小数点的星星评分
本文实例为大家分享了vue实现带小数点的星星评分的具体代码，供大家参考，具体内容如下首先我们要先引入vue.js文件css部分<style> main{ position:relative; } .star_line{ /* 设置强制不换行 */ width-space: nowrap; overflow: hidden; position: absolute; } .star{ display: inline-block; /* 设置当鼠标放到星星上是变...
2024-01-10
vue一些需要注意的小知识点
1.vue的生命周期，主要的介绍官网（https://cn.vuejs.org/v2/api/）上都有。主要说的是created和mounted。之前在写项目的过程中，需要对DOM节点进行操作（但是在vue里面尽量不要获取节点进行操作。vue主要是对数据进行操作），在created里面这些操作并不能实现，但是在mounted里面是可以的。主要原因就是：create...
2024-01-10快速计算大文件的MD5校验和
我正在为大型视频文件创建MD5校验和。我当前正在使用代码：extension NSData {func MD5() -> NSString { let digestLength = Int(CC_MD5_DIGEST_LENGTH) let md5Buffer = UnsafeMutablePointer<CUnsignedChar>.allocate(capacity: digestLength) CC_MD5(bytes, CC_LONG(length), md5Buffer) ...
2024-01-10vue实现登陆登出的实现示例
最近接手的B端项目选择了vue来做，此项目使用element ui Message等为组件 望周知需求登陆成功后跳转至首页首页不能手动跳转至登陆页登陆后跳转至目标页面此次B端SPA项目把ak存在localstorage中1.登陆的跳转利用全局钩子router.beforeEach//router.jsrouter.beforeEach((to, from, next) => { // 若userkey不存在并且前往...
2024-01-10
vue实现内容可滚动的弹窗效果
本文实例为大家分享了vue实现内容可滚动的弹窗效果具体代码，供大家参考，具体内容如下这是第一种实现方式效果图：弹窗代码：Popup.vue<template lang="html"> <div v-if="show" class="modal-bg" @click="closeModal"> <div class="modal_con"> <div class="modal_content"> <div class="modal-container"> ...
2024-01-10
vue点击自增和求和的实例代码
如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>ref</title> <script type="text/javascript" src="js/vue.js" ></script> </head> <body> <div id="root"> <counter></counter> <counter></counter> </div> <script> Vue.component('counter',{ templ...
2024-01-10
