自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(67)
  • 收藏
  • 关注

原创 小程序使用getUserInfo获取用户信息失败

1.使用getUserInfo wx.getUserInfo({ success: (res) => { console.log(res); this.setData({ userInfo: res.userInfo }) }, fail: (err) => { console.log(err); } }) },获取得到的信息:也就是不能获取用

2022-04-23 22:02:20 10894

原创 freeCodeCamp的JS数据结构五道算法(一)

1. 回文检查器如果传入的字符串是回文字符串,则返回 true。 否则返回 false回文 palindrome,指在忽略标点符号、大小写和空格的前提下,正着读和反着读一模一样。注意:检查回文时,你需要先去除所有非字母数字的字符(标点、空格和符号),并将所有字母都转换成大写或都转换成小写。我们会传入具有不同格式的字符串,如 racecar、RaceCar 和 race CAR 等等。我们也会传入一些包含特殊符号的字符串,例如 2A33a2、2A3 3a2、2_A33#A2。1.1 想法已

2022-04-18 20:50:29 529

原创 JS算法(三)

1.爬楼梯1.思想2.JS代码2.爬楼梯2.1 思想2.2 JS代码3.爬楼梯3.1 思想3.2 JS代码4.爬楼梯4.1 思想4.2 JS代码5.爬楼梯5.1 思想5.2 JS代码6.爬楼梯6.1 思想6.2 JS代码7.爬楼梯7.1 思想7.2 JS代码8.爬楼梯8.1 思想8.2 JS代码9.爬楼梯9.1 思想9.2 JS代码10.爬楼梯10.1 思想10.2 JS代码...

2022-04-10 18:15:18 1202

原创 NodeJS(四)Express 接口实例

系列文章目录NodeJS(三)Express 实践文章目录系列文章目录前言一、Express 接口实例1.1 创建基本的服务器1.2 创建 API 路由模块1.3 编写 POST 接口1.4 编写 GET 接口二、CORS 跨域资源共享2.1 接口的跨域问题2.2 什么是 CORS2.3 CORS 的注意事项2.4 使用 cors 中间件解决跨域问题前言前面已经了解了 Express 的创建web服务器的基本方法,今天来进行接口实例的编写。一、Express 接口实例1.1 创建基本的服

2022-04-08 15:26:47 1321

原创 NodeJS(三)Express 实践

系列文章目录NodeJS(三)path+http 模块实践文章目录系列文章目录一、什么是 Express1.1 Express的概念1.2 为什么有了HTTP模块还要用Express ?二、 Express 的基本使用2.1 创建基本的 Web 服务器总结一、什么是 Express1.1 Express的概念官方的概念:Express 是基于 Node.js 平台,快速、开放、极简的 Web 开发框架。通俗的理解:Express 的作用和 Node.js 内置的 http 模块类似,是专门用

2022-04-07 20:27:51 285

原创 NodeJS(三)path+http 模块实践

系列文章目录NodeJS(二)预备知识+fs 实战文章目录系列文章目录前言一、path模块1.1 回顾相对类路径的使用1.1.1 相对类路径的使用方法1.1.2 相对类路径出现的问题1.2 什么是 path 路径模块?1.3 path 路径模块的使用1.3.1 path 路径模块的导入1.3.2 路径拼接1.3.3 获取路径中的文件名1.3.4 获取路径中的文件扩展名二、http 模块1. 回顾什么是客户端、什么是服务器?2. 什么是 http 模块?3. 创建 web 服务器3.1 创

2022-04-07 15:46:42 277

原创 NodeJS(二)预备知识+fs 实战

系列文章目录NodeJS(一)通俗理解 NodeJS文章目录系列文章目录前言一、工欲善其事必先利其器1.1 Node.js 环境的安装1.2 明确Node.js 的学习路径二、预备知识2.1 命令行终端命令:2.2 Node 文件基础2.2.1包(package)2.3 JS 语法知识基础2.3.1 模块化2.3.2 模块的引用2.3.2模块的定义2.3.3 模块的标识三、 fs 实战3.1 什么是 fs 文件系统模块3.2 fs 文件系统模块的使用3.2.1 导入 fs 模块,来操作文件3.2.

