前端 终端 实战vue
前端优化之路：打包文件拆包、增加哈希值
【前言】 前面对项目打包做了优化处理，但是还不够完美，有两点可继续优化 生成的chunk-vendors文件过大，压缩后仍然超过1M 开发、测试环境生成的js文件，未带哈希值 问题1：如果在弱网环境下，会造成首次白屏时间过长 问题2：容易产生同名文件，造成浏览器缓存 出于以上两点考虑，故而需继续对项 ......
ubuntu18.04 终端无自动补全功能解决办法
1、打开文件sudo vim /etc/bash.bashrc （root下操作） 2、找到下面几行 将它注释掉 if ! shopt -oq posix; then if[ -f /usr/share/bash-completion/bash_completion];then . /usr/sha ......
vue 配合后端请求异步加载APP.vue
主要是想在加载路由什么的之前先请求一些配置参数，毕竟我的情况是首页要根据不同的配置显示不同的路由组件 一般加载App.vue是这么写的 import { createApp } from 'vue' import App from './App.vue' createApp(App).mount(' ......
JavaWeb - Day02 - JS、Vue
01. JS-介绍 什么是JavaScript? JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互。 JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。 JavaScript 在 1995 年由 B ......
Vite4+Typescript+Vue3+Pinia 从零搭建(6) - 状态管理pina
项目代码同步至码云 weiz-vue3-template pina 是 vue3 官方推荐的状态管理库，由 Vue 核心团队维护，旨在替代 vuex。pina 的更多介绍，可从 pina官网 查看 特点 更简洁直接的 API，提供组合式风格的 API 支持模块热更新和服务端渲染 对TS支持更为友好 ......
前端加密破解
前端加密破解 https://blog.csdn.net/qq_44159028/article/details/121780172 破解思路 先在F12中找到源文件，全局搜索(ctrl+shitf+f)查找aesKey，分析存在的文件，找到加密的思路。然后将加密部分放到下面工具中即可。 工具 js ......
机器学习-学习率：从理论到实战，探索学习率的调整策略
本文全面深入地探讨了机器学习和深度学习中的学习率概念，以及其在模型训练和优化中的关键作用。文章从学习率的基础理论出发，详细介绍了多种高级调整策略，并通过Python和PyTorch代码示例提供了实战经验。 关注TechLead，分享AI全维度知识。作者拥有10+年互联网服务架构、AI产品研发经验、团 ......
springboot~构建webjars类型的前端jar包
webjars类型的前端jar包 我们可以将公用的js,css,html,vue,shtml打包成一个jar，然后在其他项目中引用，这样就不用每个项目都去引用一遍了，这样就可以实现前端的公用了。 1.创建一个maven项目，添加依赖和插件 <dependencies> <!-- 依赖webjars- ......
Java开发者的Python快速实战指南：实用工具之PDF转DOCX文档（可视化界面）
pdf转docx文档是一个非常实用的功能，我只是简单地实现了一个可视化界面供用户操作。我这么做的目的之一是想更多地掌握gradio的使用方法，同时也加强对Python流行第三方包的熟悉程度，因为这些第三方包是快速开发的关键。我也希望你能从中有所收获，我已经公布了本期的源码地址，如果你觉得还不错，或者... ......
uniapp+vue3 优惠券样式
效果如图： template部分： <view class="item"> <view class="box"> <view class="content"> <view class="head">优惠券</view> <view class="content-box1"> <view class= ......
[Vue] vue学习笔记 (7): vue内置指令和自定义指令
内置指令 v-bind 单向绑定解析表达式，简写为:xxx v-model 双向数据绑定 v-for 遍历数组/对象/字符串 v-on 绑定事件监听，简写为@xxx v-if 条件渲染，动态控制节点元素是否存在 v-else 条件渲染，动态控制节点元素是否存在，与v-if一起用 v-show 动态控 ......
基础lucksheet实现前端导出excel文件
文章参考：https://blog.csdn.net/csdn_lsy/article/details/107179708 1.引入两个插件，其中exceljs负责将lucksheet的数据格式转化成excel的buffer流，file-saver负责将buffer转成blob文件流导出。 npm ......
MobaXterm：集一体化的终端工具
MobaXterm 是一款功能强大的终端工具，集成了多种常用的远程连接协议和工具。它为开发人员、系统管理员和网络工程师提供了一个便捷的工作环境，使得管理服务器、调试代码和远程访问设备变得更加简单和高效。 随着信息技术的快速发展，远程访问和管理服务器成为了现代工作环境中的重要任务。而在这个领域中，Mo ......
记录--前端实习生的这个 bug 被用做了一道基础面试题
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 测试发现了一个问题，简单描述问题就是通过函数删除一个数组中多个元素，传入的参数是一个数组索引。 然后发现实际效果有时删除的不是想要的内容。 具体 Bug 代码实现: const arr = [1,2,3,4,5,6,7]; cons ......
给 Web 前端工程师看的用 Rust 开发 wasm 组件实战
本文先介绍了 wasm-pack 官方的教程，还有其他组件测试、发布等的流程先不在这里介绍了。以下用一个实际开发中的模块来说一下开发 wasm 组件过程中遇到的问题和解决方法。 ......
nginx 前端页面 403 解决
前段页面显示这样 解决方法 关闭安全策略 sudo setenforce 0，进行尝试，看是否是这个影响 如果生效了，能正常访问了，需要进行sudo setenforce 1,打开安全策略，如果关闭会导致系统不安全. 然后运行 sudo semanage fcontext -a -t httpd_s ......
关于vue如何在本地直接运行打包后的网页
使用npm run build可以对vue项目进行打包 生成文件夹dist，里面的html只能放在服务器查看效果，在本地打开会报错 这是因为vue-cli打包时，默认的publicPath路径是 '/' 只需要在vue.config.js文件中将publicPath路径改为 './' 或 '' 如果 ......
新建vue项目，并引入element ui和axios的步骤
一、新建vue项目 （1）win+R进入命令行 使用cmd （2）切换到需要创建vue项目的盘符下 直接D:就能切换到D盘 （3）使用vue ui指令 进入图形化创建vue项目的界面（注意在创建项目的时候，命令行不能关闭） 之后就在浏览器的界面中进行创建 点击下方的“在此创建新项目” （4）进入创建 ......
windows下nginx部署vue项目
下载windows最新版nginx https://nginx.org/en/download.html 修改nginx配置文件 location / { #root 对应的就是在服务器上前端资源的dist目录的全路径，即代表根路径 #root C:/nginx-1.25.3/html/dist; ......
vue路由局部刷新-局部页面刷新达到和F5刷新一样的注销
1.静态路由页面加上这一条 { path: "/redirect/:path(.*)", component: () => import("@/views/redirect/index.vue") }, 2.点击事件的vue方法里面用 router.replace({ path: "/redirec ......
vue3 setup 父组件向子组件传递参数、方法|子组件向父组件传递数据,函数
https://blog.csdn.net/qq_27517377/article/details/123163381 https://blog.csdn.net/qq_27517377/article/details/123166367 vue3 setup 父组件向子组件传递参数 <templa ......
前端导出后端返回的数据流为xlsx文件
后端返回格式为PK开头 exportMonitor({ids:idsList}).then((res:any)=>{ const link = document.createElement('a') let blob = new Blob([res], { type: 'application/vn ......
手写类似于BetterScroll样式的左右联动菜单 uni-app+vue3+ts （使用了script setup语法糖）
注意：在模拟器用鼠标滚动是不会切换光标的，因为使用的是触摸滑动。【自定义类型贴在最后了】 script 部分如下： import { onMounted } from 'vue' import type { orderDetail } from '@/types/category' import t ......
vue3标准化开发
pnpm安装 一些优势：比同类工具快 2倍 左右、节省磁盘空间... https://www.pnpm.cn/ 安装方式：npm install -g pnpm 创建项目：pnpm create vue ESLint & prettier 配置代码风格 环境同步： 安装了插件 ESlint，开启保存 ......
vue3使用::v-deep深度选择器不生效
会出现 ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>.的报错 ：：v-depth用作组合子已被弃用。使用：dee ......
layui.table组件排序问题解决：前端排序、后端排序、保留筛选条件排序
layui.table组件排序问题解决：前端排序、后端排序、保留筛选条件排序 - 微构网络 (csweigou.com) 前端排序 table.render({ elem: '#table' /*其他参数......*/ ,autoSort: true ,initSort: { field:'id' ......
Java开发者的Python快速实战指南：探索向量数据库之图像相似搜索-文字版
在开始讲解之前，我想给大家介绍一个很有用的第三方包，它就是gradio。如果你想与他人共享你的机器学习模型、API或数据科学工作流的最佳方式之一，可以创建一个交互式应用，让用户或同事可以在浏览器中试用你的演示。而gradio正是可以帮助你在Python中构建这样的演示，并且只需要几行代码即可完成！ ......
CAN总线设计---CAN节点的电容、CAN终端电阻、CAN总线共模电感/共模扼流圈
CAN的传输速度最大可达到1Mbps，它通过差分方式跟总线连接。 1.CAN节点的电容： 汽车CAN总线设计规范对于CAN节点的输入电容有着严格的规定，每个节点不允许添加过多容性器件，否则节点组合到一起后，会导致总线波形畸变，通讯错误增加。具体如表 1所示。为汽车测试标准GMW3122中的输入电容标 ......
解决云电脑无法使用本地终端连接的USB设备
云计算技术的广泛应用已经改变了我们对计算资源的使用方式。云电脑作为云计算的一个重要应用场景，提供了一种将计算资源从本地转移到云端的解决方案。通过云电脑，用户可以在任何地方使用云服务提供商的计算资源，而无需购买和维护自己的硬件设备。然而，在使用云电脑时，有时候我们可能会遇到无法使用本地终端连接的USB... ......