前端 终端 实战vue
vue中$event的元素属性
<template> <div> <button @click="clickFun($event)">点击</button> </div> </template> <script> export default { data(){ return{} }, methods:{ check(event) ......
java与es8实战之一：以builder pattern开篇
### 欢迎访问我的GitHub > 这里分类和汇总了欣宸的全部原创(含配套源码)：[https://github.com/zq2599/blog_demos](https://github.com/zq2599/blog_demos) ### 关于《java与es8实战》系列 - 《java与es ......
第一章 ： Vue2 技术精讲
# 第一章 ： Vue2 技术精讲 ## 1. Vue 是什么 Vue是一套 **构建用户界面** 的 **渐进式** **框架** **Vue2官网：**[https://v2.cn.vuejs.org/](https://v2.cn.vuejs.org/) Vue.js Vue.js ......
Java 8 实战第二版
## 1、基础知识 ### 第 1 章 Java 8、9、10以及11的变化 方法引用 Lmbada表达式 ```java static List filterApples(List inventory,Predicate p) { ← 方法作为Predicate参数p传递进去（见附注栏“什么是谓词 ......
vue--day66--具名插槽
1.App.vue <template> <div class="container"> <Category title="美食" > <img slot="center" src="https://s3.ax1x.com/2021/01/16/srJlq0.jpg" alt=""> <a slot ......
在vue中实现一个插件
## 1、使用情景 * 通过 app.component() 和 app.directive() 注册一到多个全局组件或自定义指令。 * 通过 app.provide() 使一个资源可被注入进整个应用。 * 向 app.config.globalProperties 中添加一些全局实例属性或方法 * ......
Vue3 响应式全局对象json 动态绑定界面五 （ v-for 和 v-if 的应用）
效果图 man.js 定义 响应式全局对象 globalData 定义一个没有具体参数的json象 extTelTalkData: []， 这么写的好处是 事先不写具体参数，赋值时实例就行。 我是用websocket 收到消息 并赋值的，当然也可以用其它方式赋值。 //全局对象 const glob ......
Easysearch 跨集群复制实战
在之前的文章中，有通过网关实现容灾的案例。今天给大家介绍 Easysearch 的跨集群复制功能。该功能可在集群之间复制数据，应用场景包括但不限于以下举例： - 灾备同步：将数据同步到灾备中心，灾备中心可对外提供查询服务。 - 读写分离：单一集群读写压力都较大时，为了避免读写互相干扰造成性能降级，可 ......
SignalR实战：在.NET Framework和.NET Core中如何使用SignalR？
本文主要介绍SignalR在实际项目中的应用，以及.NET Framework和.NET Core中如何去使用SignalR。SignalR是一个开放源代码库，可用于简化向应用添加实时Web功能，实时Web功能使服务器端代码能够将内容推送到客户端。 ......
vue中watch和computed的区别
computed中的console.log会执行吗？ ```在Vue的computed属性中使用console.log语句时，它会在每次计算属性被访问时执行。这包括初始化计算属性时和计算属性所依赖的响应式数据发生变化时。 然而，需要注意的是，console.log语句在计算属性计算期间执行的结果将被 ......
前端input自动填充账号密码问题处理
1. autocomplete="off" input添加autocomplete属性2.<form autocomplete="off"> 在表单标签上添加autocomplete="off"属性。有些浏览器可能会尊重表单级别的autocomplete属性。3. 最上面增加一个隐藏的表单,自动填充 ......
vue3父子组件通信小结
### 父子组件中的attrs props 理解/继承 首先，父组件可以给子组件传入属性、监听函数（类似onClick），class，style,id，总结起来就是大三类-**属性，监听函数，样式**！ 爷爷组件 -- 有两个监听函数 ```jsx import { computed, define ......
vue拖拽组件的使用（vuedraggable）
[vuedraggable官方文档链接](https://www.itxst.com/vue-draggable/tutorial.html)：https://www.itxst.com/vue-draggable/tutorial.html 按装 ``` npm i -S vuedraggable ......
Mac终端-bash No such file or directory以及执行操作时候command not found
问题记录，感谢参考博主分享 我们可以通过搭建临时路径的方式来找到bug。 我在调试Java环境的时候，在已经配好Java PATH的时候，错误的将当前的版本删除了，以至于我们找不到当前的版本了。 很显然，我们之前用过的vim操作，发生了一些冲突。 说明你的.bash_profile文件修改错误。 1 ......
vue-element-admin项目中tagView嵌入iframe不刷新重载
#vue-element-admin项目中tagView嵌入iframe不刷新重载 > 最近使用vue-element-admin来开发项目，因为以前老项目太大，暂不重构，如要通过iframe嵌套在新项目中，通过router来重写url加载，但是业务需要切换菜单或者tagView不能刷新重载ifra ......
Java后端使用HttpServleRequest接收前端JSON传参
BufferedReader bf = new BufferedReader(new InputStreamReader((ServletInputStream) request.getInputStream(), "utf-8")); StringBuffer sb = new StringBuf ......
vue实现‘换一批’功能
实现效果：假如有10条数据，分组展示，默认在当前页面展示4个，点击换一批，从第5个开始继续展示，到最后一组，再重新返回到第一组 <div class="flex-align" @click="change"> <span>换一批</span> </div> data() { return { qLi ......
WEB前端01-HTML基础
非淡泊无以明志，非宁静无以致远 说明: vscode插件安装 打开网络插件：安装 open in browser 打开浏览器插件 之后使用右击即有打开浏览器选项 汉化菜单插件： Chinese 缩放代码字号: Command -/+(mac中) 一、标签语法 1. 默认html页面格式 vscode ......
Niushop前端代码小程序大于2M解决方案
## 注意压缩  ## 删除代码 `找到这个文件 注释掉` ![image](https://img2023.cnb ......
开源Java诊断工具Arthas：开篇之watch实战
## 一、前言 - 还在为排查Java程序线上问题头痛吗，看我们用阿里开源的诊断神器 Arthas 来帮您 - 本文开篇主要介绍 阿里开源的诊断神器Arthas 3.7.0版本，watch、jad、classloader 命令，以 Debian 11、openjdk 11 为例 ## 二、Artha ......
VUE3单页面应用开发常用工具
Vite 一种新型的前端构建工具，它主要由两个部分做成 一个开发服务器，它基于 原生 ES 模块 提供了 丰富的内建功能，如速度快到惊人的 模块热更新（HMR）。 一套构建指令，它使用 Rollup 打包你的代码，并且它是预配置的，可输出用于生产环境的高度优化过的静态资源。 社区模板 create- ......
vue_中文输入法情况下, 输入框v-model绑定值中没有输入值但却触发input事件
- 今天写的一个搜索框, 要求输入字符时不作处理, 直到用户点击搜索按钮时才执行搜索逻辑; 当用户将搜索框文本删除至空字符串时, 执行一次无搜索值的搜索逻辑, 用于将表格数据恢复至无筛选; 在这个功能上我想当然地使用了input事件用于触发输入事件, 但是被测试出bug: 当输入法是中文时, 在选字 ......
VUE element-ui之table表格全局排序
### 一 调用后端接口排序功能 步骤： 标签中定义排序方法： ``` ``` 要排序的字段定义排序关键字sortable ： ``` //注意：调用接口排序时必须sortable="true"，表格自带排序则只需sortable sortable="true" ``` methods中实现全局排序 ......
采用typescript编写，实现ofd前端预览、验章。
前言 浏览器内核已支持pdf文件的渲染，这极大的方便了pdf文件的阅读和推广。ofd文件作为国产板式标准，急需一套在浏览器中渲染方案。 本人研究ofd多年，分别采用qt、c# 开发了ofd阅读器。本人非前端开发人员，对js、typescript并不熟悉，所以对开发web版阅读器迟迟没有下手。但是，本 ......
Raspberry Pi 内网穿透实战教程 All In One
# Raspberry Pi 内网穿透实战教程 All In One > 树莓派 ## 使用场景 > 使用 Raspberry Pi 搭建个人 Web 项目的`服务器`，并且提供`外网访问`的能力 (Web, SSH) `数据安全`，私有代码 `低成本`服务器 容器化 微服务 全栈开发 ## dem ......
Elasticsearch实战 | match_phrase搜不出来，怎么办？
1、问题抛出 某个词组在Elasitcsearch中的某个document中存在，就一定通过某种匹配方式把它搜出来。举例： title=公路局正在治理解放大道路面积水问题。 输入关键词:道路，能否搜索到这个document呢？实际应用中可能需要：1）检索关键词”理解”、”解放”、”道路”、“理解放大 ......
vue实现简单表单收集
# vue实现简单表单收集 ## 实现 ```vue 表单 v-model收集的是value值 2、如果 v-model收集的是value值，但要自己配置value 3、如果 如果没有配置value,收集的是checked 如果value初始值是数组收集的是value，若非数组，收集是的checke ......
vue3 watch 监听响应式数据变化 改变img的src
目标：用一个图片来监视全局websocket对象的连接状态 全局websocket的写法详见：https://www.cnblogs.com/hailexuexi/p/17577818.html main.js 全局对象 websocket的连接状态 //全局对象 const globalData= ......
在Vue3后台管理系统中使用watch和watcheffect
1、watch 在 Vue3 中的组合式 API 中，watch 的作用和 Vue2 中的 watch 作用是一样的，他们都是用来监听响应式状态发生变化的，当响应式状态发生变化时，都会触发一个回调函数。 const message = ref("test"); watch(message, (n ......
Vue中key的作用
1.虚拟Dom中key的作用： key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生成【新的虚拟DOM】， 随后Vue进行【新虚拟DOM】与【旧虚拟DOM】的差异比较，比较规则如下： 2.对比规则： (1).就虚拟DOM中找到了与新虚拟DOM相同的key： ①.若虚拟DOM中内容 ......