写法vue2 vue js
RuoYi-vue配置记录
如果这个项目能顺利运行，标志着Springboot+vue的前后端环境都配好了。 一、官方文档 若依官方文档：介绍 | RuoYi，在这个地方克隆/下载项目源代码https://gitee.com/y_project/RuoYi-Vue 解压到自己的目录下 首先根据官方文档的环境部署所说，检查一下自 ......
web杂记(7)-js(3)
[TOC] # toJSON ```javascript b = { x: 11, y: 12, valueOf: function() { return Math.sqrt(this.x ** 2 + this.y ** 2); }, toJSON: function() { return `{x ......
【js】横/纵向无缝滚动
1.纵向无缝滚动（类似淘宝） ps:存在一个问题，当鼠标移入时，未关闭定时器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ margin:100px ......
Vue+SpringBoot项目分离部署踩坑记录
昨天花了一晚上终于成功部署了个人网站，在这个过程中踩了很多坑，现在回顾总结记录一下，以免今后继续犯错误 前端：Vue 后端：SpringBoot 数据库：Mysql 一、前端 1、前端项目采用Nginx进行部署，其中Nginx配置文件部分内容如下 nginx.conf部分内容 1 server { ......
【算法】在vue3的ts代码中分组group聚合源数据列表
有一个IList<any>()对象列表， 示例数据为[{id:'1',fieldName:'field1',value:'1'},{id:'1',fieldName:'field2',value:'2'},{id:'2',fieldName:'field1',value:'1'},{id:'2',f ......
vue-draggable跨iframe拖拽
### 环境 1. vue3 2. "vuedraggable": "^4.1.0" ### 物料区 ```vue {{ element.name }} ``` ### 预览区 ```vue {{ element.name }} ``` ### iframe ```vue ``` ......
js 异步改成同步Promise
function Promise(executor) { let self = this; if (typeof executor !== 'function') throw new TypeError('Promise resolver ' + executor + ' is not a func ......
JS中的JSON.Stringify 方法详解
JSON.stringify 是 JavaScript 中的一个方法，用于将 JavaScript 对象转换为 JSON 字符串。 语法： ```javascript JSON.stringify(value, replacer, space) ``` 参数说明： - value：要转换为 JSON ......
vite +vue2 搭建
1.1 创建项目 注意：这里vite的版本采用2.8.0的,最新的版本创建后续会出现问题 npm init vite@2.8.0 后续，安装如图 创建好项目后 // 1.进入项目 cd vite-vue2 // 2.安装依赖 npm install // 3.启动项目 npm run dev 1.2 ......
vue中$event的元素属性
<template> <div> <button @click="clickFun($event)">点击</button> </div> </template> <script> export default { data(){ return{} }, methods:{ check(event) ......
第一章 ： Vue2 技术精讲
# 第一章 ： Vue2 技术精讲 ## 1. Vue 是什么 Vue是一套 **构建用户界面** 的 **渐进式** **框架** **Vue2官网：**[https://v2.cn.vuejs.org/](https://v2.cn.vuejs.org/) Vue.js Vue.js ......
vue--day66--具名插槽
1.App.vue <template> <div class="container"> <Category title="美食" > <img slot="center" src="https://s3.ax1x.com/2021/01/16/srJlq0.jpg" alt=""> <a slot ......
原生JS 根据需求生成表格
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> td { padding: 10px; border-collapse: collapse; } </styl ......
JS传递参数
### JS传递参数 ECMAScript中在向参数传递基本类型的值时，被传递的值会被赋值给一个局部变量(即命名参数，或者用ECMAScript的概念来说，就是arguments对象中的一个元素)。 在向参数传递引用类型值时，会把这个值在内存中的地址赋值给一个arguments的一个(局部)变量，因 ......
在vue中实现一个插件
## 1、使用情景 * 通过 app.component() 和 app.directive() 注册一到多个全局组件或自定义指令。 * 通过 app.provide() 使一个资源可被注入进整个应用。 * 向 app.config.globalProperties 中添加一些全局实例属性或方法 * ......
Vue3 响应式全局对象json 动态绑定界面五 （ v-for 和 v-if 的应用）
效果图 man.js 定义 响应式全局对象 globalData 定义一个没有具体参数的json象 extTelTalkData: []， 这么写的好处是 事先不写具体参数，赋值时实例就行。 我是用websocket 收到消息 并赋值的，当然也可以用其它方式赋值。 //全局对象 const glob ......
分享一个简单的使用js格式化json的代码
今天给大家分享一段json格式化代码。 假设json字符串是： ``` {"name":"刘德华","age":25.2,"birthday":"1990-01-01"} ``` 我们使用的是Js的JSON方法 先把json字符串转为json对象，方法如下： ``` var jsonString = ......
vue中watch和computed的区别
computed中的console.log会执行吗？ ```在Vue的computed属性中使用console.log语句时，它会在每次计算属性被访问时执行。这包括初始化计算属性时和计算属性所依赖的响应式数据发生变化时。 然而，需要注意的是，console.log语句在计算属性计算期间执行的结果将被 ......
js类型判断
js类型判断 一、js中共有8种数据类型，分别为： String：字符串。 Number：数字。 Boolean：布尔值。 Undefined：未定义，即声明变量但未给变量赋值。 Null：表示为空的对象。 Object：对象。 Function：函数，一种特殊的对象，其特殊性表现为该对象中储存的为 ......
vue3父子组件通信小结
### 父子组件中的attrs props 理解/继承 首先，父组件可以给子组件传入属性、监听函数（类似onClick），class，style,id，总结起来就是大三类-**属性，监听函数，样式**！ 爷爷组件 -- 有两个监听函数 ```jsx import { computed, define ......
vue拖拽组件的使用（vuedraggable）
[vuedraggable官方文档链接](https://www.itxst.com/vue-draggable/tutorial.html)：https://www.itxst.com/vue-draggable/tutorial.html 按装 ``` npm i -S vuedraggable ......
JS
JavaScript 输出 JavaScript 没有任何打印或者输出的函数。 JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据： 使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 i ......
js基础
报表宏使用js语言开发。 1. js使用 1.1 <script>标签 js代码必须位于<script>标签中。 <script>标签中，可以直接写js代码，也可以引用外部js，例如：<script src="我是外部js.js"></script> <script>标签可以位于<head>标签中， ......
js原型链基础知识
###为什么使用原型 下面通过一个构造函数来理解为什么使用原型 ```javascript function Person(name,age){ this.name = name; this.age = age this.commomAttr = ['eyes','leg','hair'] } le ......
vue-element-admin项目中tagView嵌入iframe不刷新重载
#vue-element-admin项目中tagView嵌入iframe不刷新重载 > 最近使用vue-element-admin来开发项目，因为以前老项目太大，暂不重构，如要通过iframe嵌套在新项目中，通过router来重写url加载，但是业务需要切换菜单或者tagView不能刷新重载ifra ......
vue实现‘换一批’功能
实现效果：假如有10条数据，分组展示，默认在当前页面展示4个，点击换一批，从第5个开始继续展示，到最后一组，再重新返回到第一组 <div class="flex-align" @click="change"> <span>换一批</span> </div> data() { return { qLi ......
js数组操作的shift unshift pop push用法
Array.shift()shift() 方法用在数组上， 移除数组的第一个元素并返回移除的元素. 该方法会改变原数组的长度.const array1 = [1, 2, 3];const firstElement = array1.shift();console.log(array1); // Ex ......
js worker 使用
在 IIS 服务器上测试下 Worker，顺便测试字符与 base64 之间的转换。 index.html 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" ......