写法vue2 vue js

vue使用vue-seamless-scroll自动滚动插件

首先运行命令npm install vue-seamless-scroll --savetemplate: <div class="publicNotification" @click="toDetail($event)"> <vue-seamless-scroll :class-option="p ......

2023-06-21 vue 变量赋值失败

直接看代码: // 获取屏幕高度 uni.getSystemInfo({ success: function (res) { this.screHeight = res.screenHeight; } }); 这个变量screHeight没有被赋值,拿到的还是我设置的初始值。 原因:this指向的作 ......
变量 2023 vue 06 21

前端Vue自定义列表表格信息展示可用于商品规格参数展示

#### 前端Vue自定义列表表格信息展示可用于商品规格参数展示 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13131 #### 效果图如下: ![](https://p3-juejin.byteimg.com/tos- ......
前端 表格 规格 参数 商品

前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用

#### 前端Vue自定义顶部搜索框 热门搜索 历史搜索 用于搜索跳转使用, 下载完整代码请访问uni-app插件市场地址:[https://ext.dcloud.net.cn/plugin?id=13128](https://ext.dcloud.net.cn/plugin?id=13119) # ......
前端 顶部 历史 Vue

js 小数加减乘除精度丢失解决方案

###加法 ``` function accAdd(num1,num2){ var r1,r2,m; try{r1=num1.toString().split(".")[1].length}catch(e){r1=0} try{r2=num2.toString().split(".")[1].len ......

vue组件-在组件中定义methods方法

```html 这是用户自定义的Test.vue {{ username }} 修改用户名 ``` ......
组件 methods 方法 vue

vue-cli-组件的三个组成部分

# vue组件的三个组成部分 每个.vue组件都由3部分构成,分别是: - `template`->组件的`模块结构` - `script`->组件的`JavaScript行为` - `style`->组件的`样式` ```vue 这是用户自定义的Test.vue {{ title }} ``` ......
组成部分 组件 三个 vue-cli 部分

vue-cli-了解vue项目运行的过程

# vue项目的运行流程 在工程化的项目中,vue要做的事情很简单:通过`main.js`把`App.vue`渲染到`index.html`的指定区域中。 ```JS // 导入vue这个包,得到Vue构造函数 import Vue from 'vue' // 导入App.vue根组件,将来要把Ap ......
vue 过程 vue-cli 项目 cli

基于springboot+vue的药房管理系统、药店管理系统,附源码+数据库+论文+PPT,适合课程设计、毕业设计

**1、项目介绍** 本文主要面向逍遥大药房管理中出现的一些常见问题,将其与计算机管理系统结合起来。通过这个系统,管理员可以更加方便的管理逍遥大药房信息;可以清楚的了解逍遥大药房信息管理情况;以管理员登录系统,通过首页,个人中心,用户管理,保健品分类管理,药品分类管理,药品信息管理,疫情常识管理,保 ......

vue 鼠标移入移除

移入: mouseover和mouseenter最本质的区别是:mouseover支持事件冒泡,mouseenter不支持事件冒泡。移除:mouseleave 仅在指针离开元素时被触发,不冒泡;而 mouseout 在指针离开元素或进入该元素的子元素时均会被触发 ......
鼠标 vue

JS DOM操作-整理

js的DOM操作整理(整理) js的DOM操作整理(整理) 一、总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来更加方便的进行dom操作 1、dom是什么? 对于JavaScript,为了能够使JavaScript操作Html,JavaScript就 ......
DOM JS

js如何操作video标签

