自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

wang_9909的博客

每天进步一点点,成长足迹看得见。

  • 博客(107)
  • 资源 (8)
  • 收藏
  • 关注

原创 axios配置:错误重试以及设置拦截器,以Csdn为例

前端开发项目是,必不可少的就是要能发送数据请求,而常用安装请求的js库就非Axios莫属了。接下来,就开始进行配置。下面以对csdn请求为例。

2023-02-27 23:34:57 1117 1

原创 react: input 输入框 中文onChange事件异常问题& 对input输入进行防抖处理

当我们使用Input时,我们可能会遇到一个问题,比如需要对用户输入的内容进行搜索时,当用户处于中文输入时,明明没有对内容进行确认,为什么会触发了onChange事件呢?input的防抖操作如何解决呢?

2023-02-25 22:21:45 3891

原创 whistle 一个神奇的前端调试工具(抓包\代理工具)

神奇的whistle,免费的调试工具。

2023-02-10 17:46:57 2419

原创 加密图片本地解密后使用blod文件打开

加密图片本地解密后使用blod文件打开

2023-01-20 16:59:56 631

原创 VsCode中一些可以让工作“事半功倍”的插件

GitLens — Git supercharged这个插件可以查看代码修改的消息,比如是谁修改的以及修改时间

2022-10-24 23:49:11 5865

原创 git : 合并多次commit,让push记录更干爽

有时,我们对修复一个bug可能会进行多次提交。这样就会让我们的代码提交记录变得很冗余。下面,就是一个git操作,将你的git提交记录合n为1:ps:这个分支最好是你自己的分支,避免将别人的commit合为你修改的,如果不出问题还好,出了问题你自己想想后果(背锅是肯定的)。...

2022-07-08 23:50:25 2218

原创 safari 浏览器overflow:hidden样式失效,一个css属性完美解决

safari浏览器的样式,总会时不时给你一个“小惊喜”。例如:之前就遇到了safari的一个overflow:hidden样式失效的问题。百度一看,这个问题遇到的人很多,没想到10多年前就出现的问题,现在还会出现(我的出现问题的safari浏览器版本 14.1.2)。 网上对其有着各种各样的帖子,但是其大多数都是以下方案:可能这些方案能很好的解决其他浏览器版本,但是当我用到我这个特定版本时(14.1.2),这些“优秀”的方案却无法解决我的问题。一个“不常见”的css样式却可以完美解决!!!!!......

2022-06-27 16:29:38 2102

原创 如何将个人网站,免费的以https开头(腾讯云、阿里云)

免费领取SSL证书,为自己的个人网站添加https

2022-02-09 12:33:28 1421

原创 uniapp封装请求(uni.request)与vuex进行状态管理

有段时间没有用过vue、vuex以及uniapp了,避免手生,于是便写如下一个小demo。

2022-02-07 20:08:18 2009 1

原创 git常见操作以及面试题

在日常开发中,我们常常需要用到git进行代理管理。但是你对git真的了解吗?

2022-01-18 14:46:23 1070

原创 uniapp应用消息推送的实现,简单实用的教程

uniapp应用消息推送的实现(以安卓APP为例)

2021-12-29 15:02:50 4429

原创 uniapp封装请求拦截器,对数据进行处理

前端面试时,我们很容易被面试官询问到封装过请求吗?当然,如果是高手,那么以下的文章你就可以不用查看了。但是,如果你是新手前端,我还是建议你往下看。请求封装真的不难,难的是根据你们项目那些特定的状态code进行分别处理。

2021-12-25 16:05:00 5486

原创 uniapp打包安卓APP生成自有证书的教程,简单实用

我们都知道uniapp是一个可以实现多端开发的一个工具。但我之前使用uniapp这个工具,光用来画页面了,打包什么的从来都没怎么参与过。于是,趁着最近不忙,准备学习如何将uniapp打包成安卓APP。接下来就是我学习uniapp打包APP的心得与笔记。

2021-12-24 20:02:42 10428 4

