wang_9909-CSDN博客

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

2022-06-27 16:29:38 1973

原创如何将个人网站，免费的以https开头（腾讯云、阿里云）

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

2022-02-09 12:33:28 1402

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

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

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

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

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

2022-01-18 14:46:23 1043

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

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

2021-12-29 15:02:50 4324

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

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

2021-12-25 16:05:00 5406

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

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

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

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

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

2021-12-23 21:49:36 544

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

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

2021-12-20 21:37:22 619

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

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

2021-12-18 14:58:46 1429

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

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

2021-12-16 20:02:58 1923

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

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

2021-12-14 15:05:04 703 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 2561 3

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

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

2021-12-03 10:16:32 3752

原创 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 605

原创 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 1031

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

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

2021-11-29 20:59:27 565

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

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

2021-11-27 10:57:35 1417

原创 React 高级技巧用法笔记

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

2021-11-25 19:50:04 1294

原创 React入门基础总结

2021-11-20 10:09:03 1220

原创使用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 1009

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

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

2021-11-05 17:15:23 387

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

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

2021-11-04 21:38:00 4796

原创 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 755

原创解决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 471 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 714

原创 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 302

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

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

2021-10-14 20:42:01 510

原创使用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 678

原创 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 796

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

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

2021-10-08 20:32:20 479

原创 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 999

原创 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 416