一.简介 在做web ui自动化时,遇到操作视频的时候有时比较让人头疼,定位时会发现只有一个<video>标签,用selenium来实现的话比较麻烦,使用js后我们只需定位到video标签,然后通过js 中处理video的相关属性和方法就可实现,我们继续往下看。 二.实例用法 1.获取视频的总时长( ......
标签 video

一键hook js Crypto库的加密方法

一键hook js Crypto库的加密方法 // 一键Hook Crypto 几个基本的方法 AES DES 3DES Hmac SHA RSA (function() { 'use strict'; console.log("Hook脚本初始化成功"); //过dubugger var cons ......
方法 Crypto hook js

js加密与java解密的RSA(公钥/私钥)算法

前言: 公司用的加密算法是对称密钥加密算法,服务器上的公钥与客户端的私钥都是相同的,如果不小心泄露或者通过反编译软件把客户端重新编译就会泄露密钥,这样加密后的数据就不安全了。 商量使用非对称密钥RSA来解决这种问题,非对称密钥分为公钥和私钥,公钥可以公开给客户端分发给所有人,私钥放在服务器 有切仅有 ......
公钥 算法 java RSA

vue3+vite 动态引用静态资源,动态引入assets文件夹图片的几种方式

可以参考这个回答,亲测有用 https://blog.csdn.net/weixin_43743175/article/details/125892613 ......
动态 静态 文件夹 方式 文件

vue2,vue3新建项目的方法

npm 创建 只能创建最新的vue3(会引导你添加需要的组件) npm init vue@latest vue-cli 命令行创建(可以选择vue2还是vue3,但是创建出来的是一个空的vue) vue create hello-world vue-cli 可视化创建(可以新建项目,也可以给项目添加 ......
vue 方法 项目 vue2 vue3

js函数防抖和函数节流及其使用场景

一个经典的比喻: 想象每天上班大厦底下的电梯。把电梯完成一次运送,类比为一次函数的执行和响应 假设电梯有两种运行策略 debounce 和 throttle,超时设定为15秒,不考虑容量限制 电梯第一个人进来后,15秒后准时运送一次,这是节流 电梯第一个人进来后,等待15秒。如果过程中又有人进来,1 ......
函数 场景

js封装防抖

## 封装 ``` function debounce(func,duration = 500){ let timerId return function (...args){ // 解构传参 clearTimeout(timerId) timerId = setTimeout(()=>{ func ......

vue2调用摄像头拍照并识别二维码

参考: https://blog.csdn.net/qq_33270001/article/details/124632110 https://www.cnblogs.com/skylineStar/p/16149694.html 图像解二维码:qrcode-decoder 摄像头需要在本地和ssl ......
摄像头 vue2 vue

前端面试题(js)

1.this 解析器在调用函数时,每次会向函数内部传递一个隐含的参数,这个隐含的参数就是this,this指向的是一个对象,根据函数调用方式的不同,函数会指向不同的对象。 (1)以函数形式调用时,this永远指向window (2)以方法的形式调用时,this指向调用方法的对象 (3)当以构造函数形 ......
前端

2023-06-20 uniapp 使用插件 uni-data-picker 报错:[Vue warn]: Error in nextTick: "TypeError: db.collection is not a function"

前言:项目中引用了uni-data-picker插件,其官方代码如下: <uni-data-picker placeholder="请选择地址" popup-title="请选择城市" c ollection="opendb-city-china" field="code as value, nam ......

vue3和ts的一些使用

### 一. setup 变量不在写在data里面, 反而在setup内写。 ``` ``` ***ps:*** 1. 使用ref定义字符串,数组等变量值; 2. 变量赋值需要使用.value; ### 二. reactive ``` ``` ***ps*** 1. reactive 接收对象。 2 ......
vue3 vue

菜鸟工作日记--------------记录一次vue npm install时报错Maximum call stack size exceeded的解决过程

因为有一个项目需要修改一下前端,运行时报错,就使用npm i 补充一下依赖 没想到npm i 也报错了 在网上搜了一些方法 有一个是这样说的:在使用npm install 命令安装 npm 包时,遇到 “Maximum call stack size exceeded” 报错信息 解决办法: 可以将 ......
exceeded 时报 过程 install Maximum

会议室预定系统代码源码(php+css+js+mysql) 完整的代码源码,系统使用B/S架构。

会议室预定系统代码源码(php+css+js+mysql) 完整的代码源码,系统使用B/S架构。优化过的界面,由管理员进行预定会议室操作。推荐使用phpstudy+ navicat搭建和管理项目!服务:提供现成代码,提供环境搭建相关文档。这是一个会议室预定系统的代码源码,使用了PHP、CSS、JS和 ......
源码 代码 系统 会议室 架构

vue学习第24天 移动WEB开发------ rem适配布局

目标: 1)能够使用rem单位 2)能够使用媒体查询的基本语法 3)能够使用Less的基本语法 4)能够使用Less中的嵌套 5)能够使用Less中的运算 6)能够使用2中rem适配方案 7)能够独立完成xx移动端首页 思考: 1、页面布局文字随屏幕大小变化而变化 2、流式布局和flex布局主要针对 ......
布局 vue WEB rem

选题系统代码源码(php+css+js+mysql) 完整的代码源码,系统使用B/S架构。

选题系统代码源码(php+css+js+mysql) 完整的代码源码,系统使用B/S架构。优化过的界面,拥有管理员、审核员、教师和学生这四种身份登录方式和对应功能,功能齐全。推荐使用phpstudy+ navicat搭建和管理项目!服务:提供现成代码,提供环境搭建相关文档。选题系统代码源码是一套完整 ......
源码 代码 系统 选题 架构

图书馆管理系统代码源码(php+css+js+mysql) 完整的代码源码,系统使用B/S架构。

图书馆管理系统代码源码(php+css+js+mysql) 完整的代码源码,系统使用B/S架构。优化过的界面,拥有管理员和普通用户,普通用户可注册登录,管理员可登录,功能齐全。管理员可管理普通用户,增加其他管理员,增添图书,借还书操作,查看已还书。普通用户,可在线查看现有图书,和自己已借图书。推荐使 ......
源码 代码 系统 架构 管理系统

vue配置scss全局样式

1. 安装插件 ```shell npm install sass --save-dev ``` 2. 在src文件夹下创建`styles`文件夹,并创建以下文件 ![在这里插入图片描述](https://img-blog.csdnimg.cn/86ddf91ee31644328152197e518 ......
全局 样式 scss vue

vue学习第22~23天。 xxx移动端制作

项目地址后续添加: xxxx 1、属性选择器只用一个类名, 设置多个相同元素 使用属性选择器就可以给他们添加相同的样式 2、背景线性渐变 注意:背景渐变必须添加浏览器私有前缀 ......
vue xxx

vue学习第21天 移动WEB开发 --- flex布局(弹性布局)

学习目标 1、flex盒子的布局原理 2、flex布局的常用属性 3、独立完成某个移动端首页案例 目录 1、flex布局体验 2、flex布局原理 3、flex布局父项常见属性 4、flex布局子项常见属性 5、案例制作 flex布局体验 1、传统布局与flex布局 建议: 1)如果是PC端页面布局 ......
布局 弹性 flex vue WEB