原创 React的父传子、子传父通信与状态提升

react的状态管理用顺手了,今天有个小业务可以通过简单的父子组件之前通信完成,但是,当我想用这个知识点时,竟然“摸键盘忘记语法了”。真的好尴尬啊。

2021-12-23 21:49:36 552

原创 原生微信小程序实现的UI效果:tab导航栏与内容联动

原生微信小程序可以实现一些UI效果,例如:tab导航栏与内容联动

2021-12-20 21:37:22 651

原创 微信小程序自定义修改swiper指示点样式

最近要用到微信小程序,于是就以CSDN的CSDN会员小程序作为练手案例,但是当我在使用官方的Swiper组件时发现,官方的指示点和我想要的效果不一致。于是,经过各种找资料,最终发现了解决方法。

2021-12-18 14:58:46 1498

原创 使用Ant Design组件库时遇到的坑以及解决方法

使用react开发时,Ant Design是使用最为广泛的组件库之一。但是当我们使用Ant Design时,我们会遇到一些问题,以前遇到但是没有总结过。现在,我打算在以后遇到组件库的问题后,总结一下,目前,先简单总结几个吧。

2021-12-16 20:02:58 1996

原创 获取浏览器的所在经纬度、联网状态、充电状态,一个Navigator全部都可以实现

获取浏览器的所在经纬度、联网状态、充电状态,一个Navigator全部都可以实现

2021-12-14 15:05:04 716 3

原创 React与Redux Toolkit的简单使用、ts环境中一些常见问题的解决方案

安装创建react+redux的TS环境(最佳实践) 无须再安装redux、redux-thunk、react-redux、immer等,默认就已经集成了@reduxjs/toolkit的Redux架构create-react-app react-admin --template redux-typescript参考链接:https://github.com/reduxjs/cra-template-redux-typescript代理库...

2021-12-10 20:20:39 2643 3

原创 安装create-react-app教程及简单配置

create-react-app,是一个很好的脚手架。react入门的最佳选择。

2021-12-03 10:16:32 3819

原创 Redux使用中间件radux-thunk与redux-logger

redux默认不支持异步调接口, redux的store如果接收到了一个非action={type,payload}的信号时,会报错. 那该怎么办呢? 使用redux-thunk来解决问题. redux-thunk这个中间件作用是在store收到信号时对"信号"的数据类型进行判断,如果function类型,redux-thunk就调用这个funciton并把dispatch传递这个function,还会拦截掉这个function, 所以这个function就不会抵达reducer.

2021-12-01 19:55:00 623

原创 react使用Redux进行状态管理

Reduxredux是React技术栈使用最为广泛的状态管理怎么学习Redux记住“三个三”第一个“三”(3个api):createStore、combineReducers、applyMiddleware第二个“三”(3个特点):单一数据源、store只读、使用reducer纯函数修改store第三个“三”(3个概念):State、Action、Reducer安装Redux npm i redux react-redux -SRedux的简单案例redux的状态管理配置

2021-11-30 21:57:03 1045

原创 React 路由以及状态管理的用法

React 路由(react-router-dom)以及状态管理(mobx)的用法

2021-11-29 20:59:27 586

原创 对axios请求进行封装,设置请求拦截和响应拦截

开发时需要前后端联调,必不可少的就是前后端的数据通信,其中axios使用最为频繁。虽然,axios原生就能调用接口。但是,在传递参数和接受数据时,原生的那些简单配置就不太能胜任了。譬如,有些接口需要进行鉴权或者其他操作,返回的数据也需要我们来进行处理。于是,对axios进行一些定制的封装就显得尤为重要了。

2021-11-27 10:57:35 1458

原创 React 高级技巧用法笔记

学一门框架,首先要熟悉官方文档,不然框架总会学得有所欠缺。尤其当使用过React一段时候后,对此深有体会。于是便依据官方文档做了以下的学习笔记。

2021-11-25 19:50:04 1347

原创 React入门基础总结

