- 博客(53)
- 收藏
- 关注
RSS订阅原创 history模式下
由上面的知识可以知道，刷新后，浏览器根据当前的url去请求html文件，但是SPA只有一个html文件，所以需要在nginx.conf的对应location里配置一行代码 try_files $uri $uri/ /index.html;告诉nginx如果按顺序检查文件是否存在，若不存在则重定向到index.html文件。解决刷新后出现404的问题。
2024-09-01 13:51:39
150
原创 new set
es6ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}// 2 3 5 4数组去重// 去除数组的重复成员[...new Set(array)]字符串去重[...new Set('ababbc')].join('')//
2022-02-09 14:37:53
917
原创 数据类型相关问题
1.JavaScript 中的基本类型有哪些？以及各个数据类型是如何存储的？javaScript 的数据类型包括原始类型和引用类型(对象类型)。原始数据类型包括StringNumberBooleannullundefinedSymbol引用类型统称为 Object 类型，如果细分的话，分为以下 5 个ObjectArrayDateRegExpFunction数据类型的存储形式栈（Stack）和堆（Heap），是两种基本的数据结构。Stack 在内存中自动分配内存空间的
2022-02-08 09:45:58
281
原创 关于vue3.0 jest
断言内容TodoApp.vue<template> <div></div></template><script>export default { name: 'TodoApp', data() { return { todos: [ { id: 1, text: 'Learn Vue.js 3', completed: fals
2022-01-05 17:59:04
253
原创 获取项目中的全部icon
第一步是本身icon是iconfont.json格式是{ "id": "2989802", "name": "低代码平台", "font_family": "iconfont", "css_prefix_text": "icon-", "description": "FontClass/Symbol 前缀是icon-；Font Family 是iconfont；", "glyphs": [ { "icon_id": "21823886", "nam
2021-12-17 10:36:02
699
原创 export const导出，import导入
获取正则全部方法做下拉框选择比如说ts中export const导出方法export const trainNumber = { reg: '/^[GCDZTSPKXLY1-9]d{1,4}$/', name: '火车车次',}export const IMEI = { reg: '/^d{15,17}$/', name: '手机机身码(IMEI)',}vue 项目中获取全部正则 import导入 function getAllReg(){ import("/@/u
2021-12-17 10:25:10
1262
原创 正则use strict中 的不可使用八进制和不可使用转义字符
前提是正则中包含转译符，项目是严格模式使用${}解决 reg: `${/^\d{1,4}(-)(1[0-2]|0?[1-9])\1(0?[1-9]|[1-2]\d|30|31)$/}`,
2021-12-13 18:06:59
151
原创 对于下载解码header里面的name
获取方式：const fileNameEncode = mydata.headers['content-disposition'].split('filename=')[1];对于获取到的code进行解码1.一种这样带有%，一种是iso8859-12.带有%就用decodeURI(uri) iso8859-1escape/** * @description: 导出文件 */export function exportApi(params: FormData) { retu
2021-11-29 17:02:53
218
原创 关于formdata数组对象传参
let formDatas = new FormData() formDatas.append(`sealLocationInfoList[${index}].posX`,x);
2021-11-25 15:35:18
598
原创 前端生成唯一id UUID
前提前端需要一个唯一的ID通用唯一识别码（英语：Universally Unique Identifier，简称UUID）标题使用插件uuid1.安装npm install uuid --save2.调用import { v4 as uuidv4 } from 'uuid';uuidv4(); 具体查看文档https://www.npmjs.com/package/uuid/v/8.3.0...
2021-09-18 10:42:29
4545
原创 关于深拷贝
1.用 JSON.stringify 把对象转换成字符串，再用 JSON.parse 把字符串转换成新的对象var targetObj = JSON.parse(JSON.stringify(copyObj))let arr4 = JSON.parse(JSON.stringify(arr))但是需要注意的是（1）如果对象里有函数,函数无法被拷贝下来（2）无法拷贝copyObj对象原型链上的属性和方法（3）当数据的层次很深，会栈溢出，比如复杂的树形结构2.Object.assign()拷贝
2021-09-06 14:53:13
173
原创 好用的组件Vue Tags Input 输入框标签
分享一个好用的输入框标签找了好久input tags的标签这个算是比较好看并且文档比较全的组件必须分享❤️文档地址：http://www.vue-tags-input.com/#/然后说一下我根据项目改动的地方和我觉得会比较常用的参数allow-edit-tags：允许编辑标签，定义标签在创建后是否可编辑。max-tags：标签数组允许容纳的最大数量maxlength：允许输入的最大字符数。placeholder：placeholderv-model：无需解释<template&g
2021-09-01 17:39:30
5070
4
原创 git stash 操作
git stash save “save message” : 执行存储时，添加备注，方便查找，只有git stash 也要可以的，但查找时不方便识别。git stash list ：查看stash了哪些存储git stash show ：显示做了哪些改动，默认show第一个存储,如果要显示其他存贮，后面加stash@{$num}，比如第二个 git stash show stash@{1}git stash show -p : 显示第一个存储的改动，如果想显示其他存存储，命令：git stash .
2021-09-01 15:13:56
94
原创 如何使得element-ui input 和select长度一致
相差的是一个iconsuffix-icon=“xxxx” <el-col :span="12"> <el-form-item label="价格：" prop="skuPrice"> <el-input v-model="dialogForm.skuPrice" placeholder="请输入价格" suffix-icon="xxxx" /> </el-form-item>
2021-09-01 15:10:03
2322
原创 二次封装 element-ui里面的table
vue文件<template> <div class="cloud_table"> <el-table :data="tableData" :border="border" :row-class-name="tableRowClassName" :show-overflow-tooltip="showOverflowTooltip" header-cell-class-name="header_table
2021-09-01 14:01:10
81
原创 请求拦截器中对于get的请求参数的处理
service.interceptors.request.use( config => { if (getToken()) { config.headers["Authorization"] = getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改 } config.headers["Content-Type"] = "application/json"; if (config.method === "get") {
2021-08-31 16:35:39
953
原创 vue3.0适用的UI框架
Ant Design Vue官方网站：https://2x.antdv.com/components/overview/BalmUI官方网站：https://next-material.balmjs.com/#/Wave UI官方网站：https://antoniandre.github.io/wave-ui/Vuestic官方网站：https://vuestic.dev/Element+官方网站：https://element-plus.org/#/zh-CNIonic官方网站：h.
2021-08-19 10:29:47
2939
原创 2021最新手机号正则
export function validMobile(mobile) { /** * 目前支持手机号 电信 133,149,153,173,174,177,180,181,189,191,193,199 移动 134,135,136,137,138,139,147,148,150,151,152,157,158,159,172,178,182,183,184,187,188,195,198 联通 130,131,132,145,146,155,156,166,175,17
2021-07-13 17:52:26
1651
2
原创 commitlint规范git提交
先附上文档husky：https://typicode.github.io/husky/#/commitlint：https://github.com/conventional-changelog/commitlint安装cnpm i @commitlint/cli @commitlint/config-conventional husky@4.2.5 -D配置package.json文件package.json文件{ ... "husky": { "hooks": {
2021-06-07 15:04:52
479
原创 移动端，click 点击事件延时与穿透
问题加粗样式 1. 监听元素 click 事件，点击元素触发时间延迟约 300ms。2. 点击蒙层，蒙层消失后，下层元素点击触发。原因为什么会产生 click 延时？iOS 中的 safari，为了实现双击缩放操作，在单击 300ms 之后，如果未进行第二次点击，则执行 click 单击操作。也就是说来判断用户行为是否为双击产生的。但是，在 App 中，无论是否需要双击缩放这种行为，click 单击都会产生 300ms 延迟为什么会产生 click 点击穿透？双层元素叠加时，在上层元素上绑定
2021-06-07 10:36:56
857
原创 moment.js 十二小时制和二十四小时制
moment(time).format(‘YYYY-MM-DD HH:mm:ss’)--------------24小时moment(time).format(‘YYYY-MM-DD hh:mm:ss’)--------------12小时
2021-04-29 14:43:33
1094
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人