前端 终端 实战vue
RocketMQ 入门实战(4)--Java 操作 RocketMQ
本文主要介绍使用 Java 来操作 RocketMQ，文中所使用到的软件版本：Java 1.8.0_341、RocketMQ 5.1.3、rocketmq-client-java 5.0.5。 1、引入依赖 <dependency> <groupId>org.apache.rocketmq</gro ......
前端请求参数加密、.NET 后端解密
本文详细介绍了前端请求参数加密、.NET 后端解密，文章较长，请各位看官耐心看完。 目录一、前端使用“CryptoJS”，前端AES加密，.NET后端AES解密1.1、加密解密效果图1.2、CryptoJS介绍1.3、准备工作：安装“CryptoJS”1.3.1、使用npm进行安装1.3.2、Vis ......
vue--day89--路由守卫
```js //全局前置守卫：初始化时执行、每次路由切换前执行 router.beforeEach((to,from,next)=>{ console.log('beforeEach',to,from) if(to.meta.isAuth){ //判断当前路由是否需要进行权限控制 if(localS ......
vue--day88--缓存路由组件和 两个新的生命周期钩子
### 10.缓存路由组件 1. 作用：让不展示的路由组件保持挂载，不被销毁。 2. 具体编码： ```vue <keep-alive include="News"> <router-view></router-view> </keep-alive> ``` ### 11.两个新的生命周期钩子 1. ......
vue--day86--编程式路由导航
1. 作用：不借助```<router-link> ```实现路由跳转，让路由跳转更加灵活 2. 具体编码： ```js //$router的两个API this.$router.push({ name:'xiangqing', params:{ id:xxx, title:xxx } }) thi ......
vue3探索——pinia高阶使用
以下是一些 Pinia 的其他高阶功能： storeToRefs()：响应式解构仓库，保证解构出来的数据是响应式的数据。 状态持久化：Pinia 并没有内置的状态持久化功能，但你可以使用第三方库或自定义插件来实现状态的持久化。例如，你可以使用 localStorage 或 sessionStorag ......
vue-router 编程式导航
导航到不同的位置 注意：在 Vue 实例中，你可以通过 $router 访问路由实例。因此你可以调用 this.$router.push。 想要导航到不同的 URL，可以使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，会回到之前 ......
vue--day85--<router-link>```的replace属性
1. 作用：控制路由跳转时操作浏览器历史记录的模式 2. 浏览器的历史记录有两种写入方式：分别为```push```和```replace```，```push```是追加历史记录，```replace```是替换当前记录。路由跳转时候默认为```push``` 3. 如何开启```replace` ......
vue--day84---路由的props配置
### 7.路由的props配置 作用：让路由组件更方便的收到参数 ```js { name:'xiangqing', path:'detail/:id', component:Detail, //第一种写法：props值为对象，该对象中所有的key-value的组合最终都会通过props传给D ......
关于jsp借助WebServlet注解跳转到对应的servlet，表示界面404，且注解在前端界面不被识别问题的解决
问题描述 我是属于那种习惯了使用其他框架之后，且，好久没有写过javaweb了，就忘记了jsp/html前端界面通过WebServlet注解跳转到servlet的方法，就这么一个破问题！！！ 坑了我一下午！！ 问题解决 起初我还以为是servlet-api的依赖没有导入进去，发现早就在pom.xml ......
Vue响应式原理
该随笔是根据b站小满zs的Vue3 + vite + Ts + pinia + 实战 + 源码 +electron的视频学习写的，Vue3 + vite + Ts + pinia + 实战 + 源码 +electron ......
Vue2开发笔记
目录Vue 组件化开发笔记环境安装生命周期Vue2笔记CSS局部生效组件自定义事件全局事件总线1. Vue 原型对象上包含事件处理的方法2. 所有组件实例对象的原型对象的原型对象就是 Vue 的原型对象3. 全局事件总线4. 全局事件总线操作5. 消息订阅与发布$nextTick过渡动画1. 用tr ......
vue通过js代码实例化组件
最近在写项目的一些公共组件（一些选择器），很多个地方都需要用，所以在main.js全局声明了，但发现子页面调用还是有挺多的地方需写。 例如，要在template实例化组件，并用ref绑定，然后在js里的methods里写方法。 main.js 声明全局组件 第一种方案 一开始想到的是用ref绑定组件 ......
《Python从入门到实战》-源码篇-pyspider
pyspider是什么？ PySpider是一个开源的网络爬虫框架，使用Python语言编写。高效、易用、可扩展等特点，可以帮助用户快速地开发出高效的网络爬虫程序。 PySpider支持多线程、分布式、异步IO等技术，可以处理大规模的数据爬取任务。同时，PySpider还提供了Web界面，方便用户进 ......
Vue-模板语法
一、模板语法 插值语法 最后都渲染成了字符串 html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcdn.net/ ......
Vue学习五：自定义指令、插槽
一、自定义指令 自定义指令:自己定义的指令,可以封装一些dom操作，扩展额外功能 全局注册语法 Vue.directive('指令名',{ "inserted" (el){ //可以对el标签，扩展额外功能 } }) View Code 局部注册语法 directives:{ "指令名":{ "in ......
Vue项目报TypeError: Cannot read properties of undefined (reading '_wrapper')
前情 最近在做一个营销活动的时候，我选择了Vue技术栈来开发。 坑位 项目看似一切都正常，但当我在绑定的js事件中去修改当前组件的data上的值时会报错：TypeError: Cannot read properties of undefined (reading '_wrapper')。 报错信息 ......
Vue源码学习(五):<templete>渲染第四步,生成虚拟dom并将其转换为真实dom
好家伙， 前情提要： 在上一篇我们已经成功将ast语法树转换为渲染函数 现在我们继续 1.项目目录 代码已开源https://github.com/Fattiger4399/analytic-vue.git手动调试一遍, 胜过我解释给你听一万遍 新增文件：vnode/index.js vnode/p ......
Java爬虫实战系列2——动手写爬虫初体验
在上面的章节中，我们介绍了几个目前比较活跃的Java爬虫框架。在今天的章节中，我们会参考开源爬虫框架，开发我们自己的Java爬虫软件。 首先，我们下载本章节要使用到的源代码，本章节主要提供了基于HTTPClient和WebDriver两种方式的数据抓取器。在运行该库之前，我们还需要准备一下我们的开发 ......
Angular中台前端管理系统ng-matero快速上手教学
现有管理系统方案 我认为，Angular还在维护的中台前端框架，大多属于冷门型。热门的管理系统方案，我一直都是推荐Ant Design Pro的，毕竟一直在持续地维护更新。 我在做管理系统的时候，由于好奇Angular，索性就学习了Angular，因为之前都是用React写的，想换换框架体验体验，同 ......
vue页面集成海康威视web视频播放插件
参考大神链接：https://www.jianshu.com/p/71d97362fdd8 1、进入海康威视官网下载web视频插件 下载插件开发包：https://open.hikvision.com/download/5c67f1e2f05948198c909700?type=10 官方教程：ht ......
springboot+vue导出本地可执行文件
1、前端页面增加下载链接 <a href="http://localhost:80/system/download" download="xxx.exe">下载地址</a> 2、后端读取文件下载 //下载文件 @GetMapping("/system/download") public void d ......
vue前后端分离项目中，对于空字符串转可空类型出错的解决办法
环境：netcore 6.0+ 序列化采用自带的 System.Text.Json工具 使用vue做前后端分离时，我们提交的对象中，可能有些字段是为空字符串，但是对应接口要求是int? ，decimal? datetime?等类型。那么在序列化时，就会报错。 因为空字符串无法直接反序列化为 null ......
vue3.3.x setup 新实验性特性 defineModel 定义多个属性
由于有些业务组件需要定义多个响应式props，类似这种(比较懒，没上ts)，在vue3.3.x以前，如果不用三方库，代码会变得很繁琐 <script setup> const props = defineProps({ modelValue: { type: Object, default: () ......
iOS开发实战-仿小红书App开发-2-项目总体设计,TabBarController,启动页,深色模式
1.新建一个LittlePink项目 完成一些配置. 2.在Main中新增一个Tab Bar Controller. 把箭头给TbaBar Controller. 除了原有的一个ViewController外,再拉两个ViewController,使Main中共有5个ViewController. ......
QEMU异常引起Linux宿主机终端不回显
QEMU在SMP使能时，访问GIC会出现内存错误。 TTY默认配置是不回显的，由登录Shell在接收输入时，更改为回显。 stty可以用于获取和更改TTY的配置。 命令行和Bash脚本启动程序， 以及Bash接受的参数会对程序行为有细微影响。 ......
原生HTML单页面使用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 ......
《Python从入门到实战》-源码篇-Scrapy
什么是 Scrapy？ Python 写的开源爬虫框架，快速、简单的方式构建爬虫，从网站上提取你所需要的数据。 优点： 功能非常强大的爬虫框架，不仅能便捷地构建request，还有强大的selector能够方便地解析response，最受欢迎的还是它的性能，既抓取和解析的速度，它的downloade ......