前端 终端 实战vue
hadoop集群 大数据项目实战_电信用户行为分析_day01
上图是相关配置的要求，主要创建了四个虚拟系统，有三台虚拟机搭建hadoop集群，一台作为业务系统。 涉及到相关的Linux指令有::set nu[显示行号] :6[到第6行 shift+G跳到最后一行 进入vi指令后查找相关东西/(你需要查找的东西) 1.配置环境、 第一步设置网络参数，设置静态网络 ......
Vue 异步更新和$nextTick
使用延时器也是可以实现的，但是等待的时间不确定， 不是最优解，使用钩子函数update，可能会被其他元素的更新，触发了不该有的动作 ......
SpringBoot+vue+Axios实现Token令牌
前后端Token实现 目录前后端Token实现认识TokenJWT组成HeaderPayloadSignatureJWT简单使用创建JWT解析JWT常见异常后端Maven依赖封装JWT工具获取并响应Token拦截器验证Token前端登录+存储Token前端拦截器 认识Token 对Token有了解可 ......
Vue ref和refs获取dom组件
一般情况下通过正常的查找dom元素的方法是查找整个页面的，加上ref就可以把查找范围控制在当前组件中 ： 结合前面讲的父子组件通信， 使用ref去调用组件的方法去获取设置数据不就更方便吗？ ......
Vue3| 组合式API——computed 计算属性函数
计算属性基本思想和 Vue2 的完全一致，组合式 API 下的计算属性只是修改了写法 核心步骤： 1. 导入 computed 函数 <script setup> import { computed } from 'vue' </script> 2. 执行函数 在回调参数中 return 基于响应式 ......
【技术积累】《MongoDB实战》笔记（1）
《MongoDB实战》笔记 第一章 为现代Web而生的数据库 特性 mongodb适合做水平扩展的数据库。 mongodb把文档组织成集合，无schema。 索引 mongodb的二级索引是B树实现。 每个集合最多可以创建64个索引， 副本集 mongodb通过副本集（replication set ......
Vue3| 组合式API——reactive 和 ref 函数
Vue中默认的数据并不是响应式的，如果我们希望数据是响应式的，则需要通过 reactive 或者 ref 进行处理。 reactive ()： 作用：接收 对象类型的数据作为参数传入 并返回一个 响应式对象 reactive 不能处理简单类型的数据 reactive 使用步骤： 1. 在 <scri ......
Linux终端常见命令
Linux终端常见命令 ls 查看当前目录 cd noip 跳转到noip文件夹 g++ a.cpp -std=c++14 -O2 -o a 编译a.cpp,生成了一个名为a的文件 （生成的文件没有扩展名，O2大写，-o小写） ./a 运行a more a.out 查看a.out (a.in同理) ......
点分类模型实战
点分类任务 Cora dataset(数据集描述：Yang et al. (2016)) 论文引用数据集，每一个点有1433维向量 最终要对每个点进行7分类任务(每个类别只有20个点有标注) # 点分类任务 import torch.nn from torch import nn from torc ......
图分类任务实战
图分类任务 前期准备 这回咱们拿到的不是一个图，而是一堆图(188个) 对这些图整体进行分类任务，数据集概述如下： import torch # 导入TUDataset，这是一个用于加载图数据集的类。 from torch_geometric.datasets import TUDataset #分 ......
Vue3| 组合式 API——setup 选项
组合式 API：一系列函数，有时需要调用这些函数编写组件逻辑。 setup 是组合式 API 的入口，先写 setup，才能往里边写组合式 API 的函数 setup 的执行时机会比 beforeCreate 生命周期钩子还要早，因此 setup 函数中获取不到 this setup 选项的写法：（ ......
vue项目中上传文件失败记录
页面请求报【Failed to load resource: net::ERR_CONNECTION_ABORTED】错误，查了下是文件过大导致上传失败，element-ui本身没有大小限制，最后排查是Nginx默认是上传一个不能超过1M大小的文件 # 设置客户端传文件通过nginx大小 clien ......
【前端开发】前端使用Tailwind CSS写样式效率翻倍
vite+Vue项目配置教程 配置地址：https://tailwind.nodejs.cn/docs/guides/vite 中文文档：https://tailwind.nodejs.cn/docs/installation 说明：使用Tailwind CSS可省略写繁琐的css代码，通过用cla ......
Vue3 - watch 监听路由状态变化切换下一个页面 watch 函数还在执行
描述 你可能会通过 watch 函数监听路由变化，当路由参数发生变化之后，重新调用 fetchData 获取数据渲染页面。即，同路由页面切换。 但是，遇到了 A 页面切换到 B 页面时，A 页面的 watch 会被触发，导致报错。这是因为进入其他页面之前，你没有清除这个 watch 监听。 虽然随着 ......
《Hive性能优化实战》读书笔记
写在前面 《Hive性能优化实战》是比较不错的一本hive技术书籍，介绍了hive相关的一些技术，一些基本的理论，看完能对hive优化方面略有了解； 但有俩地方每种不足，一是没有那么多的实际的综合情况分析优化案例，这个有点可惜，要是多几个案例就很不错了；而是执行计划部分大多数 整本书最吸引人的地方在 ......
【前端开发】前端开发都应该知道的vueuse
前言：我们在写项目业务时进场会要封装一些工具函数，经常会遇到重复造轮子现象，这里给大家普及下vueuse，是基于Vue组合式API的实用工具集。 比如如下简单的几个例子： useDateFormat 时间格式处理函数 useTimeAgo 几小时/上周前等 处理函数 useMouse 获取鼠标位置 ......
Vue3| create-vue 脚手架工具
create-vue 是 Vue 官方新的脚手架工具，底层切换到了 vite（下一代构建工具），为开发提供极速响应 使用 create-vue 创建项目： 1. 前提环境条件： 已安装 16.0 或更高版本的 Node.js（node -v） 2. 创建一个 Vue 应用：npm init vue ......
Spring Boot + Redis 延时双删功能，实战来了！
一、业务场景 在多线程并发情况下，假设有两个数据库修改请求，为保证数据库与redis的数据一致性，修改请求的实现中需要修改数据库后，级联修改Redis中的数据。 请求一：A修改数据库数据 B修改Redis数据 请求二：C修改数据库数据 D修改Redis数据 并发情况下就会存在A —> C —> D ......
【前端开发】vue3+vite项目部分优化
1、使用rollup-plugin-visualizer 可视化分析包 npm i rollup-plugin-visualizer -S 在vite.config.js中引入 在 plugins里面 然后执行npm run build就自动打开可视化分析 2 、 CDN加速 在vite.confi ......
vue实例挂载以及模板解析过程
抽空看了下vue源码，记录下new Vue()的过程。 在package.json中运行命令添加sourcemap,打包后在源码案例目录下创建新的html文件，运行后可以在控制台断点调试 测试代码 <script src="../../dist/vue.js"></script> <div id=" ......
什么是断点续传？前端如何实现文件的断点续传
什么是断点续传？ 就是下载文件时，不必重头开始下载，而是从指定的位置继续下载，这样的功能就叫做断点续传。 断点续传的理解可以分为两部分：一部分是断点，一部分是续传。断点的由来是在下载过程中，将一个下载文件分成了多个部分，同时进行多个部分一起的下载，当某个时间点，任务被暂停了，此时下载暂停的位置就是断 ......
开课吧前端1期.阶段4-1：Markdown，git
Markdown 工具： 1.markdown——程序员专用，写笔记 文档(建议) Atom工具插件： Markdown Preview Plus *使用方法 # 一级标题 ## 二级标题 ### 三级标题 - 列表（零序列表） ``` 代码 ```sql 代码 代表一条线 | | 表格 版本控制 ......
vue实现高亮搜索查询加上下箭头移动定位的功能
在文档中查找 {{ num 0 ? "没有任何结果" : indexNum + 1 + "/" + num }} 上一个 下一个 < > --> <ul class="left-tools"> <li class="title">钢联数据智能版帮助手册</li> <li v-for="item in ......
vue2/3 防抖
//vue2 optionsAPI data:{ timeout:null }, methods:{ debounceFn(val){ if(this.timeout !== null){ clearTimeout(this.timeout); } this.timeout = setTimeout ......
渗透测试高级技巧（二）：对抗前端动态密钥与非对称加密防护
在前文的技术分享中，我们描述了验签和静态对称加密（静态密钥 AES）的常见场景，大家我相信遇到类似的加解密清醒，基本都可以通过热加载的基本使用获得破解前端加密解密的方法，达到一个比较好的测试状态。 在本文中，我们在保持同样的通用适配度的同时，将会来接触更加复杂的前端加密与解密场景： 动态密钥：无法通 ......
第八章、web前端架构师
目录十六、编辑器服务端基础API开发1、技术方案设计和基本功能开发2、技术方案设计3、接口设计4、Restful API vs GraphQL5、数据库设计6、server架构设计7、技术方案设计8、基本功能开发9、登录功能10、用户信息接口11、作品管理接口12、模板接口十七、编辑器服务端调用第三 ......
前端如何使得两个项目之间通信，window.open + postMessage
一、背景 由于公司内部需求不断加大，一个项目无法满足，多个项目直接需满足互相通信，则需要解决跨域传递消息的问题 二、两个项目之间如何通信，如何解决解决跨域传递消息 1. A.html ( https://www.a.com ) <div @click="goDetail('参数id')">传递信息< ......
宝塔部署Java+Vue前后端分离项目
1. 购买服务器 服务器选择Linux的CentOS7的版本 2. 宝塔Linux面板 2.1 百度搜索宝塔 2.2 进去之后点击立即免费安装 2.3 选择Linux在线安装，输入服务器信息进行安装(也可以选择其他方式) 安装完成之后会弹一个宝塔的应用面板，并附带有登录名称和密码，这个要自己记下来的 ......