前端 终端 实战vue
vue——debounce防抖函数无效
参考： vue记录-vue中使用lodash _.debounce防抖不生效原因，解决方案 https://blog.csdn.net/Delete_89x/article/details/122000444 问题代码： <el-input v-model="slotProps.form.condi ......
Vue3 toRef响应式失效问题排查
### 父组件 ```html const stuRecordInfo = ref({ stuNum: 11111 }) // 接口请求返回 stuRecordInfo.value.stuNum = 22222 ``` ### 子组件 ```html const info = toRef(props ......
vue中export default data()外面的数据如何通过$t获取动态值
如果将数据放到外面的`const`中，而不是在Vue组件的`data`选项中，那么无法直接通过`$t`方法来获取翻译文件的值。因为`$t`方法是Vue-i18n插件提供的实例方法，需要在Vue组件中使用。 如果你想在外部使用`$t`方法来获取翻译文件的值，可以将Vue-i18n的实例导出，并在外部文 ......
前端知识理论整理
webpack：javaScript应用的静态模块化打包工具（） package.json：通过npm init生成的，npm包管理的文件。 eslint：用于识别和报告在 ECMAScript/JavaScript 代码中发现的模式的工具，其目标是使代码更加一致并避免错误。 模块化 前端模块化的一 ......
在springboot项目中部署vue打包的dist以及刷新遇到404的解决方法
一、在springboot项目中部署dist 新建一个springboot项目，并将dist复制到resources目录下面，同时在application.yml添加配置即可，操作结果如下图所示： 添加的配置代码如下： spring: web: resources: static-locations ......
黑马前端8.5（笔记分享）
黑马前端8.5包含移动web，js基础，webapi，js高级，ajax全部，vue基础，vue项目，node，react，小程序，人资视频，在线问诊，以及一些笔记课件资料。 ......
高性能MySQL实战（一）：表结构
最近因需求改动新增了一些数据库表，但是在定义表结构时，具体列属性的选择有些不知其所以然，索引的添加也有遗漏和不规范的地方，所以我打算为创建一个高性能表的过程以实战的形式写一个专题，以此来学习和巩固这些知识。 ......
Vue 中请求同步执行解决方案
有很多小伙伴在使用Vue的时候都会遇到一种情况，form表单修改回显时，某个下拉框里的内容回显乱码，这是因为Vue是的请求方法是异步请求：简单来说，form表单内容先获取了出来，而项目阶段的下拉框随后才获取出来 // 表单<el-col :span="12"> <el-form-item :labe ......
Vue的组件data为什么必须是一个函数?
vue中的data必须是函数是为了保证组件的独立性和可复用性。 实例是通过构造函数来创建的，每个构造函数可以new多个实例，每个实例都会继承原型上的方法和属性， 在vue中，一个vue组件就是一个vue实例，当一个组件被复用多次，就会创建多个实例。如果data是对象， 那么被多次复用的这个组件，在某 ......
Web 国际化：新增越南语语系（vue i18n）
前提： 1. 在src/locales文件夹中，新增vi.json文件 背景： 1. vue 步骤： 1. 在main.js中， import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: lo ......
Vue Router
什么是路由 路由就是URL地址，地址不同，则显示的页面内容不同，路由分为前端路由和后端路由，Vue属于前端框架，因此我们讲解的路由也是前端路由。 Vue是单页面应用程序，通过hash(#)来实现不同页面之间的切换。 什么是单页面应用程序？通俗地讲就是不需要刷新页面，所有组件都在一个页面上的应用程序。 ......
Vue 项目性能优化实践
Vue已经成为前端必备利器了，Vue首页加载速度慢是很常见的问题，dist文件的体积差不多都在10m左右，解决方式也有很多，最简单的方式增加服务器的配置性能，当然在预算有限的情况下，如果通过优化来提升速度呢。 比如在一台普通配置服务器上，差不多加载速度在15s左右，那是没办法接受的，不管是用户体验还 ......
SpringSecurity实战笔记之OAuth
Spring Social OAuth 一、app、小程序、前后端分离为什么使用OAuth协议 1、原有方法开发繁琐、安全性和客户体验差、有些前端技术不支持cookei，如小程序 2、好处：token自动生成，自定义校验，方便安全 二、Spring Security OAuth简介 1、服务提供商（ ......
vue通讯的几种方式
1.props 和 $emit。父组件向子组件传递数据是通过props传递的，子组件传递给父组件是通过$emit触发事件来做到的。 2. 父组件中通过 provide 来提供变量，然后在子组件中通过 inject 来注入变量。 3.$refs 获取组件实例。 4.envetBus 兄弟组件数据传递， ......
【校招VIP】前端基础之post和get
考点介绍： get和post 是网络基础，也是每个前端同学绕不过去的小问题，但是在校招面试中很多同学在基础回答中不到位，或者倒在引申问题里，就丢分了。 一、考点题目 1.HTTP协议中，如果要告知所请求的网页已经永久跳转到了另一个地址，应该返回哪个状态码： A.301B.302C.404D.503 ......
数字实战：汉威国际广场停车场全新升级！智能化水平提升实现无人值守！
汉威国际广场被誉为北京城的“城中之城”，是北京“新一代”地标性建筑。自2015年一区建成投入使用至今，汉威国际广场已拥有由汉威国际商城、汉威国际写字楼、汉威国际公寓及汉威国际大酒店四个业务部分组成的4个区28栋5A级写字楼，并凭借高品质的办公环境、优越的地理位置、丰富的商业资源以及专业的管理团队，吸 ......
Docker下elasticsearch8部署、扩容、基本操作实战(含kibana)
本文通过docker快速部署elasticsearch8版本，再添加一台组成集群，并且部署kibana用于常规查询操作，以及一些常见的es操作 ......
vue--day65--默认卡槽
1. App.vue <template> <div class="container"> <Category title="美食" > <img src="https://s3.ax1x.com/2021/01/16/srJlq0.jpg" alt=""> </Category> <Categor ......
通过实战操作学git
虽然说 ”好记性不如烂笔头”，但是学习不看等于没学，学习不用等于不会，所以说”实战才是检验真理的唯一标准“，通过实战则会学到很多东西。 因为陈** 太懒，并且不喜欢查百度，老是犯同样的问题，于是我通过完整的操作git流程和一些实战中的场景，将常用git流程和命令整理了下来，这样也方便我女盆友带入学习 ......
Vue 3 Deep Dive with Evan You
什么是 DOM？ 如果我们把这个 HTML 加载到浏览器中，浏览器创建这些节点，用来显示网页。所以这个HTML映射到一系列DOM节点，然后我们可以使用JavaScript进行操作。例如： let item = document.getElementByTagName('h1')[0] item.te ......
java脚本模拟服务器内存溢出实战&服务器部署java项目
一、背景： 使用java spring boot ,实现linux 服务器 内存溢出情况。 二、方案 1、打包成war包，可以直接将war包部署在tomcat容器里 2、spring boot，打包成jar包。打的jar包，内置了tomcat，所以在服务器上，直接启jar包就行，没有必要放在tomc ......
老杜Vue的Bug列表实战代码
老杜Vue的Bug列表实战代码 谢谢杜老师的vue教学视频，说的真的好好 各位亲爱的小伙伴，如果不能使用代码，请给我留言哈。 1、效果图 2、html代码（我自己写的，和杜老师的有些不同，不要纠结哈，基本是没错的） <!DOCTYPE html> <html> <head> <meta charse ......
超实用的 linux atop 与 htop 监控工具讲解与实战操作
[TOC] ## 一、概述 `atop` 和 `htop` 都是 Linux 系统上用于监控系统资源和进程活动的命令行工具，但它们有不同的特点和用途。 atop 实时监控示例图：  懒加载： 1.使用箭头函数+import动态 ......
vue-
插槽slots 传html结构，父传子 slot 父组件 子组件 渲染作用域 插槽内容可以访问到父组件的数据作用域，因为插槽内容本身是在父组件模板中定义的。 具名插槽 插槽：子组件传给父组件数据，父组件传回子组件 父 子 组件生命周期 生命周期函数 创建期：beforeCreate created ......
前端vue自定义柱形图 选中更改柱形图颜色及文字标注颜色
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
前端Vue自定义等分底部菜单导航按钮 自适应文字宽度 可更改组件位置
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 组件化 ......
Caddy 入门实战(3)--Caddyfile 介绍
Caddyfile 是一种方便用户使用的 Caddy 配置格式。这是大多数人最喜欢使用 Caddy 的方式，因为它易于编写、易于理解，且能满足绝大部分的使用场景。本文主要介绍 Caddyfile 的相关概念。 1、Caddyfile 结构 可选的全局选项块必须放在文件的头部 否则, Caddyfil ......