![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 59
ZGSouth
这个作者很懒,什么都没留下…
展开
-
vite配置eslint
【代码】vite配置eslint。原创 2022-12-02 09:52:40 · 1583 阅读 · 1 评论 -
JSON.stringify如何使用
1.概述一般来说,前端工程师与后端进行交互时,需要定义格式,现在大都使用,以前可能用的XML格式的文件比较多,现在大多数都用JSON格式。但是前端一般定义的都是Object类型的格式,比如let perosn={name: '狗剩'};有时候我们如果嵌入webview中,那么我们需要将其转换为JSON字符串,这时候我们就需要JSON.stringifyJSON.stringify:用来把Object格式转换为JSON字符串JSON.parse`:用来把JSON字符串格式转换为Object格式的原创 2020-12-11 15:14:58 · 358 阅读 · 0 评论 -
vue中的slot如何使用
1.什么是插槽简单理解就是为多余的代码提供位置的地方是一个占位符举个例子(我们定义一个组件Header,然后在另一个组件Main使用它)// 这是MyHedader组件<template> <section> <div class="logo">logon<div> <div class="middle">middle</div> <div class="userInfo">userInfo<原创 2020-12-10 10:26:49 · 332 阅读 · 0 评论 -
前端的正则表达式(持续更新)
1.replacelet regExp = /\{\{(.+?)\}\}/g // g是global的意思,全局替换let str = "他的名字叫{{name}},年纪是{{age}}"let replacedStr = str.replace(regExp,function(res1){ // res1 是字符串中匹配到的 console.log(res1) // {{name}},{{age}} return "hello" // return 将会原创 2020-12-04 15:21:32 · 361 阅读 · 0 评论 -
如何配置devServer
1. devServer简单介绍最简单的理解,就是前端工程师需要进行请求后端提供的接口时,对我们的请求进行拦截和处理的一个中间件基本应用请求后端放置跨域请求错误修改请求的路径2.应用场景加入我们在请求中写的地址是"http://192.168.1.14:8888/user/list",但是我们前端本地起的dev是"http://172.13.12.33:8080",如果此时后端没有开启跨域允许的话,就会出现跨域错误,下面介绍解决方案解决方案(进阶三步曲)A: 最简单原创 2020-11-30 11:09:17 · 4075 阅读 · 0 评论 -
前端如何下载文件和图片
1.总体概述2 一般来说,前端下载文件有两种方式二进制流文件地址3.下面分别介绍这两种方式3.1 二进制流(分两步走)向后端的发送请求 function getBinaryFile(url,params){ return axios({ url: url, // 后端地址 method:'post' , params, responseType: 'blob' // 这个很重要原创 2020-11-26 18:23:24 · 826 阅读 · 0 评论 -
打包vue文件时如何去掉console打印
1.文章背景开发环境:开发时需要知道代码的运行过程,不可避免的需要console来进行代码运行结果的打印来让我们的代码的质量更高生产环境:代码质量都很高了,console存在的意义不复存在了,我们是时候不让它在打包时存在了2.配置if 没有vue.conifg.js 在项目的根目录创建有,修改,修改如下module.exports = { configureWebpack: config => { //生产环境取消 console.log if (process.原创 2020-11-23 11:37:57 · 1489 阅读 · 0 评论 -
如何在webstorm下进行vue项目的断点调试
文章目的:在webstorm下实现像java般的断点调试(从0开始搞起)1.基本环境WebStorm 2017.3.3Google 版本 87.0.4280.66(正式版本) (64 位)Node.js v12.16.3@Vue/cli 4.3.12. 项目搭建# 创建一个默认的vue项目vue add testDebug# 一直next3.配置3步曲(端口要一致:重要)第一步:配置webstorm的端口第二步:配置debug的环境第三步:谷歌浏览器安原创 2020-11-23 11:12:04 · 9227 阅读 · 15 评论