three vue js
vue:run时报错:EACCES: permission denied(vue@3.3.4)
一,报错信息: [eslint] EACCES: permission denied, open '/data/vue/responsive/node_modules/.cache/eslint/43541cdc.json’ 如图: 二,解决 切换拒绝访问的文件的owner liuhongdi@lh ......
直播平台搭建,使用vue-pdf 实现pdf在线预览并且自定义预览框高度
直播平台搭建,使用vue-pdf 实现pdf在线预览并且自定义预览框高度 .pdf-preview { height: 100%; } 解决方案:提高指定样式的应用优先权(优先级) .pdf-preview { height: 100%; } // 穿透vue-pdf插件中的canvas样式 . ......
Vue-与后端交互的三种方式、箭头函数
与后端交互的三种方式 前后端需要打通 》从前端发送ajax 》ajax的核心:使用js发送http请求,接收返回 - 原生js,可以开启ajax,但是原生js开启,比较麻烦,需要做浏览器兼容,有坑(基本不写) - jq,写了个兼容所有浏览器的 $.ajax(),不仅仅有ajax,还封装了很多dom操 ......
vue3中的axios进行封装代理的使用(webpack)
1.安装axios npm install axios 2.在util文件夹下新建axios.js文件,用来处理axios拦截器 axios.js内容:(注意:其中router需要写成这种形式,不然会报 Uncaught (in promise) TypeError: Cannot read pro ......
node.js打包exe可执行文件遇到的问题记录
1.buffer.js ,three.js 这样引用会报错: import { Buffer } from 'buffer'; import * as THREE from 'three'; 所以需要找到node_modules里相关js文件,然后引用其文件路径(我是复制出来放到src文件夹下了), ......
Vue中的watch和mounted的区别
功能不同:watch是用来监听数据的变化,当数据变化时执行异步操作或开销较大的操作;而mounted是在Vue实例被挂载到DOM后执行的函数,主要用于初始化数据和操作DOM。 执行时间不同:watch是当数据变化时执行,而mounted是在组件被挂载到页面上后执行。 总的来说,watch更适合用来监 ......
12-Vue核心-绑定样式
class 与 style 绑定 1)在应用界面中,某个(些)元素的样式是变化的 2)class / style 绑定就是专门用来实现动态样式效果的技术 class 绑定样式 写法: v-bind:class = "xxx" 或 :class = "xxx" ,xxx 可以是字符串、对象、数组 1) ......
VUE 给table添加index
el-table :data="data" :row-class-name="tableRowClassName" tableRowClassName({row, rowIndex}) { row.index = rowIndex; }, ......
destoon上做纯js实现html指定页面导出word
因为最近做了范文网站需要,所以要下载为word文档,如果php进行处理,很吃后台服务器,所以想用前端进行实现。查询github发现,确实有这方面的插件。 js导出word文档所需要的两个插件: FileSaver.js jquery.wordexport.js 首先引入: <!--生成word!-- ......
npm does not support Node.js的解决办法
原文链接:https://blog.csdn.net/UKilll/article/details/131589827 1、查看npm和nodejs的版本是否配套。 2、因为我的使用了npm install -g npm 把npm的版本升级到了9.几 导致运行项目的时候提示npm v9.8.0 do ......
Node.js ORM Sequelize All In One
Node.js ORM Sequelize All In One Sequelize is an easy-to-use and promise-based Node.js ORM tool for Postgres, MySQL, MariaDB, SQLite, DB2, Microsoft S ......
How to use ESM & TypeScript in Node.js All In One
How to use ESM & TypeScript in Node.js All In One { "compilerOptions": { "module": "NodeNext", // "module": "Node16", } } { "name": "esm-ts-package", ......
js_对输入框按下enter键会触发change事件
测试代码 <body> <input type="text" id="i1" /> <script> const oI1 = document.querySelector('#i1') oI1.addEventListener('keydown', function (e) { console.lo ......
Vue-js循环方式、v-model的使用、事件处理、表单控制、购物车案例
js循环方式 在es6语法中:(以后尽量少用var有很多坑) - let:定义变量 - const:定义常量 1. 方式一:for循环,基于索引的循环 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Titl ......
Vue之js循环方式、v-model 的使用、事件处理、表单控制、购物车案例、v-model修饰符
js循环方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js循环方式</title> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6. ......
vue-dayu03
js循环 方式一:基于索引的循环 <script> let i=0 for (;i<10;){ console.log(i) i++ } let good_list = [1, 2, 3]for (let j = 0; j < good_list.length; j++) { console.log ......
Vue基本使用
一 模板语法 插值语法:{{变量,js语法,三目表达式}} <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>插值</title> <script src="https://cdn.jsdelivr.net/n ......
vue2项目创建
vue2项目 基本安装 vue creare 项目名 cd 项目名 code . 按照其它模块 element-ui npm i element-ui -S 在 main.js 中写入以下内容: import Vue from 'vue' import App from './App.vue' im ......
Vue的介绍
一 Vue简介 Vue(读音 /vjuː/,类似于 view) 是一套用于构建用户界面的 渐进式框架 与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用 Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合 官网:https://cn.vuejs.org/ 二 Vue ......
Vue多层级组件传递动态具名插槽
这里以一个table组件的二次包装为案例,父组件中使用子组件(table组件)再次包装: Vue2: 子组件,inTable <template> <table> <thead> <tr> <th v-for="(item, index) of columns" :key="index"> {{ i ......
Vue学习七:自定义创建项目和vuex
一、自定义创建项目 默认的项目有很多包不全,需要的时候还要导包搭架子,因此我们可以自定义创建项目。 选择的项目按照自己需要的设置,可参考如下参数设置。(eslink是一种代码规范) 二、vuex 1、vuex概述vuex是一个vue的状态管理工具,状态就是数据。大白话: vuex 是一个插件,可以帮 ......
Vue3+vite路由配置优化(自动化导入)
今天在维护优化公司中台项目时,发现路由的文件配置非常多非常乱,只要只中大型项目,都会进入很多的路由页面,规范一点的公司还会吧路由进行模块化导入,但是依然存在很多文件夹的和手动导入的问题。 于是我想到了我之前使用vuex时进行的模块化自动导入js文件,能不能使用到自动导入.vue文件中去,答案是可以! ......
js循环方式、v-model、事件处理、表单控制、购物车案例
js循环方式 js循环 for(),基于索引的循环 let :es6语法,用于定义变量 const:用于定义常量 var以后尽量少用 、for循环写法一: for循环写法二: 列表循环 循环方式二:in循环 基于迭代的循环,依赖于索引取值 直接console.log是索引值,只有list[i]才是要 ......
Node.js URL 模块:解析和操作 URL
任何基于 Web 的应用程序不可或缺的方面之一是其有效使用 URL 的能力。无论是解析传入的 URL 还是构建 URL 来发出请求,清楚地了解 Node.js 中的 URL 模块对于现代 Web 开发人员来说至关重要。 在这篇博文中,我们将探索 Node.js 的 URL 模块,从基本的 URL 解 ......
如何在uniapp框架中集成H.265流媒体视频播放器EasyPlayer.js?
H5无插件流媒体播放器EasyPlayer属于一款高效、精炼、稳定且免费的流媒体播放器,可支持多种流媒体协议播放,可支持H.264与H.265编码格式,性能稳定、播放流畅,能支持WebSocket-FLV、HTTP-FLV,HLS(m3u8)、WebRTC等格式的视频流,并且已实现网页端实时录像、在 ......
vue 的 name 和最外层 class命名也需要保证唯一性
平时为了赶工期,在画页面的时候,会复制框架里面相同样式的页面,直接Ctrl+A Ctrl+C Ctrl+V 然后修改字段。 这样写节省不少时间,也提高了效率。 但是是有隐患的, 首先是vue的name,挺重要的比如keepalive时候,exclude include 的name就需要保持一致。(之 ......
vue + ElementUI 表格表头筛选数据过多,让筛选框显示滚动条
代码参考: .el-table-filter { max-height: 300px; overflow: auto; } 因为,表头筛选功能是引入的element ui的第三方组件,当我们的样式写了scoped进行了样式管控只适用于当前组件时,而又不想去除scoped属性造成组件之间的样式覆盖。这 ......
Vue中的scoped的实现原理以及scoped穿透的用法
参考:https://devpress.csdn.net/viewdesign/6410196b986c660f3cf923db.html?spm=1001.2101.3001.6650.5&utm_medium=distribute.pc_relevant.none-task-blog-2%7Ed ......