自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 使用express第三方插件multiparty接收前端formdata数据fields, files都为undefined

使用express第三方插件multiparty接收前端formdata数据fields, files都为undefined

2022-10-05 14:35:24 629 1

原创 Node(express框架)中token验证方法的封装出现的一些问题

Node(express框架)中token验证方法的封装出现的一些问题

2022-09-24 17:23:57 526

原创 vue3中修改vuex中state中的数据

开发vue3项目

2022-09-21 16:29:26 3670

原创 使用vue-monaco-editor遇到的坑--

编辑器重复加载上次编辑器中的内容,不会被新的内容替代直接上代码给MonacoEditor加上属性key <MonacoEditor width="100%" height="537" :key="randomkey" language="html" theme="vs-dark" :code="code" > </MonacoEditor>每次重新给c

2021-11-30 17:06:25 2611

原创 前端面试宝典总结(三)(css)(搬自牛客)

css盒子模型简介:就是用来装页面上的元素的矩形区域,封装周围的html元素,它包括边距、边框、填充和实际内容两种盒子模型的主要区别就是width和height包含的区域,标准盒子模型包含的范围是content,而IE盒子模型包含的范围是content+padding+borderbox-sizing:content-box/border-box/padding-box,就是width包含的内容,padding-box就是content+paddinglink标签和@import的区别link属于

2021-09-30 22:14:03 147

原创 前端面试宝典总结(二)(搬自牛客)

前端面试宝典总结(来源牛客)介绍知道的htpp状态码介绍知道的htpp状态码100 Continue – 继续。客户端应继续请求

2021-09-30 21:35:00 320

原创 Vue/uni-app动态修改元素的样式

1.第一种是通过v-bind和三元表达式<view class="tip" :style="{color:item.state === '已确认'?'#52c41a':'#f5653b'}">商家{{item.state}}订单</view>2.第二种是通过data <!-- 底部工具栏 --> <view class="bottom_tools" :style="{bottom: propUpBottomHeight}"></view&g

2021-09-30 18:14:08 2909

原创 前端面试宝典总结(一)(搬自牛客)

前端面试宝典总结(来源牛客)说一下http和https的区别http和https的基本概念http和https的区别https协议的工作原理说一下http和https的区别http和https的基本概念http:超文本传输协议,是互联网上最为广泛的一种传输协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从www服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,网络传输减少https:是以安全为目标的http协议,,简单讲就是http的安全版,在http下加入ssl层,htt

2021-09-26 19:36:54 925

原创 uni-ui中去除uni-nav-bar存在的分隔线

先上图看问题:找到uni-nav-bar的源码在源码中我看到了这个东西uni-navbar–borderscss语法指向了我uni-app项目中的uni.scss文件,猜测一波这就是我们要找的边框颜色,所以找到uni.scss文件,再找到修改为我们自己的背景颜色就搞定了...

2021-09-26 13:46:49 1143

原创 前端传递FromData图片文件post请求用node的express框架接收图片文件自制图床

模块引入const express = require('express');const router = express.Router();const app = express();// 引入express的中间件connect-multiparty ,它是专门处理此类post数据相关的依赖包/* const multipart = require('connect-multiparty')const multiparty = multipart() // 实例化 */// 使用multi

2021-09-19 14:34:27 1375

原创 sql语句查询分页数据并统计所有数据量

需求看图,需要动态获取分页数据和总数据量sql语句SELECT * FROM (SELECT * FROM 表名 LIMIT 1,5) w,(select count(*) sum from 表名) c

2021-09-11 22:17:59 1132

原创 Error: read ECONNRESET at TCP.onStreamRead Cannot enqueue Query after fatal error

