远方的原-CSDN博客

可以灵活地修改请求路径。除了重置为空字符外，也可以使用其他路径进行替换，比如将。后端给的接口地址可以用postman跑通，但是我的浏览器始终404。1.很多时候我们在启动一个新项目的时候，需要通过。属性用于对请求的路径进行重写或替换。在使用反向代理进行路径重写时，配置。表示进行替换后的路径为空。开头的路径，而空字符串。选项去解决跨域问题。

2023-07-25 10:32:58 1400

是Axios中的一个配置选项，用于指定服务器响应的数据类型。，即Axios会自动将服务器返回的JSON数据解析为JavaScript对象。标签，将文件的URL和文件名设置为其属性，然后将其添加到页面中。(1)定义了一个函数，它接受两个参数：文件的URL和要保存的文件名。如果你需要获取其他类型的数据，可以通过设置。例如，如果你需要下载一个二进制文件，可以将。标签的点击事件，浏览器会自动下载文件。(2)该函数创建一个隐藏的。(3)下载完成后，我们将。

2023-05-29 15:59:30 658

原创使用原生js实现按钮的全选功能，简单清晰

1.相信有很多朋友在学习前端原生JS的时候，都有遇到过实现全选按钮的需求吧。废话不多说直接上代码吧！2.其实实现这个功能不难，我们需要有的是实现这个功能时候的编码思想。

2022-07-04 10:26:33 584 1

原创简单总结一下几种继承的方法，简单易懂

1.原型链继承。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />

2022-03-11 13:37:34 629

原创 VScode 开发Vue EsLint和Format 保存冲突问题

