前端 终端 实战vue
前端开发手册
拟制人 xx 日期 2023/04/25 审核人 日期 批准人 日期 1.PC开发环境要求 1.1、开发工具说明 Visual Studio Code | Webstorm 1.2、PC开发框架和语言使用 开发框架：MVVM框架 开发语言使用了vue3、TypeScript 2.Pc开发规范 ......
vue2源码-十五、Vue.set方法是如何实现的
Vue.set方法是如何实现的 vue.set 方法是vue中一个补丁方法（正常我们添加属性是不会触发更新的，我们数组无法监控到索引和长度） 如何实现的 我们给每一个对象都添加了一个 dep 属性 vue3 中不需要此方法了（当属性添加或者删除时，手动触发对象本身的 dep 来进行更新） 源码： / ......
无界（wujie）微前端结合若依框架，关于主程序加载子程序页面按钮权限指令所管理得按钮不展示问题
这个问题是由于加载权限接口慢于使用指令，加载时机得问题。 解决方案就是给指令里加上setTimeout 这样得话，结合js运行机制问题，setTimeout里得内容会推迟执行，这样就不会出现接口权限没加载完就执行了指令得问题。 ......
React和Vue的区别
React和Vue是两个非常流行的JavaScript框架，用于构建前端Web应用程序。以下是它们之间的一些区别： 模板语法：Vue使用模板语法，它允许您在HTML模板中嵌入Vue代码，类似于AngularJS。React使用JSX语法，它允许您将JavaScript代码嵌入HTML模板中。 数据绑 ......
vue3+vite自适应PC端
1、下载包pnpm add lib-flexible-computer postcss-px2rem px2rem-loader -D2、在main.ts里引入import "lib-flexible-computer";3、在vite.config.ts写入import px2rem from " ......
Chatgpt，你真的会用吗？(含泪购买39800课程实战)第一期
今天让我们来拆解 ChatGPT的应用场景 ChatGPT在各个领域具有广泛应用。 包括： 一.智能对话机器人：作为客户支持、虚拟助手等场景的语言交互工具。 二.文本生成：为用户生成文章、故事、诗歌等创意作品。 三.文本摘要：从大量文本中提取关键信息，生成简洁的摘要。 四.翻译：将文本从一种语言翻译 ......
Vue3中slot插槽使用方式
********************************** Vue3中slot插槽使用方式****************************************************参考：https://huaweicloud.csdn.net/638eab83dacf622b ......
前端xml字符串转文件流，传给后端
点击查看代码 let formData = new FormData(); formData.append('file', new Blob([xml], { type: 'text/xml' }), '文件名.bpmn'); const params = { file: formData, hea ......
vue解决跨域问题
1、若项目用vue init webpack appname 创建的解决跨域问题如下 在config文件夹的index.js文件里proxyTable{}中添加以下代码即可: proxyTable: { '/api': { //本地服务接口地址 target: 'http://....', ws: ......
Vue中...（三个点）的意思
属于ES6的语法，三个点代表扩展运算符 var a = { name: '张三', age: 25 } var b = { job: 'web前端', ...a } // 相当于 var b = { job: 'web前端', name: '张三', age: 25 } ......
Vue3 调用本地服务接口失败三次提示下载并安装本地服务
Vue3 调用本地服务接口失败三次提示下载并安装本地服务 Vue3 调用本地服务接口，如果失败，则再尝试调用 2 次，如果 3 次都失败了，就提示下载本地服务 exe 安装包，并提供下载链接，请告诉我实现的代码 以下是一个用于调用本地服务接口，并在失败时尝试重新请求，尝试重新请求 2 次，如果仍然失 ......
vue中的箭头函数 =>
1、无参数 var f = () => 5; // 等同于 var f = function () { return 5 }; 2、有参数 var sum = (num1, num2) => num1 + num2; // 等同于 var sum = function(num1, num2) { r ......
vue-element-admin报错Error: error:0308010C:digital envelope routines::unsupported的解决方案
安装vue-element-admin报错 node js Node.js v18.15.0 opensslErrorStack: [ 'error:03000086:digital envelope routines::initialization error' ], library: 'digi ......
前端如何上传文件给服务器
上传文件到服务器常用的方法有两种 第一种：将文件转换成base64编码后使用POST上传给服务器 实现方法 URL.createObjectURL(BlobFile) //或者由canvas生成 canvas.toDataURL('image/jpeg',0.8) 优点： 可以将二进制文件转换为文本 ......
Ant Design Vue 方法执行确认框实现
methods: { handleSync() { this.$confirm({ title: this.$t('Confirm2SyncMessage'), //提示内容 okText: this.$t('Confirm-OK'), //确定按钮文字 cancelText: this.$t('C ......
前端学习笔记--bootstrap
1.bootstrap3依赖jQuery？ 是的 官网https://www.bootcss.com/ 4版本以上不依赖。 2.如何导入？ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</tit ......
动力节点老杜Vue框架教程【二】Vue核心技术
Vue.js是一个渐进式 MVVM 框架，目前被广泛使用，也成为前端中最火爆的框架 Vue可以按照实际需要逐步进阶使用更多特性，也是前端的必备技能 动力节点老杜的Vue2+3全家桶教程已经上线咯！ 学习地址：https://www.bilibili.com/video/BV17h41137i4/ 视 ......
Vue3---error xx should be on a new line
ESLint: ':render-header' should be on a new line.(vue/max-attributes-per-line) 此问题是由于.eslintrc.js文件中的vue/max-attributes-per-line配置错误产生的 "vue/max-attri ......
vite + vue3 + vue-router4 + ts + element plus + pinia + axios构建项目
最后是完整的vite.config.ts、main.ts配置 1、先用vite创建一个项目 npm create vite@latest 2、安装element plus yarn add element-plus @element-plus/icons-vue vite.config.ts配置组件 ......
使用Vue实现点击事件变颜色并且显示选中文字
首先需要引入Vue.js!!!!! 直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../static/vue.js"></script> < ......
老杜Vue实战教程完整版笔记（二）Vue核心技术
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
前端简单小秒杀
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ......
老杜2023最新Vue实战精讲（二）Vue核心技术
动力节点老杜全新版Vue教程笔记分享给大家 学习の地止：https://www.bilibili.com/video/BV17h41137i4 视频教程从Vue2开始讲解，一步一个案例，知识点由浅入深，然后很自然的过度到Vue3版本。Vue3是目前企业中使用最多的一个版本。 视频中会把每一个Vue的 ......
vue3 拖拽操作学习
AS-Editor组件 git: https://gitee.com/was666/as-editor/tree/vue3.x/ 体验：http://was666.gitee.io/as-editor/#/home ......
vue3中如何引入element-icon并使用
简单来说，步骤就是： 安装——注册——按需引入——使用 安装 # NPM $ npm install @element-plus/icons-vue # Yarn $ yarn add @element-plus/icons-vue # pnpm $ pnpm install @element-pl ......
xshell 传输文件后，Linux终端显示乱码
原因：XSHELL 与Linux 编码设置不一致 终端： xshell: 解决方法：设置为一致即可 ......
处理Linux 终端中文显示乱码问题
问题详情： 中文命名的文件或者文件夹显示？号或者□，无法正常显示文件名 1、查看是否已安装中文字体 # 查看已安装的中文字体 fc-list :lang=zh # 查看已安装的中文字体并排序 fc-list :lang=zh-cn | sort 2、安装字体库 yum -y install font ......
jenkins流水线发布前端代码
pipeline { agent{ label 'hw' } environment { VERSION = sh(script: "echo `date '+%Y%m%d%H%M%S'`", returnStdout: true).trim() } stages { stage('克隆代码'){ ......
关闭终端oh-my-zsh的自动更新提示
vi ~/.zshrc 修改配置文件 DISABLE_AUTO_UPDATE="false"改为DISABLE_AUTO_UPDATE="true"DISABLE UPDATE PROMPT="true"意思是禁用更新提示 应用修改 source ~/.zshrc ......
前端使用CryptoJS加密解密
1、安装crypto-js； npm install crypto-js --save-dev yarn add crypto-js --dev 2、新建unit.js写成公共方法 ； const CryptoJS = require('crypto-js'); //16位十六进制数作为密钥（秘钥为 ......