three vue js
vue过度动画
要过度的元素需要有v-if或者v-show,用transition包裹 <transition name="sort"> <div class="sort" v-show="show"> <div class="all-sort-list2" @click="goSearch"> <div clas ......
Vue 报错error:0308010C:digital envelope routines::unsupported
package.json增加配置 "scripts": { "serve": "set NODE_OPTIONS openssl-legacy-provider && vue-cli-service serve", "build": "vue-cli-service build" }, 原文链接：h ......
Vue3 自定义组件使用v-model
Vue 的数据流传递是单向的，也就说数据只能由父组件通过`props`传递给子组件，子组件无法修改父组件传过来的状态，这样做为了避免因为子组件修改父组件的状态而导致数据流混乱以至难以理解。所以千万不要在子组件中直接修改 props。 子组件如果想要将数据传递给父组件，就需要使用 Vue 提供的事件机 ......
vue2 下载包版本冲突
安装vuex: npm install vuex --save 报错：npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree........................... 2022年2月7日，vue ......
Vue脚手架
### 1-Vue脚手架: 官网：[https://cli.vuejs.org/zh/]() ``` 1-配置淘宝镜像 ： npm config set registry https://registry.npm.taobao.org/ 2-安装‘脚手架’ ： sudo npm install -g ......
JS数组有哪些常用原生方法？哪些能改变数组本身？
# 1. 数组和字符串的转换方法 ## toString 不改变原数组 ```javascript const arr = [1, 2, 3] console.log(arr.toString()); // 1,2,3 ``` ## join 不改变原数组 join(str) 数组转字符串，接收一个 ......
随笔（二十六）『SpringBoot + Vue 简单部署到Linux』
### 1、安装docker #### 1.1、卸载系统之前的 docker ``` sudo yum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker-late ......
JS中BOM事件，JS样式特效，表格对象和表单操作
# DOM事件 1.DOM中的事件可以分为两类 - 1.浏览器行为 如：文档加载完成，图片加载完成 - 2.用户行为 如：输入框输入数据，点击按钮 (2).常见的DOM事件 ```bash onload 浏览器已完成页面的加载 支持事件的对象 window image onchange HTML 元 ......
Vue封装一个瀑布流图片容器组件
## 说在前面 > 🎈最近在捣鼓自己的个人博客网站，有一个模块需要用到瀑布流图片🖼展示，于是我就将其封装成了一个组件，以后可以导入就能使用，具体效果如下👇：  > 全文为Vue2.0版本学习笔记！！！3.0版本 ......
Vue2框架总结
Vue语法 1.基本介绍 vue两大特点：响应式编程、组件化。 vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快。 vue是单页面应用，使页面局部刷新，不用每次跳转页面都要请求所有数据和dom，这样大大加快了访问速度和提升用户体验。而且他的第三方ui ......
vue 方法整理
1、props 传值（可以使用props属性来进行组件之间的数据传递） 单向数据流 props传值是单向的：父组件的数据可以传给子组件，而子组件的数据不能传给父组件，这是为了防止子组件无意修改了父组件的状态，每次父组件更新时，子组件的所有 prop 都会更新为最新值。这意味着不应该在子组件内部改变 ......
vue--day54--todolist 中的MyItem 和App 消息发布实现通信
1.App.vue <template> <div id="root"> <div class="todo-container"> <div class="todo-wrap"> <!-- @addTodo 事件名 addTodo 回调名--> <MyHeader @addTodo="addTodo ......
js点击触发计时
<template> <div> <div style="background: white; height: 100%"> <div class="up_css"> <p> JMETER运行状态: <a-tag :color="this.jmeterStatus != true ? 'green' ......
js中将数字格式化成内存的形式
```js const formatSize=(size)=>{ if (size < 1024) { return size + "b"; } else if (size < 1024 * 1024) { return (size / 1024).toFixed(2) + "KB"; } else ......
JS语言里常见的随机函数示例，实验结果分布规律分析
在JavaScript语言里有个 Math.random() 随机函数，用于生成指定范围内的随机数。 #### Math.random()函数 根据官方的定义: **Math.random()** 函数返回一个浮点数, 伪随机数在范围[0，1)，也就是说，从0（包括0）往上，但是不包括1（排除1）， ......
vue 路由
简介 创建单页面应用，官方路由组件，实现前端路由功能 安装 npm install vue-router 简单路由 创建路由规则文件 将router 挂载到 vue 实例中 路由参数类型 路径参数 查询字符串参数 路由跳转 使用 router-link to 属性 可以为path 路径，命名路由以及 ......
Vertical Rhythm(垂直节奏)、CSS-in-JS、CSS Module 和shadow dom样式
一、 Vertical Rhythm(垂直节奏)是什么？有什么优点？（1）含义： 垂直节奏是一种网页排版的方法,它可以创建视觉上平衡且协调的布局。使页面上元素之间的空格彼此保持一致。垂直节奏是在基线的帮助下创建或维持的，用于创建一致空间的共同点。基线（由网格提供）是通常用于创建一致间距的公分母。也就 ......
js一——js的变量类型
一、js有如下：1、string类型；2、number类型；3、boolean类型；4、null类型；5、undefined类型；6、Object类型；7、Array类型；8、Function类型；9、Symbol类型。共九种数据类型。js把数据类型分为“基本数据类型”和“引用数据类型”。其中6、7 ......
node.js文件操作
一、Node.js 文件系统 Node.js 提供一组类似 UNIX（POSIX）标准的文件操作API。 Node 导入文件系统模块(fs)语法如下所示： var fs = require("fs") 二、异步和同步 Node.js 文件系统（fs 模块）模块中的方法均有异步和同步版本，例如读取文件 ......
Js中的Function和function
# Js中的Function和function ## 起因 最近收到一份渗透测试报告，里面指出了一个xss漏洞。在看报告的过程中，对于payload的生效有一些疑问。于是查询了一些js语法的相关内容，总结一下关于Funtion和funtion的相关知识。最后也列举一下目前常用的xss绕过技巧。 ** ......
js Array方法
# JAVASCRIPT 对象 ## Array 对象 ### 数组属性 | 属性 | 描述 | | | | | constructor | 返回创建数组对象的原型函数。 | | length | 设置或返回数组元素的个数。 | | prototype | 允许你向数组对象添加属性或方法。 | ## ......
js获取视频封面作为缩略图
//获取视频封面作为缩略图： captureVideoImage() { let videoArr = document.querySelectorAll('.swipe-video'); let _this = this; for (let i = 0; i < videoArr.length; ......
js设置随机颜色
```js var chars = ['0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F']; function generateMixed(n) { var res = ""; for(var i = 0; i < n ; ......
js加密手机号码中间四位方法
一、实现效果： 二、方法代码封装： 方法一： //encryptPhoneNumber.ts /** * 加密手机号码中间四位 * @param phone 手机号 * @returns { string } 加密后的手机号 */ export function encryptPhoneNumber ......
使用Vue+Vite搭建在线 C++ 源代码混淆工具,带在线实例
就酱紫 github开源地址: [https://github.com/dffxd-suntra/cppd](https://github.com/dffxd-suntra/cppd "https://github.com/dffxd-suntra/cppd") github在线实例: [https ......
vue 一直运行 /sockjs-node/info?t=解决办法
 * https://blog.csdn.net/xingchen678/article/details/122429 ......