组件 常用confirm vue
关于Vue的 main.ts ./App.vue报错解决
1.vue项目文件报错 src下的main.ts文件中: import App from ‘ ./App.vue ’提示报错 解决方案 在根目录下找到env.d.ts中加入以下代码段 declare module "*.vue" { import { DefineComponent } from " ......
Vue3(开发前的准备 ,了解VUE项目的项目结构)
前提装好了NODE.JS 1.创建项目 创建项目文件目录 打开控制台找到项目文件目录地址 输入命令:npm init vue@latest 输入vue项目名 选择需要添加的文件完成创建 进入文件控制台输入:cd 文件名 到文件目录下接着控制台输入npm install 也可以cnpm install ......
记录最近学习到的一些windows常用命令
1、 ping命令 可以用来测试网络是否联通,使用步骤如下: 1.1、在电脑上面同时按住win+R,输入cmd,回车 1.2、在窗口里面输入一行格式为“ping +空格+IP地址(或者网站地址)”的命令,如“ping www.baidu.com” 如上图可见,本台计算机可以与百度通信 2、cd命令 ......
vue2和vue3导出页面为PDF格式:jspdf和html2canvas
一、vue2导出PDF使用步骤 1、安装html2canvas,将页面html转换成图片 npm install --save html2canvas 卸载: npm uninstall html2canvas 指定版本安装: npm install --save html2canvas@1.0.0 ......
React学习笔记08- 组件的样式
1.使用行内样式 想给虚拟dom添加行内样式,需要使用表达式传入样式对象的方式来实现: // 注意这里的两个括号,第一个表示我们在要JSX里插入JS了,第二个是对象的括号 <p style={{color:'red', fontSize:'14px'}}>Hello world</p> 行内样式需要 ......
vue-print打印(含多页打印带表头)
打印功能开发: 1)使用vuePlugsPrint.js 2)main.js 加入:import vuePlugsPrint from '@/utils/vuePlugsPrint' Vue.use(vuePlugsPrint); 3)创建打印模板页面:templatePrint.vue 4)使用页 ......
React学习笔记07-组件嵌套
一个项目肯定是由多个组件构成的,组件之前必然会存在相互嵌套的关系 在react中如果想要将一个组件嵌入到另外一个组件中 只需要在父组件的render函数的返回值中放入子组件即可 请看下面代码 import React, { Component } from "react" class Navbar ......
React学习笔记06-函数式组件
函数式组件即在React中通过函数的方式来声明一个组件 import React from "react" function App() { return ( <div> 函数式组件 <div>hhh</div> </div> ) } /* 16.8之前 //无状态 16.8之后 react hoo ......
vue项目第一次进入页面刷新页面并只刷新一次
if (location.href.indexOf("&reloaded") == -1) { location.href = location.href + "&reloaded"; location.reload(); } ......
React学习笔记05-类组件
ES6的加入让JavaScript直接支持使用class来定义一个类,react创建组件的方式就是使用的类的继承, ES6 class 是目前官方推荐的使用方式,它使用了ES6标准语法来构建,看以下代码 import React from 'react' import ReactDOM from ' ......
import { useRouter } from 'next/router'; 在非hooks 文件或组件中使用
将 import { useRouter } from 'next/router'; 改为 import Router from "next/router"; 使用: Router.push('/'); 原来使用 import { useRouter } from 'next/router'; 会导 ......
Vue.js框架:vue2和vue3开发环境共存
一、安装vue3 此处建立在已经按正常流程全局安装好vue2版本的情况下,老项目需要使用vue2运维,新项目使用vue3开发,因此需要两种环境共存。 找一个合适的位置,新建一个文件夹,在该文件夹目录下,打开cmd终端,运行命令: npm install @vue/cli --registry=htt ......
Windows git bash 常用快捷键和命令
1.复制粘贴不会复制粘贴怎么学 快捷键 功能 复制 ctrl+shift+C 或 Ctrl+insert 粘贴 ctrl+shift+S 或 Shift+insert 2.光标 快捷键 功能 ctrl+a 跳转至行首 ctrl+e 跳转至行尾 ctrl+x 行首/当前位置光标跳转 3.编辑 快捷键 ......
【Vue3响应式入门#01】Reactivity
接下来,我们将会用 Vue3 建造响应式的方法,从头开始制造一个响应式引擎,让我们一步一步的来解决这个问题! ......
解决多路由复用同一组件页面不刷新问题
如果可以的话,这个才是最终解决方案,可以解决复用同一个vue页面导致的生命周期只在初始化调用,后续不调用的问题,监听路由的变化只是调用接口,不会触发生命周期 ......
Node.js中常用的设计模式有哪些?
本文由葡萄城技术团队首发。转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 设计模式简介 设计模式是由经验丰富的程序员在日积月累中抽象出的用以解决通用问题的可复用解决方案,它提供了标准化的代码设计方案提升开发体验。Node.js 作为一款用来构建可扩展高性能 ......
高性能日志脱敏组件:已支持 log4j2 和 logback 插件
项目介绍 日志脱敏是常见的安全需求。普通的基于工具类方法的方式,对代码的入侵性太强,编写起来又特别麻烦。 sensitive提供基于注解的方式,并且内置了常见的脱敏方式,便于开发。 同时支持 logback 和 log4j2 等常见的日志脱敏插件。 拓展阅读 金融用户敏感数据如何优雅地实现脱敏? 日 ......
记录vue效果之即时编辑表格字段思路
场景:要求单选,多选时候时间变为选择器可修改,但是比如选择了后,时间改了,然后又点了取消,那么就要回到最初的时间去 比如节点二最初为10-01,选了后改成了10-27,然后取消勾选,为10-01的字 解决思路 做一个key-value的数据结构,key为表格行id,value为改的值 <el-tab ......
vue中的for循环中,获取input输入框中的值的方法
1 <p v-for="item in list" :key="item.id"> 2 {{item.topic}}= 3 <!-- <input type="text" v-model="item.id" placeholder="请输入答案" > --> 4 <el-input type="te ......
21_常用命令04
1. uniq 去重 [root@kvm ~]# cat 1.txt 10 20 30 40 30 30 50 70 70 70 80 [root@kvm ~]# cat 1.txt | uniq 10 20 30 40 30 50 70 80 [root@kvm ~]# [root@kvm ~]# ......
23.10.18(常用Java异常处理情况整合)
在JAVA项目中,异常处理是一项非常重要的任务。合理处理异常能够提高程序的稳定性和可靠性,保证程序的正常运行。下面是关于JAVA项目中常用的异常处理情况的总结: 1. 空指针异常(NullPointerException):在使用一个空对象的成员变量或方法时会抛出该异常。可以通过判断对象是否为空来避 ......
vue +asp.net core webapi跨域
vue代码: login.vue <template> <div class="login-wrap"> <el-button type="primary" style="width:100%;" @click="doSubmit()">提交</el-button> </div> </templat ......
C语言-常用函数
C语言-常用函数 strcat_s函数 功能:strcat_s函数与strcat函数一样,主要用于字符串拼接。 依赖:头文件string.h 主要语法:errno_t strcat_s(char *strDestination , size_t numberOfElements , const ch ......
vue项目运行内存不足 JS stacktrace
因为node配置的环境变量默认是4096,如果vue项目过大,可能就会导致保存的时候,项目死掉。 解决办法: 1、我的电脑右键属性 2、搜索环境变量,点击编辑系统环境变量 3、点击环境变量 4、更改默认值 ......
40 vue 应用
这节课主要讲的是 vue 的工作流程,一层层打包,最终在 index.html 执行入口 下面看看就行,总结再单独做一个小结 vue 是一个框架,一层一层规范好了.渐进式? 前端三件套能做的,vue都可以做到。反之亦然。vue更方便而已,而且框架清晰。 一个vue项目的完整结构 vue-->mian ......
vue3文件导入导出
导入: // 导入 const importExcel = async (file: any) => { let formData = new FormData(); //声明一个FormDate对象 formData.append("file", file.raw); //把文件信息放入对象中 / ......
vue2.x和vue3.x关于获取表格某一行的写法真的不同绝了
vue2.x <el-table-column label="测试" align="center" prop="ce"> <template slot-scope="scope"> <span>{{scope.row.ce}}</span> </template> vue3.x <el-table- ......
vue 数组 下标/索引 响应式修改
this.data对象中的一个数组属性[3] = "ttt";//修改后,值有时候在模板中能更新(可能第一次是可以的?),有时候不更新 splice实现的等效效果: this.data对象中的一个数组属性.splice(3, 1, "ttt"); $set实现的等效效果: this.set(this ......
vue 动态引入 js 文件
在目录 比如utils/options/ 下面建不同名字的 js,再根据 this.type 变量的值动态引入。(注意 this.type 变量的值要和相对应的 js 文件名一致 onLoad (options) { this.type = options && options.type const ......
vue3.x增加数据功能
具体代码 <template> <el-form :model="form" :rules="rules" ref="ruleFormSSS" label-width="120px"> <el-form-item label="用户姓名" prop="name"> <el-input v-model ......