2022-04-07 13:47:00 840

原创 NodeJS(一)通俗理解 NodeJS

文章目录前言一、nodeJS是什么?二、nodeJS之前的主流是什么?三、为什么要用nodeJS?总结前言nodeJS一、nodeJS是什么?Node.js 是一个基于 V8 JavaScript 引擎构建的 JavaScript 运行时(runtime)。官网:http://nodejs.cn/也可以理解为用JavaScript写的服务端平台,能运行在服务端的框架。二、nodeJS之前的主流是什么?NodeJS是近年来比较火的,这一方面得益于其在后端处理高并发的卓越性能,另一方面在no

2022-04-06 19:53:13 9049

原创 webpack构建项目(四)webpack六大配置模块

系列文章目录webpack构建项目(三)性能优化文章目录系列文章目录前言一、entry二、output三、module四、resolve五、devServer六、optimization总结前言前面已经大致学习了webpack并且已经有了一定的实战经验,下面来深入理解 webpack的五大核心概念。一、entry单入口打包形成一个chunk。 输出一个bundle文件。此时chunk的名称默认是 main `entry:'./src/index.js'`多入口所有入口

2022-04-05 19:56:30 792 1

原创 webpack构建项目(三)性能优化

系列文章目录webpack构建项目(一)框架搭建webpack构建项目(二)打包实战文章目录系列文章目录前言接下来会一个个的去介绍这些方法一、开发环境性能优化1.1 优化打包构建速度1.1.1 HMR1.2 优化代码调试1.2.1 source-map二、生产环境性能优化2.1 优化代码运行2.1.1 文件资源缓存2.1.2 code split2.1 .3 懒加载 与 预加载2.1.4 PWA2.1 .5 tree shaking2.2 优化打包构建速度2.2.1 oneOf2.2.2

2022-04-05 19:13:08 640

原创 webpack构建项目(二)打包实战

1.准备工作1.1初始化package.jsonnpm init1.2下载命令行工具npm install webpack webpack-cli -gnpm install webpack webpack-cli -D1.3 创建文件1 ) build文件夹2 ) src文件夹:创建入口文件 index.js3 )package.json配置webpack“dev”: “webpack-dev-server” // script节点下的脚本,可以通过 npm run 执行

2022-04-05 16:11:48 641

原创 webpack构建项目(一)框架搭建

