草庐IT

vue前端

全部标签

vue项目集成eslint(无需prettier),配合vscode自动检测及手动修复、package.json脚本检测及自动修复

vue项目集成eslint🏆前言:相信同学们肯定纠结过eslint和prettier要不要配合使用,eslint侧重于代码语法和内部错误的校验,而prettier侧重于代码风格格式化,纠结的原因是一方面不想如此复杂地配置,另一方面还得兼容两个插件,避免起冲突,那么本文阐述了摒弃prettier的方案,使用eslint-plugin-vue对vue3项目进行eslint相关配置(vue2项目也可以使用,只不过有些规则上的区别,后面会阐述)。介绍一下两个工具:eslint:eslint是一个可配置的JavaScript检查器。它可以帮助你发现并修复JavaScript代码中的问题。问题可以是任何东

【基于springboot+Vue+Element ui的电影推荐之协同过滤算法简单实现】

基于springboot+Vue+Elementui的电影推荐之协同过滤算法简单实现1.基于用户的协同过滤算法的简单设计与实现1.1获取某个用户的评分矩阵1.2获取该用户与其他用户的相似度矩阵1.3获取两个用户之间的相似度并存储1.4返回推荐列表2.基于物品的协同过滤算法的简单设计与实现2.1计算物品相似度2.2生成推荐列表3.完整的RecommendAlgorithmService文件4.关于改进的思考文件说明:MovieSimilarityDao功能是与电影相似度相关的操作RatingMatrixDao功能是与用户对电影的评分矩阵相关的数据操作SimilarityDao功能是与用户相似度矩

前端基础篇-深入了解 JavaScript(一)

🔥博客主页: 【小扳_-CSDN博客】❤感谢大家点赞👍收藏⭐评论✍     文章目录    1.0JavaScript概述    2.0JS-引入方式    3.0JS-基础语法    4.0JS-数据类型    5.0JS-函数    6.0JS-Array数组    7.0JS-String字符串    1.0JavaScript概述    JavaScript(简称:JS)是一门夸平台、面向对象的脚本语言。使用来控制网页行为,它能够使网页可交互。JavaScript与Java是完全不同的语言,不论是概念还是设计。    脚本语言是不用进行编译处理的,直接交给浏览器解析即可,而Java等编

老板知道会点赞,前端开发人员的10个安全建议

Web安全是前端开发人员经常忽略的主题。当我们评估网站的质量时,我们通常会查看性能,SEO友好性和可访问性等指标,而网站抵御恶意攻击的能力却常常被忽略。即使敏感的用户数据存储在服务器端,后端开发人员也必须采取重要措施来保护服务器,但最终,保护数据的责任在后端和前端之间共享。虽然敏感数据可能被安全地锁在后端仓库中,但前端掌握着前门的钥匙,窃取它们通常是获得访问权限的最简单方法。后端和前端之间共同承担保护用户数据的责任。恶意用户可以采取多种攻击手段来破坏我们的前端应用程序,但是幸运的是,我们只需使用几个正确配置的响应头并遵循良好的开发实践,就可以在很大程度上减轻此类攻击的风险。在本文中,我将介绍1

前端缓存&本地缓存&分布式缓存

常见的缓存有哪些?Mysql一级缓存Mysql二级缓存本地缓存分布式缓存前端h5的sessionStorage前端h5的localStorage1.mybatis一级缓存publicListTrainQueryResp>queryAll(){ListTrain>trainList=selectAll();LOG.info("再查一次");trainList=selectAll();returnBeanUtil.copyToList(trainList,TrainQueryResp.class);}这段代码在查询火车的车次时会查询两次!但是当为该方法加入注解@Transactional,使该方法

微信小程序 uniapp+vue小型酒店客房管理系统

该系统利用Java语言、MySQL数据库,结合目前流行的B/S架构,将昌吉市小型酒店管理的各个方面都集中到数据库中,以便于用户的需要。该系统在确保系统稳定的前提下,能够实现多功能模块的设计和应用。该系统由管理员功能模块、工作人员模块和用户模块组成。不同角色的准入制度是有严格区别的。各功能模块的设计也便于以后的系统升级和维护。该系统采用了软件组件化、精化体系结构、分离逻辑和数据等方法。本文工作内容语言:java+python+nodejs+php均支持框架支持:Ssm/django/flask/thinkphp/springboot/express均支持运行软件:idea/eclipse/vsc

基于卷积神经网络的花卉识别(pytorch框架)【python源码+UI界面+前端界面+功能源码详解】

(一)简介基于卷积神经网络的花卉识别系统是在pytorch框架下实现的,系统中有两个模型可选resnet50模型和VGG16模型,这两个模型可用于模型效果对比。该系统涉及的技术栈有,UI界面:python+pyqt5,前端界面:python+flask 该项目是在pycharm和anaconda搭建的虚拟环境执行,pycharm和anaconda安装和配置可观看教程:超详细的pycharm+anaconda搭建python虚拟环境_pycharm配置anaconda虚拟环境-CSDN博客pycharm+anaconda搭建python虚拟环境_哔哩哔哩_bilibili(二)项目介绍1.pyc

前端基于Verdaccio搭建私有npm仓库,上传npm插件包,及下载使用自己的npm插件包

文章目录一、原理二、常用的仓库地址三、优势四、准备环境六、使用verdaccio搭建私有npm服务1、安装2、运行3、配置config.yaml,使局域网下能共享访问,否则只能本机访问。4、重新运行七、npm常见操作查看当前用户信息查看源地址切换源地址删除源地址创建用户登录发布八、项目使用1、你可以通过以下命令来设置registry。2、你可以在需要时带上--registry参数。3、在你的.npmrc中设置一个registry属性。4、在你的package.json中设置publishConfig九、插件打包1、package.json中新增一条编译为库的命令2、执行打包命令3、打包成功十、

【前端】实现Vue组件页面跳转的多种方式

目录前言1.内嵌2.跳转新页面2.1Demo12.2Demo22.3Demo33.拓展前言通过某个Button让页面多种方式跳转1.内嵌想要在Vue应用中内嵌一个外部网页,可以使用标签下面是一个示例:template>div>iframesrc="https://www.example.com"width="100%"height="500px"frameborder="0">iframe>div>template>script>exportdefault{name:'EmbeddedWebPage',}script>stylescoped>/*在这里添加样式*/style>标签的src属性设

若依报500异常,只有前端没有后端

1.在vue.config.js中target的网址为https://vue.ruoyi.vip,process.env.VUE_APP_BASE_API]:{target:`https://vue.ruoyi.vip`,}2.pathRewrite单引号中加入/prod-apipathRewrite:{'^'+process.env.VUE_APP_BASE_API]:'/prod-api'3.在.env.development中变更VUE_APP_BASE_API='/prod-api'