【前端】竖线怎么实现
我想插入一条竖线，怎么写比较好回答不考虑兼容#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
前端可拖拽的方框怎么实现的呢？
请问一下这种可拖拽大小的方框是怎么做的呢?回答：最后是使用这vue-drag-resize本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。回答：你是否在找：fabricjs。回答：四个角放4个 <div>，接受鼠标事件，拖动的时候就跟着鼠标走。不同的角负责不同的坐标基本就是这样，注意有时候会拖出去，所以要处理好鼠标松开事件回答：用svg做，实现拉伸旋转拖动效...
2024-03-16
基于Vue的前后端分离项目实践
一、为什么需要前后端分离1.1什么是前后端分离 前后端分离这个词刚在毕业（15年）那会就听说过，但是直到17年前都没有接触过前后端分离的项目。怎么理解前后端分离？直观的感觉就是前后端分开去做，即功能和职责上的一种划分，前端负责页面的渲染，部分页面交互的逻辑，然后通过网络请求...
2024-01-10
纯JS前端实现分页代码
先给大家展示下效果图，如果大家感觉效果不错，请参考实现代码：因为这是我自己第一次动手用js写分页，写的应该也不是很完美，有些公共的没有抽取出来，但是用起来还是可以的，这块代码是可以把它当做公共的分页去处理的，我就是用这块代码写了两个稍微不同一些的分页！公共的代码抽取...
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-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-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-29Vue前后端不同端口的实现方法
前端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-10JS实现前端动态分页码代码实例
思路分析：有3种情况第一种情况，当前页面curPage < 4第二种情况，当前页面curPage == 4第三种情况，当前页面curPage>4此外，还要考虑，当前页码 curPage < pageTotal（总页码）-2，才显示 ...首先，先是前端的布局样式<body> /*首先，在body中添加div id="pagination" */ <div id="pagination"><!-- 后面会在JS中动态...
2024-01-10
【Vue】为什么说前后端分离不利于seo
最近刚做了一个vue的多页面项目，但是在网上看到很多人说前后端分离不利于seo，原理是为什么呢？难道前端写好静态页面丢给后端进行服务端渲染这样有利于seo优化吗？还有另外我想问一下逻辑操作是放在前端处理还是后端进行处理？比如机票排序，是前端对数据进行排序处理，然后再用js渲染页面...
2024-01-10
vue+mockjs 模拟数据，实现前后端分离开发
在项目中尝试了mockjs，mock数据，实现前后端分离开发。关于mockjs，官网描述的是1.前后端分离2.不需要修改既有代码，就可以拦截 Ajax 请求，返回模拟的响应数据。3.数据类型丰富4.通过随机数据，模拟各种场景。等等优点。总结起来就是在后端接口没有开发完成之前，前端可以用已有的接口文档...
2024-01-10基于vue实现网站前台的权限管理(前后端分离实践)
Javascript做为当下的热门语言，用途很广泛，从前端到后端处处可见其存在，该技术如今在我们项目内部也大量使用来开发诸如CMS系统以及其他其他一些数据分析系统的前端页面，为此个人非常感兴趣并将其作为帽子卡的扩展内容来进行课余学习。Javascript框架鳞次栉比，但基本原理大致相同，因此选用...
2024-01-10
前后端分离，本地联调，前端本地怎么访问后端本地服务？
前后端分离，本地联调，前端本地怎么访问后端本地服务？回答：连同一个 Wifi，查询本地 IP，你们两个可以互相访问，然后用IP+后端端口访问即可。本地IP一般前端控制台会给出：回答：一般只需要在同一个局域网环境中，IP互相能够访问，后端服务方配置了相应端口开放的安全策略，就可以利用服务协议://后端IP:开放端口/类似的方式进行访问联调。至于相应的信息如何获取，一般来说IP地址可以查询网络配置...
2024-03-14
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
多余文字查看更多 怎么实现 移动端
求思路通过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-10SSM框架前后端信息交互实现流程详解
一、从前端向后端传送数据常见的3种方式1、form表单的action：此方法可以提交form表单内的输入数据，也可同时提交某些隐藏但设置有默认值的<input>，如修改问题时，我们除了提交问题的相关信息，还需要将用户的编号提交给后端，此时就可以设置一个默认值为用户编号的<input>,并将其隐藏2、<a>标签...
2024-01-10
请问这样的数据源怎么用代码实现拆分？
演示代码链接：https://pan.baidu.com/s/1v9LBRDxdRq-vTj-ru7tilA提取码：c553<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DataSplitDemo.aspx.cs" Inherits="Develop_BBS_DataSplitDemo" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="serve...
2024-01-10