0. 准备工作1 )Windows 操作系统2 )下载nodejs环境 (官网 :https://nodejs.org/zh-cn/)3 )淘宝镜像源 (控制台执行命令:npm install -g cnpm --registry=https://registry.npm.taobao.org)4 )VScode编码环境1.新建工程1.1 打开VScode 新建文件夹WebpackTemp,在控制台执行npm init -y生成默认 package.json 配置文件;(package

2022-04-05 11:12:55 634

原创 浅谈axios

1. 预备知识1.1 前后台交互的基本过程前台应用从浏览器向服务器发送HTTP请求(请求报文)。后台服务器接收到请求,并调度应用处理请求,像浏览器返回HTTP响应(响应报文)浏览器接收到响应,解析显示响应体。1.2 HTTP请求报文2. 什么是axios?前端最流行的ajax请求库.文档:http://www.axios-js.com/zh-cn/docs/2.1 axios的特点基于promise的封装XHR的异步ajax请求库浏览器端/node端都可以使用支持请求/响应拦截

2022-04-04 22:25:34 2315

原创 浅谈Ajax

1. 什么是Ajax(Asynchronous Javascript and XML)?略答:一种更新网页的技术。简答:在无需重新加载整个网页的情况下,能够更新部分网页的技术。通俗易懂的说:就是没用AJAX技术的网页,你点一个按钮就要刷新整个页面,尽管新页面上只有一行字和当前页面不一样,但你还是等待页面刷新。用了AJAX之后,你点击,只有需要更新的部分刷新,不用整个页面刷。1.1 Ajax全称Ajax全称: Asynchronous Javascript and XML ,即异步的JS和XM

2022-04-04 19:52:22 643

原创 async和await

1.async函数1.1 async函数概述async函数是使用async关键字声明的函数。async函数是AsyncFunction构造函数的实例, 并且其中允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为,而无需刻意地链式调用promise。async函数还可以被作为表达式来定义。1.2 async函数语法async function name([param[, param[, ... param]]]) { sta

2022-04-04 16:58:47 672

原创 ES6的promise(期约)

1. promise(期约)是什么?一种异步程序执行的机制。ECMAScript 6 新增的引用类型 Promise,可以通过 new 操作符来实例化。创建新期约时需要传入执行器(executor)函数作为参数。1.1 promise状态1.1.1 promise的状态是私有的promise的状态是私有的,不能直接通过 JavaScript 检测到,也不能被外部 JavaScript 代码修改。这主要是为了避免根据读取到的promise状态,以同步方式处理promise对象。promise故

2022-04-04 14:41:20 335

原创 跨域的几种方案

文章目录1. 跨域1.1什么是跨域?1.2为什么跨不过去?1.3跨域原理2.跨域的方法2.1 JSONP2.1.1 实现原理2.1.2 实现代码2.1.3缺点2.2 document.domain + iframe跨域2.2.1 实现原理2.2.2 实现代码2.2.3 缺点2.3 window.name2.3.1 实现原理2.3.2 实现代码2.4 CORS2.4.1 实现原理2.4.2 实现代码2.5 proxy代理2.5.1 实现原理2.5.2 实现代码2.6 WebSocket protocol2.6

2022-04-02 23:59:20 1118

原创 通俗易懂理解TCP/IP和UDP

1.TCP三次握手第一次握手:建立连接时,客户端发送syn包(syn=j)到服务器,并进入SYN_SENT状态,等待服务器确认;SYN:同步序列编号(Synchronize Sequence Numbers)。第二次握手:服务器收到syn包并确认客户的SYN(ack=j+1),同时也发送一个自己的SYN包(syn=k),即SYN+ACK包,此时服务器进入SYN_RECV状态;第三次握手:客户端收到服务器的SYN+ACK包,向服务器发送确认包ACK(ack=k+1),此包发送完毕,客户端和服务器进入E

2022-04-01 23:13:47 2647

原创 用vscode右键打开文件夹

看到别人可以右键用vscode打开文件夹,我却是拖动文件夹vscode。用着很不舒服,那就来配置一番吧!搜了网上的一般有两个方法,重装vscode,把可以右键打开的选项勾上。更改注册表。第一种我觉得比较繁琐,所以用了第二种。1 找到路径:\HKEY_CLASSES_ROOT\Directory\Background\shell这个路径里果然没有vscode,根本不像别人说的,可以把%1改成%V。那就自己写一个吧。1 )新建文本文件,在文件中写入代码,如下:(注意更改自己的路径,是安

2022-03-30 10:20:39 1788 1

原创 JS算法(二)

1.爬楼梯1.思想2.JS代码var climbStairs = function(n) { let dp = []; dp[0] = 0,dp[1] = 1,dp[2] = 2; for(let i = 3;i <= n;i++){ dp[i] = dp[i-2] + dp[i-1]; } return dp[n];};2.爬楼梯2.1 思想2.2 JS代码3.爬楼梯3.1 思想3.2 JS代码4.爬楼梯4.1 思想

2022-03-29 17:21:07 1410

原创 node : 无法将“node”项识别为 cmdlet、函数、脚本文件或可运行程 序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后 再试一次。

1. 问题报错用vscode调试JS时出现如下错误:2. 出现原因是因为我把HTML文件误删了,导致整个JS文件里没有能进行控制台输出。但是在调试过程中,我使用了console.log() 方法。VScode 又找不到网页文件,所以报错。3. 解决方法3.1添加HTML文件3.1在HTML文件中导入js文件4.控制台运行成功s= [2, 3, 1, 0, 2, 5, 3] console.log(s); ...

2022-03-29 11:16:35 1382

原创 Git 报错:Large file detected(Git LFS解决)

传了一个200+MB的文件到GitHub报了如下错误:顺着它的提示下载了Git LFS,下面是操作步骤:1 .LFS 的基础设置1.去官网下载2.在要传的文件目录下右键 Bash here3.开启 LFS 功能:git lfs install4.选择要 Git LFS 管理的文件或扩展类型扩展类型:git lfs track "*.文件类型"指定文件: git lfs track "文件名.文件类型"5. 添加.gitattributes追踪标记git add .g

2022-03-28 19:57:24 881

原创 JS算法(一)求出数组、字符串中第一个只出现一次的索引及数组、字符串转换方法

1 .取字符串第一个只出现一次的字母//取a-z字符串中第一个只出现一次的字母function firstUniqueChar(arr){ var obj={}, //存储每个字母出现的次数 字母:次数 len=arr.length; for(var i=0;i<len;i++){ if(obj[arr[i]]){ obj[arr[i]]++; //存在次数+1 } else {

2022-03-28 19:33:55 872

原创 VScode 报错 :crbug/1173575, non-JS module files deprecated.

在调试程序时,VScode 运行报错如下:且无法访问网页:settings.json 的配置如下:原因:因为下载了live server ,settings.json里的端口号配置必须要和live server 的端口号一样,才能利用live server打开网页。解决方法:1 . 找到live server的端口号,在右下方的信息提示下2. 修改settings.json的端口号如下:"version": "0.2.0", "configurations": [

2022-03-28 13:47:46 4997

原创 python报错:[9880] failed to execute script

1. 打包游戏,dist中的exe闪退,看不清错误是什么。用视频录制件录屏后发现错误码如下:2. 根据报错内容,scoreboard.py的18行出现了问题:错误原因已经标了高亮。3. 解决问题:就是在字体设置的时候“None”,无法被翻译,所以导致报错,把“None”改为系统字体,这里改为了’SimHei’在查阅资料的时候,发现别的人遇到的问题是:图片的路径问题。写的相对路径不对,必须得写绝对路径。)PS:这时候游戏还只能在自己的电脑上用,也是因为图片路径问题。在自己的电脑上的路径,和别人

2022-03-27 20:19:15 3579

原创 前端学习之vue+element-ui电商项目(十)echarts数据图表

文章目录0. 准备工作1.搜索与添加1.1 界面样式1.2 数据添加1.3 方法实现2.搜索与添加2.1 界面样式2.2 数据添加2.3 方法实现3.搜索与添加3.1 界面样式3.2 数据添加3.3 方法实现4.搜索与添加4.1 界面样式4.2 数据添加4.3 方法实现5.搜索与添加5.1 界面样式5.2 数据添加5.3 方法实现6.搜索与添加6.1 界面样式6.2 数据添加6.3 方法实现7.搜索与添加7.1 界面样式7.2 数据添加7.3 方法实现0. 准备工作component下新建文件夹powe

2022-03-25 17:20:04 908

原创 前端学习之vue+element-ui电商项目(九)订单管理

文章目录0. 准备工作1.搜索与添加1.1 界面样式1.2 数据添加1.3 方法实现2.搜索与添加2.1 界面样式2.2 数据添加2.3 方法实现3.搜索与添加3.1 界面样式3.2 数据添加3.3 方法实现4.搜索与添加4.1 界面样式4.2 数据添加4.3 方法实现5.搜索与添加5.1 界面样式5.2 数据添加5.3 方法实现6.搜索与添加6.1 界面样式6.2 数据添加6.3 方法实现7.搜索与添加7.1 界面样式7.2 数据添加7.3 方法实现0. 准备工作component下新建文件夹powe

2022-03-25 17:10:29 2265

原创 前端学习之vue+element-ui电商项目(八)商品信息添加

文章目录0. 准备工作1.搜索与添加1.1 界面样式1.2 数据添加1.3 方法实现2.搜索与添加2.1 界面样式2.2 数据添加2.3 方法实现3.搜索与添加3.1 界面样式3.2 数据添加3.3 方法实现4.搜索与添加4.1 界面样式4.2 数据添加4.3 方法实现5.搜索与添加5.1 界面样式5.2 数据添加5.3 方法实现6.搜索与添加6.1 界面样式6.2 数据添加6.3 方法实现7.搜索与添加7.1 界面样式7.2 数据添加7.3 方法实现0. 准备工作component下新建文件夹powe

2022-03-25 16:47:13 3062

原创 前端学习之vue+element-ui电商项目(七)商品分类

文章目录0. 准备工作1.搜索与添加1.1 界面样式1.2 数据添加1.3 方法实现2.搜索与添加2.1 界面样式2.2 数据添加2.3 方法实现3.搜索与添加3.1 界面样式3.2 数据添加3.3 方法实现0. 准备工作component下新建文件夹power下新建文件Roles.vue,并在路由中引入文件1.搜索与添加1.1 界面样式1.2 数据添加1.3 方法实现2.搜索与添加2.1 界面样式2.2 数据添加2.3 方法实现3.搜索与添加3.1 界面样式3.2 数据添加3.

2022-03-25 16:02:19 2319

原创 前端学习之vue+element-ui电商项目(六)分类参数

文章目录0. 准备工作1.搜索与添加1.1 界面样式1.2 数据添加1.3 方法实现2.搜索与添加2.1 界面样式2.2 数据添加2.3 方法实现3.搜索与添加3.1 界面样式3.2 数据添加3.3 方法实现0. 准备工作component下新建文件夹power下新建文件Roles.vue,并在路由中引入文件1.搜索与添加1.1 界面样式1.2 数据添加1.3 方法实现2.搜索与添加2.1 界面样式2.2 数据添加2.3 方法实现3.搜索与添加3.1 界面样式3.2 数据添加3.

2022-03-25 15:31:42 298

原创 前端学习之vue+element-ui电商项目(五)商品列表

文章目录0. 准备工作1.搜索与添加1.1 界面样式1.2 数据添加1.3 方法实现2.搜索与添加2.1 界面样式2.2 数据添加2.3 方法实现3.搜索与添加3.1 界面样式3.2 数据添加3.3 方法实现0. 准备工作component下新建文件夹power下新建文件Roles.vue,并在路由中引入文件1.搜索与添加1.1 界面样式1.2 数据添加1.3 方法实现2.搜索与添加2.1 界面样式2.2 数据添加2.3 方法实现3.搜索与添加3.1 界面样式3.2 数据添加3.

2022-03-25 15:06:09 2261

原创 前端学习之vue+element-ui电商项目(四)角色列表

文章目录0. 准备工作1.界面布局1.1 导航界面样式2.角色界面卡片试图2.1 界面样式2.2 数据添加2.3 方法实现3.添加角色的对话框3.1 界面样式3.2 数据添加3.3 方法实现4.修改用户的对话框4.1 界面样式4.2 数据添加4.3 方法实现5.分配权限的对话框5.1 界面样式5.2 数据添加5.3 方法实现6 展示0. 准备工作component下新建文件夹power下新建文件Roles.vue,并在路由中引入文件1.界面布局1.1 导航界面样式 <!-- 面包屑导航区域

2022-03-25 14:11:26 677

原创 前端学习之vue+element-ui电商项目(三)权限管理

文章目录0. 准备工作1.页面布局1.1 界面样式2.导航布局3.卡片视图3.1 界面样式3.2 数据添加3.3 方法实现0. 准备工作component下新建文件Rights.vue,并在路由中引入文件1.页面布局1.1 界面样式2.导航布局<el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/home'}">首页</e

2022-03-25 13:44:58 1379

原创 前端学习之vue+element-ui电商项目(二)用户界面

文章目录0. 准备工作1.页面布局1.1页面框架1.2 框架内容1.2 .1面包屑导航区1.2 .2卡片视图区2.搜索与添加2.1 界面样式2.2 数据添加2.3 方法实现3.用户列表区3.1 界面样式3.2 数据添加3.3 方法实现4.分页区4.1 界面样式4.2 数据添加4.3 方法实现5.添加用户对话框5.1 界面样式5.2 数据添加5.3 方法实现6.分配角色对话框6.1 界面样式6.2 数据添加6.3 方法实现7 .展示0. 准备工作component下新建文件Users.vue,并在路由中引

2022-03-25 13:20:01 1263

原创 Error: Cannot find module ‘express‘

在打包项目的时候出现了:Error: Cannot find module 'express’的错误。原因:没有安装过express,获取多执行了npm i express,但是express没有被写入package.json解决办法:在程序执行目录下命令行窗口,输入:cnpm install express -Snpm install express -S成功解决:...

2022-03-25 10:23:01 909

原创 报错:Error in render: “TypeError: data.reduce is not a function“

在使用vue和element-ui构建项目时,出现如下报错:查了资料发现错误原因可能有两种:1 )某个标签里的data应该是数组类型,但却写成了别的类型:data ="getData"getData='' // 错误getData=[] // 正确2 )通过axios请求数据时,data请求的代码书写有误,或者是data不能获取正确的数据。(比如到data里找data)result.data.data如果数组没有写错,请仔细查看自己的代码,可能是函数名、变量名错了...

2022-03-22 17:22:05 12085

原创 前端学习之vue+element-ui电商项目(一)登录界面+主页面

文章目录1.创建项目1.1使用图形化界面创建项目1.2创建项目1.2.1选择手动创建项目1.3进入项目仪表盘1.3.1配置ElementUI组件库1.3.2安装axios依赖1.3.3运行项目1.4修改控制台报错1.4.1修改ESLint发出的语法报错警告2. 配置后端接口2.1安装 MySQL 数据库2.2安装node.js2.3启动项目2.4测试后台项目接口1.创建项目1.1使用图形化界面创建项目vue ui1.2创建项目1.2.1选择手动创建项目1.3进入项目仪表盘

2022-03-22 17:10:51 1226

原创 报错:error Component name “XX“ should always be multi-word &&[vue-router] uncaught error during route

文章目录1.error Component name "XX" should always be multi-word2.[vue-router] uncaught error during route 、RangeError: Maximum call stack size exceeded1.error Component name “XX” should always be multi-word当Vue项目中的组件不是多单词组成时,会被eslint语法严格的检测到,并报错。如下:要解决这个

2022-03-21 17:25:56 1365

原创 JS数组打平的三种方法

ECMAScript在Array.prototype上增加了:两个方法flat(),flatMap()。在没有这两个方法之前,打平数组就要用迭代或者递归的方法如下示例:function flatten(sourceArray, flattenedArray = []){}

2022-03-21 00:48:42 2419

原创 node报错:-4078, MySQL报错:1045

文章目录1.node 报错-40782.MySQL报错:10451.node 报错-4078如下:解决方法;观察数据库是否打开,重启mysql。再运行node app.js(MySQL有时候自己关闭,要去看接口是否正常)2.MySQL报错:1045如下:解决方法:重新设置MySQL的密码,再重启SQL。用postman测试接口:成功...

2022-03-18 11:20:17 2444

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除