学一门框架,首先要熟悉官方文档,不然框架总会学得有所欠缺。尤其当使用过React一段时候后,对此深有体会。于是便依据官方文档做了以下的学习笔记。

2021-11-20 10:09:03 1234

原创 使用node.js的koa框架上传图片等文件,文章末尾有下载地址

需要的依赖文件有一下四个使用npm安装即可。上传js函数upload.jsconst fs = require('fs');const path = require('path');class UpLoad { static async upLoadImg(ctx) { const file = ctx.request.files.file //前端传过来的文件img参数 const readStream = fs.createRead..

2021-11-08 17:49:44 1023

原创 使用nodejs的koa框架连接MongoDB数据库,并封装数据请求。 文章结尾有项目代码可供免费下载

1.安装koanpm init -y //初始化项目npm i koa //安装koa框架

2021-11-05 17:15:23 400

原创 error Expected indentation of 8 spaces but found 6 indent 报错解决方案

敲代码爆红是一件很烦的事,而因为一些代码缩进报错爆红则更令人心烦,如下图所示。为了解决这一问题,笔者选择了最为简单粗暴的方法 ,将首行缩进验证给注释掉。这里推荐大家搜索 indent 这个关键字,然后找到和我这个类似的地方,将其注释掉。重启项目看看是否解决,若没有则再找到下一处进行注释,直至没有报缩进错误时为止。注意:注释后必须重启服务,因为修改配置文件后需要重启才会生效。如下图所示。然后代码ctrl+s报存就不爆红了。如此就没有那令人烦恼的红色的。当然,...

2021-11-04 21:38:00 5026

原创 vue使用keep-alive切换页面,2种方法实现页面保持滚动位置 底部有代码可供下载

1.使用自定义指令一、在main.js中编写一个自定义指令import Vue from 'vue'import App from './App.vue'import router from '@/router'Vue.config.productionTip = falseVue.directive('scroll', function(el,bind,VNode){ el.style.overflow = 'scroll' el.addEventListener('scr

2021-11-03 18:28:23 794

原创 解决NodeJS使用mongoose包连接mongodb,其表名会自动复数的问题

今天遇到了一个问题 nodeJs使用mongoose包链接mongodb时,数据表中一直有数据,但是,总是查询不到任何数据。我们都知道 mongoose会给数据集合自动加上s例如下方示例const mongoose = require('mongoose')module.exports = mongoose.model('cart', mongoose.Schema({ user_id: String, good_id: String, num: Number, cre.

2021-11-02 21:08:23 496 2

原创 vue路由 无法给router-link添加点击等事件的解决方案

我们在开发过程中有时需要给router-link 标签添加事件如@click 、@mouseover。譬如v-for遍历选项卡时设置点击事件<div class="nav" ><router-link v-for="item in routes" :key="item.id" v-text="item.text" :to="item.path" :class="{ on: navName == item.text }" ...

2021-10-26 17:56:35 746

原创 JavaScript中Map与every方法的奇妙使用:判断页面中协议是否全部被勾选

<!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"> <title>D.

2021-10-19 17:54:36 318

转载 MongoDB简单实用的使用教程

简介参考文献,菜鸟教程:MongoDB 教程 | 菜鸟教程MongoDB 是由C++语言编写的非关系性数据库(也叫NoSQL),是一个基于分布式文件存储的开源数据库系统。在高负载的情况下,添加更多的节点,可以保证服务器性能。NoSQL(NoSQL =Not Only SQL ),意即"不仅仅是SQL"。MongoDB 将数据存储为一个文档,数据结构由键值对(key=>value)集合组成。MongoDB 是介于关系数据库和非关系数据库之间的产品,是非关系数据库中功能最丰富,最像关系

2021-10-14 20:42:01 530

原创 使用Express 应用程序生成器,快速创建node.js的express项目

1.初始化npmnpm init -y2.快速创建express查看node.js的版本号node -vC:\Users\wangge\Desktop\express-generator>node -vv14.17.5Node.js 8.2.0 及更高版本使用这个。因为我的node版本号高于8.2.0,所有我使用下面的命令下载express。npx express-generator后面的直接按y就行了。对于较老的 Node 版本,请通过 npm 将 E..

2021-10-13 17:42:30 690

原创 node.js的Express框架使用教程

我们都知道,node.js可以做服务器开发页面。但是使用原生的node.js开发比较“繁琐”。所以,我们可以使用node.js的一个较为成熟的Express框架开发。首先,我们需要在安装node,相信大家都安装过了。怎么安装就不说了。这里就直接开始使用Express的。一、准备开发1.初始化npmnpm init -y2.下载Expressnpm i express -S二、创建一个简单的Express.js文件index.jsconst express = r

2021-10-11 21:19:19 814

原创 uni云函数返回html页面,以城市的当前天气为例

uni云函数除了能跨域返回JSON格式的数据外,还支持返回html页面。下面就以uni云函数返回一个城市的天气为例。返回这样的页面不仅有利于页面碎片化的拼接,而且还可以避免一些数据被直接暴露。首先,我们需要使用Hbuilderx关联一个uniclound数据库写云函数对一些API进行跨域操作,如果不知道的可以点我下面的这个链接进行查看。实现代理跨域方法:通过uni云函数实现跨域_wang_9909的博客-CSDN博客然后,就可以对自己找到的API获取到的数据进行处理,使用..

2021-10-08 20:32:20 506

原创 webpack打包安装(三)之解决css、js等的兼容性问题

我们都知道浏览器对一些css以及js语法有一些兼容性的问题,为了解决这些兼容性问题我们可以在webpack构建时安装工具去解决兼容性问题。我们可以使用browserslist1.browserslist和之前的依赖文件一样,我们需要对其进行配置,在webpack.config.js中,增加browserslist。其中:“>1%”表示市场占有大于1%的"last 2 version"表示最新的2个版本"not dead"表示依然还在运行并更新的浏览器2.postcs

2021-10-05 15:27:05 1029

原创 webpack打包安装(二)之Loader的配置(样式)

首先我们要明白webpack为什么需要使用Loader?因为webpack不能直接处理CSS、图片等资源,需要使用Loader进行处理。1.CSS-Loader我们需要对一些css文件进行处理,所以我们导入了css-loader包进行处理。首先我们安装一下开发环境依赖。npm i css-loader -D同样我们在webpack.config.js中进行配置,使其webpack能识别css文件类型。我们可以测试一下 css-loader导入css样式时是否出...

2021-10-03 14:23:18 429

原创 webpack打包安装(一)之环境的安装以及基本配置

首先我们先全局安装webpack。npm install webpack-cli -g

2021-10-02 23:34:15 189

一个简单的videoJs的vue2.0简单demo

一个简单的videoJs的vue2.0简单demo,可以用来播放m3u8文件。

2022-07-01

jdk-8u311-windows-x64.zip

java8 安装包,可以用来给uniapp生成安卓App的打包证书。

2021-12-24

koa框架文件上传.zip

使用前先使用npm i 下载所需要的依赖 然后再使用 npm start

2021-11-08

使用nodejs的koa框架连接MongoDB数据库.zip

使用nodejs的koa框架连接MongoDB数据库

2021-11-05

vue使用keep-alive切换页面,2种方法实现页面保持滚动位置.zip

vue使用keep-alive切换页面,2种方法实现页面保持滚动位置 下载后 先 npm i 安装依赖

2021-11-03

express-generator.zip

使用Express 应用程序生成器,快速创建node.js的express项目 使用前请先使用 npm i 下载依赖文件 使用npm run dev 运行服务

2021-10-13

uniapp npm引入Dplayer与hls解析播放m3u8格式视频

uniapp npm引入Dplayer与hls解析播放m3u8格式视频

2021-09-08

js入门级笔试.html

简单的一些笔试题,可以刷刷看

2021-08-05

空空如也

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

TA关注的人

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