前端 终端 实战vue
git实战
最近公司又来一批小伙伴，对git的使用非常陌生，我就安排给大家讲了下git的基本使用，今天也总结下发到博客园上和大家分享 一、git安装 由于公司都是用windows，本屌丝也是用windows，所有这里就只讲windows的安装 windows的安装非常简单 1、下载git：https://git ......
vue3.2+ts报错：找不到模块“./App.vue”或其相应的类型声明。
解决方法：在项目根目录创建 env.d.ts 文件（如果已有，则在文件中追加）加入下面内容： declare module '*.vue' { import type { DefineComponent } from 'vue'; const vueComponent: DefineComponen ......
vue2常见选项和生命周期钩子函数
Vue2提供了一些其他选项和钩子函数，以支持更高级的组件功能和配置，这些包括： data：data选项用于定义组件的响应式数据。这些数据将被Vue追踪，以便在数据发生变化时更新视图。 data() { return { message: 'Hello, Vue!' } } methods：metho ......
vue2 父传子，子传父
在Vue 2中，使用props来从父组件向子组件传递数据，而要从子组件向父组件传递数据，通常需要使用自定义事件。关键字分别是： 从父组件向子组件传递数据（父传子）： props：可以在子组件中使用props来接收父组件传递的数据。在父组件中，使用子组件标签的属性来传递数据。 示例： <!-- 父组件 ......
vue cli2 3 4使用lib-flexible px2rem完美解决移动端适配问题
安装 lib-flexible $npm install lib-flexible --save lib-fiexble, lib-flexible会自动在html的head中添加一个meta name="viewport"的标签，同时会自动设置html的font-size为屏幕宽度除以10，也就是 ......
前端请求代理配置
前端请求代理配置，解决跨域问题，适用于React、Vue项目
1. 优点：可以配置多个代理，可以灵活控制请求是否走代理。
2. 缺点：配置繁琐，前端请求资源时必须带上前缀。 ......
vue动态引入组件
vue动态引入组件，正常情况是页面渲染时动态加载该页面组件，还能进行细化动态加载情况，比如弹窗组件 动态导入：除了路由懒加载，你还可以在其他地方使用动态导入来按需加载组件。例如，在某个按钮的点击事件中异步加载一个组件： import('./components/MyComponent.vue').t ......
前端划词选中实现
1、需求 如上图，鼠标划词选中标签，选中的词自动填入到输入框中 2、实现 <div class="tag-words" @mouseup="startSelectWord"> <div class="tag-word" v-for="(item, index) in tagWords" :key=" ......
Vue生命周期
Vue生命周期 什么是Vue生命周期 指的是Vue从创建到销毁整个过程 在官网中这样说到"每个 Vue 组件实例在创建时都需要经历一系列的初始化步骤"以及"在此过程中，它也会运行被称为生命周期钩子的函数，让开发者有机会在特定阶段运行自己的代码。" 官网图示如下 Vue生命周期函数 初始化显示 bef ......
【matplotlib 实战】--百分比柱状图
百分比堆叠式柱状图是一种特殊的柱状图，它的每根柱子是等长的，总额为100%。柱子内部被分割为多个部分，高度由该部分占总体的百分比决定。 百分比堆叠式柱状图不显示数据的“绝对数值”，而是显示“相对比例”。但同时，它也仍然具有柱状图的固有功能，即“比较”——我们可以通过比较多个柱子的构成，分析数值之间的 ......
关于vscode编写qt，qdebug无法输出到终端的问题
这个问题主要是cmake那边的qt设置没弄好。其中WIN32_EXECUTABLE ON。这个选项要设置为OFF。不然qdebug无法打印到终端中。 如果本来就没有这set_target_properties的话，可以在cmake最后一行加上这个，并且将WIN32_EXECUTABLE ON设置为O ......
Vue学习笔记（九）：组件化编程
1 什么是组件¶ 当页面功能十分复杂时，将页面各功能化整为零，拆分成多个不同的小部分，这样便于分析，也有利于代码的复用，在vue中，我们将划分后的每个小部分称为组件。组件化是vue里面最强的功能，可以扩展html，封装重用的代码。在使用vue时，我们可以将一个完整的页面拆分为多个组件，每个组件都用于 ......
第十九篇 - Vue如何通过session记住User
登录成功后前端存储user对象 window.sessionStorage.setItem("currentuser", JSON.stringify(successResponse.data.data.user)) 前端script中使用user对象中的值 JSON.parse(sessionSt ......
3.web前端开发(Axios,前端工程化,Element,路由)
web前端开发(Axios,前端工程化,Element,路由) Axios Axios官网：https://www.axios-http.cn/ 定义: 引入Axios的js文件； <script src="js.axios-0.18.0.js"></script> 使用Axios发送请求，并获取响 ......
2.前端框架(Vue)
前端框架(Vue) Vue 概念; vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写； 基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上； 官网：https://v2.vuejs.org/ 框架：是一个半成品软件，是 ......
Linux终端使用技巧
Linux终端使用技巧 1.命令提示符 显示提示符格式 [root@centos8 ~]#echo $PS1 \[\e[1;35m\][\u@\h \W]\$\[\e[0m\] 修改提示符格式范例 PS1="\[\e[1;5;41;33m\][\u@\h \W]\\$\[\e[0m\]" PS1=" ......
讲述vue中data值都有哪些，如何调用
讲述vue中data值都有哪些，如何调用 1,字符串 2，对象 3，函数 4，数字 <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0"> < ......
vue项目打包，解决静态资源无法加载和路由加载无效(404)问题
打包后的项目静态资源无法使用，导致页面空白 静态资源无法使用，那就说明项目打包后，图片和其他静态资源文件相对路径不对，此时找到config里面的index.js，在build模块下加入assetsPublicPath: './', 如下图所示， 在History模式下配合使用nginx运行打包后的项 ......
开课吧前端1期.阶段3-2：课程体系
课程体系 第一周:ES6、数据交互、WebSocket 1、课程介绍、讲师介绍：为什么要搞原生的 Markdown和GitHub ES6 2、Node基础、bebel Ajax和Jsonp WebSocket 项目：WebSocket聊天室 3、手拆jQuery源码 手拆socket.io源码 项目 ......
开课吧前端1期.阶段3-1：软件的使用 （bower,atom, node）
今天主要不讲课，试试环境 软件：（推荐，有自己熟悉的用自己的） 1.编辑器：atom 支持插件： atom-typescript language-vue language-weex markdown-preview-plus 2.服务器：wamp（apache+mysql）、xampp、nginx ......
Vue响应式
目录Vue中的响应式对象独立的响应式值计算变量监听响应式变量setup方法 Vue中的响应式对象 Vue3允许在setup()中定义组件需要的数据和方法, 通过return在模板中可以直接使用 reactive方法 <body> <div id = "Application"> </div> <sc ......
项目实战-套餐管理 - 参考答案
1. 新增套餐 1.1 需求分析和设计 产品原型： 业务规则： 套餐名称唯一 套餐必须属于某个分类 套餐必须包含菜品 名称、分类、价格、图片为必填项 添加菜品窗口需要根据分类类型来展示菜品 新增的套餐默认为停售状态 接口设计（共涉及到4个接口）： 根据类型查询分类（已完成） 根据分类id查询菜品 图 ......
计讯物联5G水利遥测终端TY511-B3赋能供水管网监测预警系统，让城市供水更智慧
应用背景 城市供水对维持正常的社会生活、生产秩序和公共安全至关重要，是城市基本运行的生命线。近年来，我国在大力推进城乡供水一体化建设，不断提升供水保障水平，能够让人民群众喝上安全水、放心水、幸福水，不断提高群众的满意度和幸福感。为此，计讯物联基于物联网、大数据、5G、压力分析模型、水质模型等新一代信 ......
vue框架，input相同标签如何定位-label定位
一、问题提出： 后台前端框架改版，之前是angularjs，现在用vue，导致input标签定位失败，只能定位到第一个input标签，查看后台源代码发现这两个标签是一模一样，如下图： 二、问题思考过程 1.为什么以前的版本可以定位成功，而现在的就定位不了啦 查阅之前版本的这部分定位代码，发现原来的框 ......
qiankun微前端的简单使用
微前端是一种多个团队通过独立发布功能的方式来共同构建现代化 web 应用的技术手段及方法策略。 微前端借鉴了微服务的架构理念，将一个庞大的前端应用拆分为多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用联合为一个完整的应用。微前端既可以将多个项目融合为一，又可以减少 ......
Vue 路由——重定向
问题描述：网页打开，url 默认是 / 路径，未匹配到组件时，会出现空白 解决：重定向 → 匹配 path 后，强制跳转 path 路径 语法：{ path : 匹配路径 , redirect : 重定向到的路径 } const router = new VueRouter({ routes: [ ......
学习归纳 | 关于java后端+vue前端+app端 | 学生初入工作
1.工作感受 首先，目前所作工作主要就是看懂前人的代码，并且修改一些bug，由于对方不在维护，交由我部门进行维护。 个人所学浅薄，有许多技术知识需要学习，上学期间做的东西真是非常不成熟，所用技术栈也非常少。 纸上得来终觉浅，绝知此事要躬行。看再多开发文档，不如实际去写项目。 很多知识，学的很多，但用 ......
cshrc 增加终端颜色
打开cshrc 文件 gvim ~/.cshrc 在文件的末尾增加： # set terminal color set cr = "%{\e[31m%}" # set red set cg = "%{\e[32m%}" # set green set c0 = "%{\e[0m%}" # set d ......
vue $refs.aaa aaa模板引用子组件 是个空数组 原因
我的代码结构大致这样 <el-tabs v-model="activeTab"> <el-tab-pane v-for="(tab, index) in 一个数组bbb" :key="index" :label="tab.label" :name="tab.name" > <子组件 ref="aaa ......
Nginx 做前端代理，上传文件速度慢
同一台服务器，前端部署在nginx，在上传33M的文件时，耗时36s,但是通过IIS或者swagger上传文件，只需要8s 解决方案：将Nginx配置文件中 proxy_pass http://139.196.154.85:54730/; 改为localhost ： proxy_pass http: ......