错误分析我在使用node连接mysql时,经常会出现这个错误,我怀疑是不是我在创建mysql连接后每次进行数据库查询并没有将连接关闭,所以导致数据库一直处于连接状态,长时间没有响应导致了以下错误error1:error2:问题解决error1:const mysql = require('mysql');const connInfo = require('./config');function queryMysql(sql, callback){ const conn = my

2021-09-10 15:17:58 3819 1

原创 git提交本地源代码到云端仓库相关命令

查看此项目中修改过的文件git status添加到暂存区git add .提交并注释git commit -m "...功能"查看分支git branch将分支上的代码合并到主分支先切换到主分支git checkout master再进行代码推送到远程仓库git merge logingit push如果新创建的分支在远程git仓库中没有则推送新创建的分支先切换到login分支git checkout login再进行提交git push -u origi

2021-09-06 15:46:01 137

原创 React路由基础

React路由路由使用步骤编程式导航路由使用步骤安装npm i react-router-dom -D引入并使用:// 1.引入路由import { BrowserRouter as Router, Route, Link } from 'react-router-dom'class Demo extends React.Component { render() { return ( // 2.Router包裹整个应用

2021-08-22 13:09:26 90

原创 关于React中纯组件PureComponent的注意点

关于React中纯组件PureComponent的注意点1.继承的类修改为React.PureComponent的话,其内部会已经封装好了shouldComponentUpdate这个钩子函数2.会自己判断需不需要重新渲染元素注意:1.纯组件React.PureComponent内部shouldComponentUpdate的对比方法是浅层对比2.对于引用类型来说,浅层对比只会比较引用类型的指向地址3.所以,在修改对象中属性的值时,我们应该创建一个新的数组或者对象,不要直接修改原数组对象4.

2021-08-21 23:17:13 214

原创 React(render-props和高阶组件)

render-props和高阶组件render-props高阶组件render-props组件复用(监听鼠标移动并获取鼠标位置)class Mouse extends React.Component { // 设置状态 state = { x:0, y:0 } // render render(){ // 1.return this.props.render(this.state) return this.props.children(this.st

2021-08-21 19:59:45 100

原创 React进阶学习

React进阶学习组件通讯props组件通讯简单来说,就是组件之间共享数据props作用:接收传递给组件的数据import React from 'react'import ReactDOM from 'react-dom';// 创建一个组件class Prop extends React.Component { constructor(props){ super(props) } render() { console.log(this.props);

2021-08-21 14:51:27 69

原创 React中事件绑定 事件函数this指向问题

React中事件绑定 事件函数this指向问题// 引入react模块import react from "react";// 创建一个模块class Hello extends react.Component { // 解决this指向问题第二种解决办法,通过es5中的bind方法,将事件处理程序中的this与组件实例绑定在一起 /* constructor(){ super() this.add = this.add.bind(this);

2021-08-20 16:27:28 136

原创 webpack5区分生产环境打包文件(通过环境变量区分)

webpack5区分生产环境打包文件package.json{ "name": "webpeck", "version": "1.0.0", "description": "", "main": "./index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "devDepend

2021-08-19 15:31:20 556

原创 Webpack5基础

Webpack5五个核心概念安装配置webpack配置文件开发服务器devServer添加css样式前缀五个核心概念Entry:指示 Webpack以那个文件为入口起点开始打包,分析构建内部依赖图Output:指示Webpack打包后的资源bundles输出到哪里,以及如何命名Loader:让Webpack能够去处理那些非js文件(Webpack本身只理解js)Plugins:插件(plugins)的范围包括:打包、优化,重新定义环境中的变量Mode:两种模式:development(开发模

2021-08-19 14:25:53 118

原创 跨域问题解决办法nodejs

Ajax跨域问题解决办法nodejsjsonpcors后端设置cros资源共享设置允许跨域的域名,*代表允许任意域名跨域//路由上面---配置一个全局的资源共享router.al1("*", function (req, res, next) { //设置允许跨域的域名,*代表允许任意域名跨域 res.header("Access-Control-Allow-Origin", "*"); //允许的header类型 res.header("Access-Contro1-Allow

2021-08-17 22:35:39 109

原创 Node.js入门

nodeJs入门简介node实践简介实现目标:javascript可以操作服务器,让js成为php,python,java等服务端语言平起平坐的语言特点:解决服务器高性能瓶颈问题1.单线程2.非阻塞i/o3.事件驱动应用场景:博客、多人聊天室不擅长计算node实践创建服务器// 1.引入http协议,必须得使用require('http')const http = require('http');// 创建一个服务器const server = http.createServer

2021-08-17 20:32:20 141

原创 ES6-ES11学习记录

ES6-ES11学习记录ES6letconst变量解构赋值模板字符串``简化对象写法箭头函数函数参数的默认值rest参数扩展运算符Symbol迭代器ES6let1.使用方法和var一样,但是变量不能被重复声明2.块级作用域2.1声明的变量只在所在代码块中生效(比如for循环中的i用let声明,那么i只在let所在代码片段小括号中生效)3.不存在变量提升4.不影响作用域链效果const1.用于声明常量(一定要赋初始值)const a = 100;2.常量的值不能被修改3.块级作用域

2021-08-17 20:02:06 297

原创 电商微信小程序(教你一个页面一个数据接口搞定所有分类订单页面(未支付 未发货 已发货 全部订单))

注:解析主要都在注释里面1.mysql建表思路1.1最重要的是状态码,如果之前没有添加字段state,可以通过以下方式-- 添加字段(规定只能规定为 未支付、未发货、已发货)ALTER TABLE orderinfo ADD state VARCHAR(10) CHECK (state in ('未支付', '未发货', '已发货'))最终建表CREATE TABLE `orderinfo` ( `orderId` varchar(100) NOT NULL COMMENT '订单号',

2021-08-08 14:28:52 1034

原创 微信小程序wx.request使用post向后端传递数组,后端无法接收到数据的解决

wx.request({ url: 'http://127.0.0.1:8090/inStorkAPI/php/add_order_del_multi_carts.php', data: { "cartIds":cartIdarr }, metho...

2021-08-06 13:39:00 3129

原创 微信小程序创建订单号思路(附将带其它符号字符串转换成纯数字字符串)

// 1获取当前时间 let time = util.formatTime(new Date()); // 2创建订单号 // 拼接时间字符和电话号码 // let orderNumber = time + telNumber; // 利用正则表达式,将原有字符串转化为只有数字 ...

2021-08-06 11:43:12 2214

原创 电商小程序购物车跳转到支付页面数据传递(利用wx.setStorage和wx.getStorage)

购物车点击结算 const {userName, address, telNumber, buyList, checkedNum, checkedPrice} = this.data wx.setStorage({ key:"payInfo", data:{ userName, address, telNumber,

2021-08-05 14:23:11 802

原创 微信小程序分隔线

微信小程序分隔线,复制粘贴后再添加class="hr"直接使用/* 分隔线 */.hr { width: 90%; height: 3rpx; margin-top: 15rpx; margin-left: 37.5rpx; background-color: #dfdedd;}

2021-08-04 21:30:44 3084

原创 微信小程序(获取用户收货地址(包含获取用户设置、引导用户打开权限))

getAddress(){ // 获取用户设置 wx.getSetting({ success: (result1) => { let res = result1.authSetting["scope.address"]; //判断是否授权 if(res === true || res === undefined){ //获取用户收货地址 wx.chooseAddress({

2021-08-01 22:35:20 535

原创 微信小程序 访问数据api接口(get请求和获取父页面传递参数并向接口传参获取数据)

/** * 生命周期函数--监听页面加载 */ onLoad: function (options) { wx.request({ url: 'http://127.0.0.1:8090/inStorkAPI/php/goods_detail.php', data: { //options.goods_id为父页面传递过来的参数goods_id为接口中接收参数的参数名 ...

2021-08-01 22:29:34 2447

原创 php连接mysql的api接口

分为两个php文件第一个php文件用来编写连接mysql的代码conn.php步骤:设置连接数据库的信息创建连接变量$conn连接数据库设置编码格式将$conn得到的数据转换成json格式<?php// 1.设置连接数据库的信息$local = "localhost";// 一般都填localhost$username = ""; // 数据库用户名,需要自己修改$password = ""; // 数据库密码,需要自己修改$dbname = "test"; // 要连接的

2021-07-27 23:12:50 769

原创 php获取mysql数据库转换成json格式Xdebug输出 <pre class=‘xdebug-var-dump‘ dir=‘ltr‘>问题

原因:启用xdebug调试后,var_dump()和tp中的dump()、halt()输出时,会自动加上pre标签我这里用的是wampsever,需要修改php的配置文件php.ini解决方法:1、关闭XDebug调试,该方法不推荐。2、在php.ini中的[Xdebug]选项中增加设置项,关闭xdebug下var_dump()的重载。修改Xdebug中的配置文件,如果没有就添加以下代码对于xdebug.overload_var_dump,当设置为0时,关闭var_dump()重载,原样输出

2021-07-27 21:18:07 262

原创 JDBC操作mysql修改操作

JDBC修改操作1.下载相应jar包并导入导入链接教程:https://jingyan.baidu.com/article/066074d6a7398683c21cb0a6.htmlpackage JDBC;import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException;import java.sql.Statement;public class JDBCTest { p

2021-07-26 19:44:03 294

原创 SQL语句(mysql)

SQL语句基本sql语句创建表练习DML语言(对数据的修改)DDL语言(对结构的修改)非外键约束外键约束(foreign key)外键策略查询语句简单查询单表查询函数多表查询(重点)内连接查询(只显示匹配的数据)外连接查询三表查询子查询基本sql语句创建数据库;create database 数据库名;显示所有数据库:show databases;切换数据库:use 数据库名;显示数据表show tables;删除数据库:drop database 数据库名;查看表的结构:

2021-07-25 23:56:15 243 1

原创 java基础(多线程基础)

java基础(多线程基础)多线程线程和进程继承Thread类实现Runnable接口线程控制(Thread方法)多线程线程和进程程序:程序是一段静态的代码,它是应用程序执行的蓝本进程:进程是正在运行的程序,有自己的地址空间1.并发:多个cpu同时执行多个任务2.并行:一个cpu(采用时间片)同时执行多个任务线程:1.进程内部的一个执行单元,它是程序中一个单一的顺序控制流程2.又被称为轻量级线程3.如果在一个进程中执行了多个线程,用来执行不同的任务,则称为多线程继承Thread类龟兔赛

2021-07-24 23:07:02 50

原创 Java IO流使用文件字符流和缓冲字符流实现文件复制

package IODemo;import java.io.*;public class IOTest { public static void main(String[] args) throws IOException {// 1.创建IO流 Reader re = new FileReader("f:/Test1.txt"); //复制的源文件路径 Writer wr = new FileWriter("f:/Test2.txt"); /

2021-07-24 17:13:44 431

原创 数据结构基础的存储结构

数据结构概述数据结构是指相互间存在一种或者多种关系的数据元素的集合数据结构=逻辑结构+存储结构+运算、操作逻辑结构(也可以分为线性结构和非线性结构)线性结构:如排队中的人,一对一树状结构:文件夹的存储,一对多网状结构:交通线路:多对多存储结构分为顺序存储、链式存储、索引存储、散列存储四种顺序存储结构(数据元素的存储对应了一块连续的空间):如数组优点:按照索引随机存取,效率高缺点:添加和删除,效率低下(需要大量移动元素)链式存储结构:数据元素的存储对应的是不连续的存储空间,每个存储

2021-07-24 16:17:28 291

原创 java基础(类与对象、集合)

java基础(二)类与对象类与对象中的栈和堆构造方法this关键字面向对象三大特性封装性(private)继承性(extends)方法重写(@override)类与对象举例:1.就拿英雄联盟或者王者荣耀来说英雄这个统称我们叫做类具体的哪个英雄我们称之为对象2.做月饼做月饼的模具我们可以称之为类通过磨具做出来具体的月饼我们称之为对象类和类中的对象都有一些共同的属性,对象是根据所在类的共同属性而做出来的类是对象的模板,对象是类具体的一个实例创建一个简单的类与对象:类文件代码:packa

2021-07-23 17:45:25 207

原创 Java基础(一)

Java基础(一)包(Package)数据类型引用类型逻辑运算符包(Package)1.包可以帮助我们给项目划分模块2.帮助我们给不同的代码文件进行分类3.可以解决同名源文件的命名冲突问题,在不同的包下可以有同名的代码文件注:java中的类的文件名首字母需要大写数据类型整型:byte、short、int、long占用字节:1,2,4,8float (单精度浮点数)精确到小数点后7位(后缀需要有f或者F,告诉java,以float存储一个数据)占用字节:4double (双精度浮点数

2021-07-22 16:14:30 45

原创 微信小程序通过setData设置data数组中某一对象的属性值

这里我做的是一个电商类的微信小程序,需要加减购物车中商品的数量WXML:<!-- 减按钮 --><view class="subNum" bindtap="subNum" data-Num="{{item.num}}" data-index="{{index}}">-</view>js:buyList:[ { id:0, url:"", text:"", price

2021-07-17 12:43:04 888

空空如也

空空如也

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

TA关注的人

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