草庐IT

纯前端

全部标签

基于微信小程序+Springboot线上租房平台设计和实现【三端实现小程序+WEB响应式用户前端+后端管理】

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微信小程序项目实战《100套》感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人一、前言介绍:    近年来,我国的社会经济迅猛发展,社会对于房屋租赁的需求也

解决启动vue前端报错:npm ERR! Missing script: “serve“

目录一、遇到问题二、出现报错的两个原因 三、解决办法 一、遇到问题npmERR!Missingscript:"serve"npmERR! npmERR!Toseealistofscripts,run:npmERR! npmrunnpmERR!Acomplet

SpringBoot使用SSE进行实时通知前端

SpringBoot使用SSE进行实时通知前端说明maven依赖SSE工具类代码Controller测试代码测试结果如下:注意将超时时间由原来的0改为30毫秒(L在整数后面表示Long占8字节),会报错。将springboot降为低版本如1.4.2.RELEASE。说明项目有个需求是要实时通知前端,告诉前端这个任务加载好了。然后想了2个方案,一种是用websocket进行长连接,一种是使用SSE(SeverSendEvent),是HTTP协议中的一种,Content-Type为text/event-stream,能够保持长连接。websocket是前端既能向后端发送消息,后端也能向前端发送消息

分享:前端开发使用的各类 AI Copilot 辅助开发

前言现在谁还没用过AI辅助编程工具,通没通网不确定,但一定不是搞开发的。网上各种当生意一样教直接使用的,但是这种方式是不合规的,这里不推荐。为了不再被封,本文会避免使用无关的关键词。虽然因为种种原因,无法直接使用。但现如今,已经有的很多合规方式可以让我们稳定使用了。主要就是使用第三方应用/工具/插件,光明正大、间接使用。注意:基于个人使用经验以及开发习惯,AI对话是个很不错的“工具人”,它的水平很大程度上不取决于它自身,而取决于你的水平、你描述问题的清晰与准确程度。虽然它可以非常强大,但不要过分沉迷于它。尝试获取某个问题的解决方案时,查阅权威的技术文档等常规措施也是必不可少的。另外,国产竞品例

前端UI库样式穿透问题解决

文章目录前言随着前端框架的兴起,程序员是越来越懂得利用工具,各种层出不穷的前端UI组件库应运而生,大大减少了程序员对于制作页面需要花费的时间,把时间更专注于业务的逻辑开发,但是应该定制好的组件库固然方便,但是这样大家就会开到千篇一律的组件,高度定制的网站设计反而少了许多,因此为了解决这个问题,初学者对组件内的样式进行修改的问题是非常有必要的!!目录文章目录前言一、样式穿透是什么?二、使用步骤1.引入库(以AntdesignVueUI库为例)2.使用组件3.修改方式1.只需部分单页面组件修改,在scoped下     2.全局引入总结一、样式穿透是什么?样式穿透,即对封装好的组件的样式进行修改,

前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。通过组件化开发,可以有效实现单独开发,单独维护,而且他们之间可以随意的进行组合。大大提升开发效率低,降低维护成本。组件化对于任何一个业务场景复杂的前端应用以及经过多次迭代之后的产品来说都是必经之路。组件化要做的不仅仅是表面上看到的模块拆分解耦,其背后还有很多工作来支撑组件化的进行,例如结合业务特性的模块拆分策略、模块间的交互方式和构建系统等等。今天给大家介绍的一款组件是:前端Vue自定义精美上下滚动通告栏组件常用于展示公

前端小知识Day5

1、数组快速去重//此方法仅适用于基本数据类型组成的数组constarr=[1,2,3,4,5,6];constarr2=newSet(arr);constarr3=[...arr2];2、数组一些常用的方法push()向数组末尾添加一个或多个元素返回新数组的长度letarr=[1,2,3];arr.push(4,5);console.log(arr);//(5)[1,2,3,4,5]unshift()向数组的开头添加一个或多个元素返回新数组的长度letarr=[1,2,3];arr.unshift(4,5);console.log(arr);//(5)[4,5,1,2,3]pop()删除数组

前端大文件分段上传;控制接口并发数量

说明:使用axios方式上传,文件不能过大,因为过多的连续Ajax请求会使后台崩溃,接口报错;所以使用分段上传的方式,减轻服务器的压力。其实就是将文件变小,也就是通过文件资源分块后再上传。问题1:谁负责资源分块?谁负责资源整合?前端负责分块,服务端负责整合.问题2:前端怎么对资源进行分块?首先是选择上传的文件资源,接着就可以得到对应的文件对象File,而File.prototype.slice方法可以实现资源的分块,当然也有人说是Blob.prototype.slice方法,因为Blob.prototype.slice===File.prototype.slice.问题3:服务端怎么知道什么时

前端:css less语法 /deep/ 深度影响的用法

css中通常会在style标签内添加 scoped 来避免父组件对子组件的影响,添加了之后只能修改当前组件的样式。这样做的原理是通过在打包的时候给每个样式都添加一个独一无二的hash值,从而避免父组件对子组件的样式的影响。添加后控制台显示的样式就会像这样:  设置了上述scoped的话,如果想要在父组件中修改子组件的样式时应该怎么样做呢?如果去掉scoped的话就会影响全局样式,但是加上scoped又不能在当前组件修改子组件的样式,这个时候就可以使用/deep/了。/deep/表示深度选择器用法: 注:除了/deep/以外,>>> 和 ::v-deep也可以实现同样的效果注意:/deep/只能

前端Vue自定义tabbar底部tabbar凸起tabbar兼容苹果刘海屏小程序和APP

前端Vue组件化开发:自定义tabbar组件的设计与实现  兼容苹果刘海屏小程序和APP摘要:随着前端开发技术的不断发展,组件化开发成为了提高开发效率和降低维护成本的有效手段。本文将介绍一款基于Vue的前端自定义tabbar组件的设计与实现,该组件具有单独开发、单独维护以及灵活组合的优点。通过结合业务特性的模块拆分策略、模块间的交互方式和构建系统等,来实现复杂业务场景下的高效开发。本文还将详细阐述tabbar组件的实现过程,包括设计思路、关键技术、性能优化及应用场景等方面的讨论。一、引言在前端开发中,界面的设计是至关重要的。一个美观、易用、稳定的底部tabbar可以极大地提升用户的使用体验。然