摘要:
背景 需要校验用户输入的内容和我们要求的内容保持一致,比如:签合同的时候需要用户根据我们的内容进行手抄 效果图 实现代码 <template> <div class="app"> <h1> 功能1:根据输入的内容去匹配正文,输入的内容显示在"输入内容"中,如果匹配正确的话则使用绿色标识,错误的的话使 阅读全文
摘要:
效果图 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <titl 阅读全文
摘要:
背景 实现对table中的某一列文本内容进行复制 代码 需求:表格中只有"姓名"列可以复制,其他列不能复制 <template> <div class="app"> <h1>App Page</h1> <el-table :data="tableData" border style="width: 阅读全文
摘要:
最终效果 场景 有的时候我们需要根据服务端返回的数据来导出excel表格 优化一:设置单元格样式 比如:可以调节背景色、字体样式、border xlsx基础库不提供样式设置,可以使用xlsx-js-style库,这个库是xlsx库的fork版本,并添加了样式定义 详细样式可以查看https://gi 阅读全文
摘要:
参考文档 https://juejin.cn/post/7067801027549855757#heading-0 https://blog.csdn.net/impossible1994727/article/details/92623174 阅读全文
摘要:
效果 背景 在大屏或者其他需要对数字设置千分位的分隔符(比如:151234数字展示成 151,234)或者 数字在变化时进行滚动的变化。 使用 安装 npm i vue-count-to demo <template> <div class="app"> <h1> 当前数值: <countTo :s 阅读全文
摘要:
效果图 未转换前: 转换后: 背景 平常开发的时候使用px作为样式单位,但是在不同的屏幕尺寸下不能自适应,我们希望项目中所有使用到的px单位都转换成vw单位 使用步骤 安装 npm i postcss-px-to-viewport -D 在项目根目录下创建postcss.config.js modu 阅读全文
摘要:
使用场景 在HTML5的新规范中,实现了 Web Worker 来引入 js 的 “多线程” 技术, 可以让我们在页面主运行的 js 线程中,加载运行另外单独的一个或者多个 js 线程 一句话:Web Worker专门处理复杂计算的,从此让前端拥有后端的计算能力 相关链接 https://mp.we 阅读全文