将下面配置写到setting.json 里面：{ "eslint.codeActionsOnSave": true, // 每次保存的时候将代码按eslint格式进行修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, "editor.formatOnSave": true, "editor.formatOnType": true, "eslint.nodePat

2022-02-21 17:28:32 450

原创 Duplicate keys detected: ‘0‘. This may cause an update error.found in

1.最近遇到了这个问题，在网上查了下解决方法。这是我一开始写的东西： <view class="phone" v-for="(item,index) in list" :key="index"></view>后来将key值修改了下,就可以了<view class="phone" v-for="(item,index) in list" :key="'info-'+index"></view>...

2022-02-15 10:41:49 453

原创 uniapp中如何隐藏scroll-view的滚动条

1.我们在使用uniapp的scroll-view组件的时候，它经常会出现滚动条，如下图所示。2.那么我们该如何去解决呢？首先我们找到项目的App.vue文件然后在style标签里面添加如下代码，这样一来，可以根据不同平台控制不同标签的属性。<style> /*每个页面公共css */ /* 解决小程序和app滚动条的问题 */ /* #ifdef MP-WEIXIN || APP-PLUS */ ::-webkit-scrollbar { display:.

2022-02-13 13:08:08 15502

原创使用webpack5打包图片资源文件，简单易操作

1.首先我们需要下载一些插件资源。npm i html-webpack-plugin style-loader css-loader less-loader html-loader file-loader -D2.我们准备几张图片，放在一个文件夹中，引用到index.html文件中。3.index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

2022-01-27 14:52:33 2616 1

原创使用webpack打包样式文件，以及html文件

1.首先我们npm下载一些需要用到的插件资源。npm i html-webpack-plugin -D

2022-01-27 11:06:34 1795

原创 webpack5入门,根据官方文档简单学习，简单总结

1.了解webpack首先，webpack 是一个用于现代 JavaScript 应用程序的静态模块打包工具。其次它会在内部从一个或多个入口点构建一个依赖图，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。2.了解基本概念a.入口(entry):指webpack应该使用哪个模块来作为构建其内部依赖图的开始。进入入口起点后，webpack 会找出有哪些模块和库是入口起点（直接和间接）依赖的。b.输出(output):路径webpack

2022-01-26 15:46:57 892

原创 ValidationError: Invalid options object. Less Loader has been initialized using an options object...

1.大家在react中配置了less可能会出现下图的错误，这是因为less版本太高了，我们需要降一下版本。2.我们可以去package.json文件中去修改下less-loader的版本3.然后执行下yarn命令就可以了yarn...

2022-01-18 17:07:30 3021

原创如何在react中安装并配置less，简单易用。

1.首先我们需要暴露webpack配置项yarn eject执行了上面的指令后大家应该可以看到暴露出来的文件夹如下图2.安装一下less相关的依赖：npm i less less-loader --save3.接下来就是配置环节：先打开webpack.config.js文件（需要配置三个地方）4.在文件中按住Ctrl+F进行搜索，首先搜 style files regexes找到位置后添加如下代码const lessRegex = /\.less$/;...

2022-01-18 16:51:27 3722 1

原创如何配置react的代码格式化，简单实用

不知道大家遇到过一个问题没有，就是在写react代码的时候。格式化文档会报错，格式不正确。比如说这样：那么我们该如何去解决这个问题呢1.首先我们先找到设置中setting 2.向里面添加一段代码 "[javascriptreact]": { "editor.defaultFormatter": "esbenp.prettier-vscode" },3.配置默认格式化程序，选择第一个即可...

2022-01-12 19:03:30 2214

原创斐波拉契数列通过JavaScript实现，简单易懂

第一种 function fb1(n) { if (n <= 2) { return 1; } else { return fb1(n - 1) + fb1(n - 2); } } let str = ''; for (let i = 1; i < 11; i++) {

2022-01-10 15:35:18 484

原创节流与防抖，使用ES6中的箭头函数来实现

1.说到节流防抖，相信大家都不陌生吧，其实之前我就有实现过，大家可以去看我的另外一篇文章节流与防抖链接，我在这里面使用es5实现的。

2022-01-10 09:37:03 1326

原创关于ES6中新增的Array方法，简单总结，十分实用

1.Array.from 将类数组转化成数组 <ul class="div"> <li></li> <li></li> <li></li> <li></li> </ul>获取节点 let res = document.querySelectorAll('.div li') let

2022-01-08 10:07:40 1897

原创单行文本溢出和多行文本溢出，如何加省略号

1.单行省略 .single{ width: 100px; height: 40px; background-color: aquamarine; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }2.多行省略 .double

2022-01-07 11:30:05 252 1

原创关于npm指令以及淘宝镜像的总结，方便实用

1.如何去查看npm 的地址npm config get registry2.查看npm的版本npm -v3.npm设置淘宝镜像npm config set registry https://registry.npm.taobao.org4.取消淘宝镜像npm config delete registry5.升级npm版本npm install -g npm6.升级npm到指定的版本npm -g install npm@版本号7.下载cnpm

2022-01-05 11:44:41 422

原创微信小程序中使用vant框架，方法步骤清晰，简单适用

1.说到vant框架相信大家应该并不陌生了吧，做过移动端开发的小伙伴们应该都知道它吧。2.Vant 是有赞前端团队开源的移动端组件库，于 2017 年开源，已持续维护 4 年时间。Vant 对内承载了有赞所有核心业务，对外服务十多万开发者，是业界主流的移动端组件库之一。3.我们废话不多说，直接进入今天的主题。我们该如何在微信小程序中去使用vant组件库呢！首先我们先打开vant weapp网站，这里我将网站地址给大家。Vant Weapp 网址大家打开网站后呢，点击快速上手。上面就有步骤

2022-01-03 17:14:13 40071 16

原创如何去除微信小程序里面的button按钮边框

1.今天在做小程序项目的是后遇到了一个问题，就是我使用了button按钮，但是它会显示边框，我怎么都去不掉，不知道这个样式问题大家遇到过没有。2.后来通过查阅资料找到了两种解决方法 2.1 一种：因为button的样式是通过button::after设置的，所以我们可以修改它去解决。button::after{ border: none;}2.2二种:首先我们给button按钮加上plain属性，属性值为true <button plain="true">&l

2021-12-31 13:06:44 14292 8

原创闭包的最简单的理解，三分钟学会闭包

1.其实闭包很简单的，看到网上有很多种说法，但是结果都是大同小异的。首先说一下我个人对闭包的理解，我认为闭包就是函数嵌套函数，其中被return到外面的内部函数就是闭包。2.举个例子 function outFun() { let a = 10; return function inerFun() { console.log(a); } } let

2021-12-19 15:28:14 290

原创 git版本回退的命令，分别是远程和本地的版本回退

1.查看远程分支：git branch -a2.git本地版本回退:Git reset --hard commit_id(可用 git log –oneline 查看)3.git远程版本回退:git reset --hard HEAD~1git push --force

2021-12-11 11:07:33 513

原创 VsCode的终端设置为git-bash环境，最新版VsCode设置

1.相信大家都遇到过这样的问题，就是在vscode里面打开终端的时候，系统默认打开的是powershell的环境。而我们想要打开的是bash，那么我们该怎么去做呢2.首先我们点击vscode的左下角的设置按钮，然后找到设置。就可以看到下面的页面3.点击右上角的图标，进入settings.json文件，就可以看到下面的页面。4.然后找到bash对象，也就是我标记的地方，将这个路径修改为你电脑里面bash的路径即可。5.设置好了之后就重启一下vscode，打开终端点击...

2021-12-05 15:43:25 3748 3

原创 Vue组件的创建与使用，描述简单，容易学习

1.学过或者正在学习vue的小伙伴一定十分清楚，组件在vue框架里面的重要性吧组件可以扩展 HTML 元素，封装可重用的代码。组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树：现在让我们一起来学习如何创建和使用vue的组件吧，在创建组件之前先引入vue.js。2.全局组件<!DOCTYPE html><html lang="en"><head> <meta charset="UT

2021-12-04 15:29:15 585

原创用Vue框架实现一个tab栏，切换不同的图片。

1.首先我们需要了解的是vue这个框架，它是一个渐进式的框架！2.vue2.0版本是2016年发布的！3.还有一大堆的指令这里我就不一一的给大家描述了，如果大家感兴趣的话，可以去vue的官方网站看看，Vue官网地址。4.现在我们直接进入正题，首先给大家看看这个tab切换栏的案例。1.说到tab栏切换，相信大家都知道是怎么一回事吧，就是切换点击上面的选项卡，下面的图片也跟着切换。2.tab栏的切换可以用原生JS去实现，也可以通过jQuery实现。但是今天我要使用vue去实现它，我觉得.

2021-11-28 22:03:06 3432

原创简述map、foreach、filter、以及reduce方法

首先我们先定义个数组然后再去写不同的方法。 let arr = [{ userName: "jack", password: "112", score: 10 }, { userName: "jack", password: "112", score: 12 }, { password: "

2021-11-27 14:57:03 224

原创 Please enter a commit message to explain why this merge is necessary，git所遇到的这个问题如何去解决呢

相信大家遇到过这个问题，其实解决这个问题很简单！就那么几步！1.首先我们可以按一下键盘的i键，进入insert模式2.按键盘左上角"Esc"键，然后输入：wq 回车就可以了

2021-11-24 19:58:27 304

原创初次使用git上传项目，教你一步步上传文件，经验分享

1.首先我们需要了解的是Git 是一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。2.Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。3.Git 与常用的版本控制工具 CVS, Subversion 等不同，它采用了分布式版本库的方式，不必服务器端软件支持。一、首先我们需要去git的官网下载一下git！1.这里我提供下git官网的地址：https://git-scm.com/。、2.下载到本地后就进行傻瓜

2021-11-20 11:01:25 9360

原创自己实现一个new关键字，并运用起来

1.谈到new关键字，我一般会联想到它的作用，总体来说可以分为四步。2.首先是创建一个空对象，然后改变this的指向，指向被创建的对象。然后给构造函数赋值，最后返回一个新的对象！3.这里呢我就使用apply去改变this的指向，并让参数以数组的形式进行传递！砸门废话不多讲！直接上代码吧。 // 创建并实现属于自己的new关键字 function myNew(fn, ...args) { let obj = {} fn.ap

2021-11-11 19:40:55 854

原创使用node.js爬虫，爬取电影信息，并存储到数据库

1.在进入正式内容之前首先我们需要了解一下，node.js的由来！Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎。2.现在进入正题，我们在爬取数据前，需要先下载模块，那么怎样下载模块呢？需要使用到npm包管理工具。这里我就不说用法了，如果大家感兴趣的话，可以去查一下怎么使用，其实那些命令不多，使用起来也是比较简单的。3.第一步我们需要做的就是导入模块。// 导入axios模块 cheerio模块const axios = require("a

2021-11-06 16:14:04 1194

原创使用css技术写一个三角形出来（等边或等腰）

1.说到写三角形或许很多人会觉得非常简单，不就是用css样式写嘛，有什么难的呢！但是让你现场真正的去写，你可能会想了又想，这里呢。我给大家提供两种思路。第一种：使用旋转去写。首先给写三个div然后给它设置边框，高默认为0，使用transform属性，然后旋转60度就可以以形成一个等边三角形。源码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> .

2021-11-04 20:42:37 1981

原创箭头函数，ES6新增的好东西，简单分析下

1.说起箭头函数，大家一般会想起什么东西？我觉得大家肯定会联想起ES6吧，es6新增的函数，它的特点想必大家应该都不陌生吧。没有this，不能被new关键字调用，没有arguments对象，没有原型等。这边的话先给大家举一个例子。let boss = { name: "boss", sayHi(){ setTimeout(function(){ console.log('Hello, ', this.name) }, 1000) //

2021-10-31 19:24:28 87

空空如也

空空如也