写法vue2 vue js
Yunfly 一款高效、性能优异的 node.js web 框架
# 介绍 `Yunfly` 一款高性能 Node.js WEB 框架, 使用 `Typescript` 构建我们的应用。 使用 `Koa2` 做为 HTTP 底层框架, 使用 `routing-controllers` 、 `typedi` 来高效构建我们的 Node 应用。 Yunfly 在 Ko ......
在线代码编辑器,vue2集成codemirror
1.使用组件 组件源码版本license vue-codemirror 地址 4.0.6 MIT script-loader 地址 0.7.2 MIT 2.组件代码 Codemirror 3.组件使用 <Codemirror v-model='form.content'></Codemirror> ......
基于markdown的幻灯片,vue2集成vue-mark-display,实现在线制作幻灯片
1.使用组件 组件源码版本license vue-mark-display 地址 0.2.2 MIT @toast-ui/editor 地址 3.1.5 MIT jshint 地址 2.13.6 MIT jsonlint 地址 1.6.3 MIT 2.组件代码 TuiEditor 3.使用 <Tui ......
vue2集成luckysheet,实现在线编辑excel,将静态文件添加本地优化加载速度
1.使用组件 组件源码版本license luckysheet 地址 2.1.13 MIT 2.组件代码 Luckysheet 3.添加luckysheet静态文件至本地 ruoyi-ui/public/index.html 4.截图 5.示例项目 项目一:gitee ......
VUE el-table表格实现双击编辑,单机空白处放弃修改,回车提交修改
# VUE el-table表格实现双击编辑,单机空白处放弃修改,回车提交修改 ### template ```html {{ scope.row[column.prop] }} ``` ### script ```js data() { return { // 数据量 total: 100, // ......
vue2集成simple-mind-map思维导图,实现在线制作思维导图
1.使用组件 组件源码版本license simple-mind-map 地址 0.6.6 MIT @toast-ui/editor 地址 3.1.5 MIT v-viewer 地址 1.6.4 MIT xlsx 地址 0.18.5 Apache-2.0 vue-i18n 地址 8.27.2 MIT ......
vue2集成tiny-whiteboard白板,在线画图工具
1.使用组件 组件源码版本license tiny-whiteboard 地址 0.1.12 MIT 2.组件代码 <template> <div ref="container" class="container"> <div class="canvasBox" ref="box"></div> < ......
vue 环境配置
1. 根目录下创建 .env .env.production .env.development 2. 在vite.config.js中使用 ``` defineConfig(({ mode }) => { const env = loadEnv(mode, process.cwd()); const ......
vue2集成bpmn流程图,可导入导出预览等
1.使用到的组件 组件源码版本license bpmn-js 地址 7.3.1 bpmn.io bpmn-js-properties-panel 地址 0.37.2 MIT camunda-bpmn-moddle 地址 4.5.0 MIT 版本一定要对,否则可能会报错 2.组件代码 <templat ......
vue + vite 在index.html中使用环境变量
1. npm install vite-plugin-html -D 2. vite.config.js ``` import { createHtmlPlugin as useHtmlLoader } from 'vite-plugin-html' useHtmlLoader({ inject: ......
vue3
一、vue3最终响应式原理 let person = { name: '张三', age: 15, } //我们管p叫做代理数据,管person叫源数据 const p = new Proxy(person,{ //target代表的是person这个源对象,propName代表读取或者写入的属性名 ......
Vue的学习笔记
一、弹窗的初始化 1.弹窗打开的时候想要对弹窗进行一些初始化数据(比如从表默认选中第一行),可以用@opened绑定方法进行操作,详见: https://element.eleme.cn/#/zh-CN/component/dialog 二、显示与不显示:v-show 视频学习地址(03 - key ......
vue2集成tinymce富文本编辑器,添加本地资源解决加载慢问题
组件源码版本license tinymce 地址 4.9.3 MIT 示例项目一 源码地址:gitee 1.封装组件 <template> <div :class="{fullscreen:fullscreen}" class="tinymce-container" :style="{width:c ......
【vue】vue路由传参的三种方式
【vue】vue路由传参的三种方式 原文链接:https://blog.csdn.net/liyunkun888/article/details/83269343 前言 vue 路由传参的使用场景一般都是应用在父路由跳转到子路由时,携带参数跳转。传参方式可划分为 params 传参和 query 传 ......
前端vue uni-app cc-countdown倒计时组件
随着技术的不断发展,传统的开发方式使得系统的复杂度越来越高。在传统开发过程中,一个小小的改动或者一个小功能的增加可能会导致整体逻辑的修改,造成牵一发而动全身的情况。为了解决这个问题,我们采用了组件化的开发模式。通过组件化开发,可以有效地实现单独开发,单独维护,而且它们之间可以随意的进行组合。大大提升 ......
Vue实现嵌套路由
Vue实现嵌套路由 原文链接:https://blog.csdn.net/zhanggqianglovec/article/details/124308680 嵌套路由又称为子路由,在实际应用中,通常由多层嵌套的组件组合而成。同样地,URL中各段动态路景观也按某种结构对应嵌套的各层组件,例如我们看V ......
Chart.js (v2.9.4)--如何像高版本一样支持skipNull
项目开发中,用到Chart.js展示图表,用起来也非常方便,配置很灵活,很好用,给个数据集,设置一些配置值,实例化一个Chart出来,优美的线条,美丽的图画就展现在大家的面前,一切都是那么的和谐。可是突然有一天,我眼皮直跳,远远地看到PM在向我缓缓走来,我就知道一切将不在那么和谐,因为她走过来的场景 ......
vue3
1、ref 深拷贝 视图层更新不改变源数据 const num = 1 const refNum = ref(num) const click = ()=>{ refNum++ //refNum 已经改变了,但原数据num不变 } 2、toRef 源数据改变不更新视图 ......
npm下载依赖报错:npm does not support Node.js vxx.xx.x
因为本地运行不同的项目需要的node.js版本不一样,所以经常需要用nvm来切换nodejs版本,有时候下载依赖就会出现问题。 想下载依赖 运行npm i 后报错,提示node和npm 版本不对应: npm does not support Node.js v14.15.1 ... 解决思路: 1. ......
js的面向对象:类的定义、对象的创建、属性、方法
// js当中定义一个类 function User(a,b){ // 属性 this.usercode = a this.username = b // 方法(实例方法,通过对象调用 this.doSome = function(){ console.log(this.username + "do ......
[dom-to-image.js]镜像
dom-to-image | dom2image | dom-to-img | dom2img [github原始仓库](https://github.com/tsayen/dom-to-image "github") [github原始仓库row](https://raw.githubuserco ......
Vue3中使用TypeScript封装axios遇到的问题(AxiosRequestConfig)
>如果您有更好的解决方法,欢迎评论区评论。 ### 版本 ~~~ "dependencies": { "axios": "^1.0.0", "vant": "^4.6.3", "vue": "^3.3.4", "vue-router": "^4.2.4", "vuex": "^4.1.0" }, " ......
【工具】JS脚本|网页任意视频倍速播放(包括MOOC、本地视频、其他的视频)
只要浏览器播放视频时用的是``,而且当前页面只有这一个视频,就可以用这个脚本。 这是我很久以前为了**倍速看MOOC视频**,所以写的一个脚本,一直没有专门写博客去介绍它。刚刚,我想**倍速看新闻联播**,才发现忘记写博客了。 浏览器视频倍速播放的原理非常容易,我也是看了一下网页源代码才发现的。自从 ......
vue 默认页面无法打开
默认打开的界面是白色的,需要输入正确的路由才能访问正确的页面。 router的index.ts(js)文件中设置路由规则,例如我们默认打开index页面,我们只需要设置routes: const routes = [ { path:"/", name:"brx", redirect:'/index' ......
Vue2 响应式原理小结
为了面试讲Vu2响应式的时候更顺利点,我想在需要提前准备一下: Vue2.5.17 的源码 export class Observer { value: any; dep: Dep; vmCount: number; // number of vms that has this object as ......
逗游网js逆向
url:https://www.doyo.cn/passport/login?next=/ 1、抓包得到2个Ajax文件,根据名字猜测与登录相关的请求名字为login # 多次抓包,分析可得: - 请求地址:https://www.doyo.cn/User/Passport/login - 请求方式 ......
vue移动端适配
1.安装 npm add postcss-pxtorem@5.1.1 amfe-flexible -S amfe-flexible是可配置可伸缩布局方案,主要是将1rem设为viewWidth/10。 postcss-pxtorem是postcss的插件,用于将像素单位生成rem单位。 2.在vue ......
vue中ref和reactive的区别
在 Vue 3 中,`ref` 和 `reactive` 是两种不同的响应式数据处理函数,它们有以下区别: 1. **处理的数据类型**: - `ref`:`ref` 函数用于处理基本数据类型,如数字、字符串、布尔值等。它可以将基本类型数据包装成一个响应式的引用,使其在模板中能够自动追踪变化。 - ......
js代码优化
// 案例: function previewWeek(i) { switch (i) { case 1: return '星期一' break; case 2: return '星期二' break; case 3: return '星期三' break; case 4: return '星期四' ......