实现一个类似掘金Style的markdown目录(js编写文章) 一、锚点设置makdown中的#，##，##组成的标题经过marked等工具转化渲染到网页中会成变成h标签，所以当拿到文章详情页后可以从中抽离出所有的目录标签即h1，h2，h3…const toc: string[] = data.content.match(/<[hH][1-6]>.*?</[hH][1-6]>/g) // 通过正则的方式复制代码拿到这些标题之后就可以进行锚点的设置。在H5中关于锚点的做法很多，我们会采用下面这种做法进行设计：①：设置一个锚点链接 去找喵星
JS对金额的处理（保留两位小数位， 每隔三位添加‘，’） function Money(value, num) {num = num > 0 && num <= 20 ? num : 2;value = parseFloat((value + “”).replace(/[^\d.-]/g, “”)).toFixed(num) + “”; //将金额转成比如 123.45的字符串var valueArr = value.split(".")[0].split("").reverse() //将字符串的数变成数组const valu
vue使用promise、async、await 2分钟让你记住(必看) Promise返回一个对象，这个对象的构造函数里面可以传入函数，函数的第一个参数是一个回调函数，即成功的回调函数。函数的第二个参数也是回调函数，失败的回调函数。这个对象可以.then().catch(),所以可以写成new Promise().then().catch()，也可以写成var a = new Promise(); a.then().catch();Promise构造函数的参数是一个函数，函数里面的代码是异步的，即Promise里面的操作，和Promise()外面的操作时异步"同时"进行的，
前端input输入框, type类型是number 输入小数会提示“请输入有效值,两个最接近的有效值为0,1”问题, 请看解决方案 在用到表单里，发现把鼠标移到type="number"的input框上时有时候会显示“请输入有效值,两个最接近的有效值为0,1”的提示，代码里面并没有这个提示，发现只有当输入小数时会出现提示，原来是浏览器默认输入整数，如果要输入小数需要修改步长，比如将step设为0.1。...
关于通过前端xslx解析excel日期少一天原因 关于通过前端xslx解析excel日期格式数据转化问题以及自定义时间格式YYYY-MM-DD转化const workbook = XLSX.read(data, {type: “binary”,cellDates: true,//设为true，将天数的时间戳转为时间格式}定义一个转换日期格式的方法（转成日期格式：YYYY-MM-DD）注意的点：xlsx将excel中的时间内容解析后，会小一天如2020/11/3，xlsx会解析成 Mon Nov 02 2020 23:59:17 GMT+08
vue下载表格 兼容ie 绝对好使 这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入axios ( {method : ‘post’,url : api.exportPlayTime , // 请求地址
纯前端使用vue如何导出表格 1、 安装依赖安装依赖xlsx，file-savernpm install --save xlsx file-saver2.在组件中引入import FileSaver from ‘file-saver’import XLSX from ‘xlsx’3.添加下载方法#out-table为table节点的idoutTab () { /* generate workbook ob...
前端使用ElementUI +Vue table表头添加tooltip悬浮提示框 <el-tableempty-text=“正在加载中…”:data=“contentList”style=“width: 100%”@sort-change=“sort”class=“pro-table-item”tooltip-effect=“dark” <template v-for="(item,index) in titleList"> <...
前端表格无限滚动 使用安装npm install --save el-table-infinite-scroll1全局引入import Vue from ‘vue’;import elTableInfiniteScroll from ‘el-table-infinite-scroll’;Vue.use(elTableInfiniteScroll);1234局部引入123456...
react如何使用react-router-dom路由 import React from ‘react’;// 引入hashHistoryimport {HashRouter, Route, Switch, hashHistory} from ‘react-router-dom’;import Home from ‘./v/home.jsx’;import Mine from ‘./v/detail’;const BasicRoute = ...
react中如何跳转路由 通过a标签跳转a href=’#/detail’>去detail</a通过函数编程import {HashRouter, Route, Switch, hashHistory} from ‘react-router-dom’;<button onClick={() => this.props.history.push(‘Mine’)}>通过函数跳转...
前端如何创建 react脚手架 1分钟就能创建成功 (1)npm install -g create-react-app(2)create-react-app my-app(3)cd my-app(4)npm start
前端页面使用表格文字超出30字后显示省略号 1.设置过滤器filters: {ellipsis(value) {if (!value) return “”;if (value.length > 30) {return value.slice(0, 30) + “…”;}return value;}},2.使用过滤器el-table-column label=“题干” width=“600”template sl...
前端使用Element-ui表格内容过长时候,添加悬浮效果 1.el-table是有这个控制属性的：:show-overflow-tooltip=“true”2.悬浮颜色覆盖.el-tooltip__popper{max-width:20%;}.el-tooltip__popper,.el-tooltip__popper.is-dark {background:#f5f5f5 !important;color: #303133 !import...
前端生成唯一id解决SessionId不一致 在项目开发中我们常需要给某些数据定义一个唯一标识符，便于寻找，关联。node-uuid模块很好的提供了这个功能。https://github.com/broofa/node-uuid/使用起来很简单，两种：1、uuid.v1(); -->基于时间戳生成 （time-based）2、uuid.v4(); -->随机生成 (random)通常我们使用基于时间戳 v1() ...
关注
