【前端】竖线怎么实现
我想插入一条竖线，怎么写比较好回答不考虑兼容#test:before { content: ''; height: 100%; display: inline-block; vertical-align: middle; border-right: 1px solid black;}border-left 或者 border-right也可以引入一个像素宽的背景图片~1.用border解决。2.用背景图片。3.写一div宽度为1px填充背景颜色。推荐使用before/after...
2024-01-10
前后端分离了，跨域问题怎么处理？
利用Nginx反向代理解决跨域问题使用jsonp 来进行解决，不推荐，老项目可以使用此方案，但是发送的http 请求体有大小限制，并且发送方式为get方式，大小限制、不安全。服务器代理CORS 请求头允许跨域，利用nginx或者php、java等后端语言设置允许跨域请求 header("Access-Control-Allow-Origin:*");//允许所有来源...
2024-01-10
纯JS前端实现分页代码
先给大家展示下效果图，如果大家感觉效果不错，请参考实现代码：因为这是我自己第一次动手用js写分页，写的应该也不是很完美，有些公共的没有抽取出来，但是用起来还是可以的，这块代码是可以把它当做公共的分页去处理的，我就是用这块代码写了两个稍微不同一些的分页！公共的代码抽取...
2024-01-10
前端可拖拽的方框怎么实现的呢？
请问一下这种可拖拽大小的方框是怎么做的呢?回答：最后是使用这vue-drag-resize本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。回答：你是否在找：fabricjs。回答：四个角放4个 <div>，接受鼠标事件，拖动的时候就跟着鼠标走。不同的角负责不同的坐标基本就是这样，注意有时候会拖出去，所以要处理好鼠标松开事件回答：用svg做，实现拉伸旋转拖动效...
2024-03-16
基于Vue的前后端分离项目实践
一、为什么需要前后端分离1.1什么是前后端分离 前后端分离这个词刚在毕业（15年）那会就听说过，但是直到17年前都没有接触过前后端分离的项目。怎么理解前后端分离？直观的感觉就是前后端分开去做，即功能和职责上的一种划分，前端负责页面的渲染，部分页面交互的逻辑，然后通过网络请求...
2024-01-10
用户刷微博动态后端是怎么实现的？
以下面图片中的热门栏目下的微博动态为例，用户可以上滑刷新微博动态，和滑到消息最底端继续加载新的微博动态，请问后端大概是怎么个实现方法，如何做到用户每次刷到的都是新鲜的动态，且之前刷到过的动态不会再次出现？请问上滑刷新和下拉刷新的两个操作时同一个接口还是两个不同的接口...
2024-01-10
TP5.1+Vue前后端分离实践
配置： 主域名 www.demo.xyz 二级子域名 api.demo.xyz列表项目其中api.demo.xyz加入了版本控制，使用的是URL路由传入方式在route.php路由文件中配置，如下return [ // api版本路由 ':version/:controller' => ':version.:controller',// 省略方法名时 ':version/:controller/:function' => ':version.:con...
2024-01-10layUI实现前端分页和后端分页
本文实例为大家分享了layUI实现前端分页和后端分页效果，供大家参考，具体内容如下layui后端分页：function pagination(curr,gwayId,mlity,ePart) { $(".manage_ys_list").html('加载中...'); let dd={ conditions: { gatewayId:gwayId, searchText:"", pageSize:15, pageIndex:curr-1 }, iden...
2024-01-10js实现前端分页页码管理
用JS实现前端分页页码管理，可以很美观的区分页码显示（这也是参考大多数网站的分页页码展示），能够有很好的用户体验，这也是有业务需要就写了一下，还是新手，经验不足，欢迎指出批评！首先先看效果图：这是初始页面（也就是第一页）的界面，如果为第一页时，则首页和上一页按钮不可...
2024-01-10
请问前端如何实现分布加载？
像下图这种加载要怎么实现呢，数据还没有出来的时候先有个默认的样式？回答这个叫骨架屏，成熟的 UI 框架通常都会有。可以用样式或者svg实现。提前渲染，异步接口数据拿到后在渲染真实的dom结构。...
2024-01-10vue+elementUI怎么实现前端分页？
事情是这样的，后端接口每页请求返回10条数据给我，但是没有把数据的总条数返回给我，后端说因为数据量大，统计数据的总条数需要很久，耗接口性能，所以让我前端进行分页。但是我前端这边需要获取数据总条数才能进行分页，我想请教一下大家，这种情况怎么解决？可以的话麻烦大家推荐几个相似的案例或者写个小案例给我看一下，麻烦大家了，谢谢如果第一页有10条，第二页有10条，第三页有5条，后端是想让我把每页请求的数据累...
2024-02-07
ruoyi前后端分离框架是怎么做到不写实现类,bean依赖注入的？
最近在学习java,ruoyi框架模仿com.ruoyi.framework.config.MybatisConfig，我的方法会报错显示无法自动装配。找不到 'DataSource' 类型的 Bean。但他的我也没看到有写实体类这是怎么做到的？图一是ruoyi的图二是我的回答：看DruidConfig.java:/** * druid 配置多数据源 * * @author ruoyi...
2024-02-29JS实现前端动态分页码代码实例
思路分析：有3种情况第一种情况，当前页面curPage < 4第二种情况，当前页面curPage == 4第三种情况，当前页面curPage>4此外，还要考虑，当前页码 curPage < pageTotal（总页码）-2，才显示 ...首先，先是前端的布局样式<body> /*首先，在body中添加div id="pagination" */ <div id="pagination"><!-- 后面会在JS中动态...
2024-01-10Vue前后端不同端口的实现方法
前端Vue 8080端口，后端Node.js 8085端口 主要记录下前后端不同端口遇到的问题1、写服务器端程序，我的在(node_proxy/index.js)下app.all('*', function (req, res, next) { res.header('Access-Control-Allow-Origin', req.headers.origin || '*'); res.header('Access-Control-Allow-Headers', 'Content-Type,Conten...
2024-01-10
【前端】css 怎么实现这种凹面效果呢？
如上图所示，怎么实现这‘热门游戏’和‘首页’之间这种凹形效果呢？请大神指教！回答谢邀。可以利用border-radius来实现反向圆角，原理可以参考我之前写的文章用纯css来实现一个优惠券兼容所有支持圆角的浏览器border:500px solid red;//足够大的边框下面是实现demohttps://codepen.io/xboxyan/pe...https://codep...
2024-01-10基于vue实现网站前台的权限管理(前后端分离实践)
Javascript做为当下的热门语言，用途很广泛，从前端到后端处处可见其存在，该技术如今在我们项目内部也大量使用来开发诸如CMS系统以及其他其他一些数据分析系统的前端页面，为此个人非常感兴趣并将其作为帽子卡的扩展内容来进行课余学习。Javascript框架鳞次栉比，但基本原理大致相同，因此选用...
2024-01-10
前后端分离项目的验证码实现（前端Vue，后端TP）
1.TP安装依赖composer require topthink/think-captcha=2.0.*2.生成验证码返回给前端// 生成验证码 public function getCaptcha() { $config = [ // 验证码字符集合 'codeSet' => '0123456789', // 验证码字体大小 'fontSize' => 30, //字体 'fontttf' => '5.ttf', ...
2024-01-10
vue+mockjs 模拟数据，实现前后端分离开发
在项目中尝试了mockjs，mock数据，实现前后端分离开发。关于mockjs，官网描述的是1.前后端分离2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。3.数据类型丰富4.通过随机数据，模拟各种场景。等等优点。总结起来就是在后端接口没有开发完成之前，前端可以用已有的接口文档...
2024-01-10
React / Vue 前后端分离项目实现微信分享教程
小编推荐：Fundebug专注于JavaScript、微信小程序、微信小游戏，Node.js和Java实时BUG监控。真的是一个很好用的bug监控费服务，众多大佬公司都在使用。网上非常多的微信分享例子和教程，但是都不全面，甚至不少错误。自己根据微信官方文档踩了好几个坑才撸成功。痛定思痛，写下这篇文章，详细的告...
2024-01-10
前端页面div上有凹下去的梯形效果怎么实现？
如下图，有个凹下去的tab选择，这个效果用前端应该怎么实现回答：https://segmentfault.com/a/1190000041240388回答：可以试试这个属性clip-path回答：做是可以做，就是会比较麻烦，比如说直接用图片来实现，或者切成多个边角来实现。也可以让ui给你做一个svg，搭配 mask 属性来实现，思路可以参考这篇文章回答：找UI要这个的效果图是最方便快捷的...
2024-02-07
使用若依前后端分离系统，出现对话框偏移的问题
有人遇到过这个问题吗，就是我设置了一个按钮点击后会跳转到其他组件但是跳转回来的时候这个弹框会出现位置上的短暂变化，并且在点击这个按钮的时候也会出现短暂的位置变化回答：问题大概率和前后端分离没关系。题目提供的信息很少，无法直接解决，我说说怎么排查吧。首先，在对话框移动时，查看对话框的css并确定是哪个属性导致的偏移，顺藤摸瓜找到对应的class/style然后，再看class是如何被加上的，比如有...
2024-03-16
多余文字查看更多 怎么实现 移动端
求思路通过js处理截取文字，怎么去判断 文字截取到哪回答：最大的问题是如何让最后一行的文字和「查看更多」刚好排满一整行。一个思路：先把元素里的文字清空，留下「...」和「查看更多」遍历需要裁剪的文字，把文字一个个的放进元素检查元素高度，当元素高度变化了，就说明换行了当第三次...
2024-01-10
前后端分离之后，怎么在用户打开页面的时候就获取登录信息?
前提是已登录前后端分离，当用户打开界面的时候，浏览器请求服务端的 nginx 获取 html+js+css 这些静态文件绘制界面但是这些 html+js+css 可能是 vue 或者 react 编译出来的，本身不包含 user 信息我想到的办法就是，浏览器绘制好了界面之后（或者绘制中），发出 ajax 请求后端 api 接口获取当前用户是谁然后把 user 信息一起绘制到界面上但是我看了 seg...
2024-02-13
《论vue在前后端分离项目中的实践之年终总结》
我是2014年的时候开始了解知道的vue，当时vue还不太成熟，想用但是又怕自己hold不住，况且那时候vue还没有成熟的（路由、验证、ui组件)插件，社区也是不温不火的，再说也没有合适的机遇让我去项目中实践。正好2015年9月离职了去了我朋友的一个移动互联部门，说好的只是做"前端开发"的工作，当时...
2024-01-10
一篇文章告诉你如何实现Vue前端分页和后端分页
目录1：前端手写分页(数据量小的情况下)2：后端分页，前端只需要关注传递的page和pageSize总结1：前端手写分页(数据量小的情况下)前端需要使用slice截取： tableData((page-1)pageSize,pagepageSize)2：后端分页，前端只需要关注传递的page和pageSize3：前端手写分页按钮<body> <div id="app"> <table class="table table-bo...
2024-01-10
