前端开发
-
uniapp原生scanCode扫码h5端不支持，要在h5端使用扫码需要引入第三方插件或者使用微信的jdk来实现，这里我使用的第三方组件进行实现 使用方式 插件文档写的有，以下是我写方式进行引入 在页面中引入 import mumuGetQrcode from '@/uni_modules/mumu-getQrcode/components/mumu-getQrcode/mumu-getQrcode.vue' components: { mumuGetQrcode }, <mumu
2024-11-19 -
简介：讲解 HttpServletRequest和表单提交实战 使⽤用jsp编写form表单提交UserServlet, doPost⾥里里⾯面调⽤用doGe <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %> <!DOCTYPE html> <html> <head> <title>简易 JSP 示例</title> </head> <body> <form ac
2024-11-19 -
先说一下模糊查询 在方法上写的SQL是跟数据库里边的不一样，这里果断入坑了。 来个MySQL例子： 模糊查询user中的name： select * from user where name like ‘%你想查的数据%’; 在SSM里这样写会出错，如下： 正确写法： @Select(“select * from user where name like CONCAT(‘%’,#{name},’%’)”) 里边的#{name}就是你想查的数据 上代码 mapper.java //查询所有帖子列
2024-11-19 -
前言 在实际开发中，大部分分页都是配合后端完成的。但是，有时候并不是这样，并非不是这样。后端会一次性返回所有的数据，而我们前端不可能展示所有数据，而是弄一个分页效果。还有一些场景也是需要前端自己弄的分页，如：上传一个Excel表格展示到要页面，当表格的数据足够多，我们也需要弄一个分页效果。 现在，我就带大家用数组中的slice方法在Vue中实现前端分页效果。 原理 实现前端分页并不难，用需要用到数组的一个方法slice，看看官网对这个方法的介绍：s
2024-11-19 -
1.this.$ router outsideLink () { let {href}= this.$router.resolve({ path: "/newLinkPage", }); window.open(href, '_blank'); } 2.this.$ router.go(n)， 该方法采用一个整数作为参数，表示在历史堆栈中前进或后退多少步，类似window.history.go(n)。 this.$ router.go(1
2024-11-19 -
效果图如上所示： 下面直接上代码： 解决步骤1：给table添加指定id——id="containerId" 解决步骤2：给指定列添加一个固定的className，并绑定id 比如上图中，我并没有每一列都支持框选选中，只有【编号】一列是有效的，所以只要框选的内容包含【编号】一列，则就可以实现功能 <template #code="{ record }"> <div class="item" :data-id="record.id">{{ record.code }}</div> </temp
2024-11-19 -
前言 Vue框架现在基本上已经占据了前端的半壁江山，Vue的数据驱动和组件化的思想深入人心。Vue全家桶可能很多小伙伴都比较熟悉，在工作上也用得比较得心应手。但是今天讲的Vue中这个Mixin的用法我相信还有很多小伙伴不知道或者没有用过，或者有些小伙伴接手别人的Vue项目时看到里面有个Mixin文件夹，也会用，但是一直都是云里雾里的状态，今天我们就好好聊聊Mixin，争取以后不在犯迷糊。 1. 什么是Mixin？ 想要使用一个事物或者工具，我们首要先了解它是什么，这样我们才好对症下药。 其实Mi
2024-11-19 -
引言： 在 CSS 中，link 和 @import 都可以用来引入外部样式表，但它们之间有一些重要的区别。 1. 解析时机 link 元素在 HTML 解析时被加载。@import 规则在 CSS 被加载时才被应用。 2. 优先级 link 元素的样式在页面加载时应用。@import 规则的样式在页面完全加载后应用。 3. 兼容性 link 元素是 HTML 标准的一部分，所有浏览器都支持。@import 规则是 CSS 2.1 引入的，在早期的 Internet Explorer 浏览
2024-11-19 -
1.卸载原有的node-sass与sass-loader npm uninstall node-sass sass-loader 2.升级项目所有安装的依赖 npm update 3.安装sass-loader（10.x版本）与sass(我的webpack版本是5.10.0) npm install -D sass-loader@^10 sass 4.再次打包会报错Error: SassError: expected selector； 这是因为项目中样式有用 /deep/ ；如果使用 less
2024-11-19 -
上下左右边框交界处呈现平滑的斜线。利用这个特点，通过设置不同的上下左右边框宽度或颜色，可以得到小三角、梯形等。调整宽度大小可以调节三角形形状。 实现三角形 示例1： CSS Code复制内容到剪贴板 #test1{ height:20px; width:20px; :#FF9600 #3366ff #12ad2a #f0ed7a; :solid; :20px; } 示例2： 在上面的基础
2024-11-19