- 博客(28)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 前端文件上传
7. //获取到file对象9. //限制文件大小11. alert('文件不能大于10kb')14. }15. //限制文件后缀名18. alert('文件类型必须是docx')21. }22. //通过FormData可以用来搭载数据来传输23. //1.新建formData对象25. //通过append 方法加入文件28. }30.32. <div>36.
2024-07-03 12:27:32
315
原创 前端WebSocket
项目中用到的相关技术vue3、vite、js(要通过WebSocket构造函数，创建WebSocket对象)、node.js、ws(是nodejs的一个WebSocket库，可以用来创建服务)websocket实际项目开发中客户端（前端）使用websockect主要实现的功能是发送和接收信息而服务端实现接收、转发（负责两个客户端通信类似于一个通信基站）、发送消息功能。websocket服务端以node.js中使用为例（实际项目开发中可使用其他后端语言如java、python等）message （接收消息）
2024-07-02 14:47:41
372
原创 vue-权限控制
最近因为失业了，有了挺多时间的，决定写一些有关前端的技术点，希望能对还从事前端开发的人有所帮助，也给自己从事前端画上一个句号吧。vue权限控制方面有前端路由和后端路由，前端路由一般所有的路由信息都是在前端路由文件中，判断不同的用户展示不同的路由信息，后端路由是不同的用户的路由信息都是后端通过接口返回，前端将每个不同登录用户的路由信息添加到路由中，进而实现不同用户不同路由不同菜单不同权限，第一中方式实现相对简单，目前企业大部分vue项目都使用的是第二种方式，所以我这里要对第二种方式进行详细讲解。
2024-07-01 21:01:42
588
原创 react reouer v6 实现后端路由
闲来无事,决定用react写一下后端返回路由表,生成路由,写的时候还是有挺多坑的，首先我用springboot写的后端接口来返回路由表的数据mysql做数据库毕竟本人不是专业写后端的就是实现了一些基本的功能例如跨域、mybatisplus、请求拦截、swagger、jwt、代码生成器、异常处理，用这些实现了一些基本的增删改查，至于前端是用的vite react react router v6，至于vite确实比webpack要快很多，不过vite在使用的过程中也是踩过一些坑的，毕竟接触新的东西都是要踩坑的，
2023-10-19 13:14:40
291
原创 公众号实现即时聊天功能
上面对接收到的信息进行了判断是聊天信息还是视频聊天，如果是聊天信息就将其push到msgList方便遍历聊天数据。为了在整个公众号中都能监听到聊天信息我这里将websocket相关功能放到了项目的App.vue文件中了。因为websocke不太稳定,发送消息这边为保证消息的发送成功所以又用接口发了一遍信息。发送完后将发送的信息push到定义的聊天记录数组 msgList中方便遍历。
2023-06-14 16:39:02
411
原创 前端微信公众号支付功能实现
上面的openID是在微信授权登陆存在缓存中的。前端在拉起微信支付页面之前会有一个预支付的。预支付成功后我这边是点击按钮拉起实际支付。支付成功跳转到支付成功的页面。
2023-06-14 15:56:40
430
原创 uniapp微信公众号微信授权登陆实现
通过getAppId方法请求接口获取到appid并且返回到/h5/pages/login/index?然后页面获取到code会执行微信登陆也就是前面onLoad中的this.weChatLogin(options.code)方法并传入code。正常不需要支付的项目一般不需要做微信授权登陆，有业务需要的可以加，我这边项目中使用了微信支付功能所以需要搞个微信授权登陆。我这边请求接口是执行的如果没有用户就直接让用户注册，有的话就直接让用户登陆。进入到登陆页面首先要执行。
2023-06-14 15:36:22
1491
原创 uniapp腾讯地图逆地址解析报Access to XMLHttpRequest at ‘https://apis.map.qq.com/ws/geocoder/v1/?key=M7VBZ- 错误解决
这个是因为请求腾讯地图api导致跨域错误解决办法就是使用uniapp终端安装vue-jsonp。
2023-06-14 15:08:08
1400
1
原创 javascript设计模式-原型模式
实际上，当请求达到 A.prototype，并且在 A.prototype 中也没有找到 address 属性的时候，请求会被传递给 A.prototype 的构造器原型 Object.prototype，显然 Object.prototype 中也没有address 属性，但 Object.prototype 的原型是 null，说明这时候原型链的后面已经没有别的节点了。这样一来，当对象 a 需要借用对象 b 的能力时，可以有选择性地把对象 a 的构造器的原型指向对象 b，从而达到继承的效果。
2023-03-20 08:40:19
54
原创 有关vue项目的按需引入element-UI接口跨域代理axios封装接口导航守卫
有关vue项目的按需引入elemen-UI vue前端跨域 axios封装接口 导航守卫实现
2022-10-01 22:02:21
511
原创 vue项目如何请求nodejs接口
Nodejs部分搭建一个服务器写一个测试接口 (接口返回一个数据就行，不需要完全按我这样)const express=require('express');const path=require('path');const app=express();//模板配置app.engine('art',require('express-art-template'));app.set('views',path.join(__dirname,'views'));app.set('view engine'
2021-09-09 15:25:22
3462
原创 Express
1.Express框架是什么Express是一个基于Node平台的web应用开发框架，他提供了一系列的强大特性，帮助你创建各种web应用我们可以使用npm install express命令进行下载2.art-template模板引擎在命令行工具中使用npm install art-template命令进行下载使用const template=require(‘art-template’)引入模板引擎告诉模板引擎要拼接的数据和模板在哪const html=template(‘模板路径’，数据)；
2021-09-01 10:06:10
63
原创 HTTP请求与响应处理
1.1请求参数客户端向服务器端发送请求时，有时需要携带一些客户信息，客户信息需要通过请求参数的形式传递到服务器端，比如登陆操作。1.2GET请求参数参数被放置在浏览器地址栏中，例如：http://localhost:3000/?name=zhangsan&age=201.3POST请求参数参数被放置在请求体中进行传输（也就是请求报文）获取POST参数需要使用data事件和end事件使用querystring系统模块将参数转换为对象格式//导入系统模块querystring用于
2021-08-26 15:51:42
187
原创 HTTP协议
1.1HTTP协议的概念超文本传输协议（英文：HyperText Transfer Protocol，缩写：HTTP）规定了如何从网站服务器传输超文本到本地浏览器，它基于客户端服务器架构工作，是客户端（用户）和服务器端（网站）请求和应答的标准。1.2报文在HTTP请求和响应的过程中传递的数据块就叫报文，包括要传送的数据和一些附加信息，并且要遵守规定好的格式。请求报文：客户端对服务端请求时的响应报文：服务端对客户端响应时的1.3请求报文（一般服务器端调用）请求方式(Request Met
2021-08-26 15:51:11
58
原创 node.js中模块的加载机制
1.1JavaScript开发弊端javascript在使用时存在两大问题，文件依赖和命名冲突。1.2生活中的模块化开发1.3软件中的模块化开发一个功能就是一个模块，多个模块可以组成完整应用，抽离一个模块不会影响其他功能的运行。1.4node.js中模块化开发规范node.js规定一个JavaScript文件就是一个模块，模块内部定义的变量和函数默认情况下在外部无法得到模块内部可以使用exports对象进行成员导出，使用require方法导入其他模块。1.5模块成员导出//a.js/
2021-08-26 15:50:43
83
原创 nodejs中模块加载机制
1.1模块查找规则—当模块拥有路径但没有后缀时require('./find.js');require('./find');require方法根据模块路径查找模块，如果是完整路径，直接引入模块。如果模块后缀省略，先找同名JS文件再找同名JS文件夹如果找到了同名文件夹，找文件夹中的index.js如果文件夹中没有index.js就回去当前文件夹中的package.js文件中查找main选项中的入口文件如果找到指定的入口文件不存在或者没有指定入口文件就会报错，模块没有被找到1.2模块查找
2021-08-26 15:49:46
110
原创 package.json文件
1.1node_modules文件夹的问题文件夹以及文件过多过碎，当我们将项目整体拷贝给别人的时候，传输速度会很慢很慢复杂的模块依赖关系需要被记录，确保模块的版本和当前保持一致，否则会导致当前项目运行报错1.2package.json文件的作用项目描述文件，记录了当前项目信息，例如项目名称、版本、作者、GitHub地址、当前项目依赖了哪些第三方模块等。使用npm init -y命令生成。1.3项目依赖在项目的开发阶段和线上运营，都需要依赖的第三方包，称为项目依赖使用npm instal
2021-08-26 15:49:11
308
原创 nodejs创建web服务器
创建WEB服务器//引用系统模块const http=require('http');//创建web服务器const app=http.createServer();//当客户端发送请求的时候app.on('request',(req,res)=>{ //响应 res.end('<h1>hi,user</h1>');})//监听3000端口app.listen(3000);console.log('服务器已启动，监听3000端口，请访问loc
2021-08-26 15:48:30
63
原创 nodejs第三方模块
1.1什么是第三方模块别人写好的，具有特定功能的，我们能直接使用的模块即第三方模块，由于第三方模块通常都是由多个文件组成并且被放置在一个文件夹中，所以又名包。第三方模块有两种存在形式：以js文件的形式存在，提供实现项目具体功能的API接口。以命令行工具形式存在，辅助项目开发。1.2获取第三方模块npm(node package manager):node的第三方模块管理工具下载：npm install 模块名称卸载：npm unintall package 模块名称全局安装与本地安
2021-08-26 15:47:24
247
原创 nodejs服务器端基础概念
1.1网站的组成网站应用程序主要分为两大部分：客户端和服务器端。客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。1.2node网站服务器能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，能够对请求做出响应。1.3IP地址互联网中设备的唯一标识。IP代表互联网协议地址。1.4域名由于IP地址难于记忆，所以产生了域名的概念，所谓域名就是平时上网所使用的地址
2021-08-26 15:46:44
156
原创 mongoose数据库概述及环境搭建
1.数据库相关概念在一个数据库软件中可以包括多个数据仓库，在每个数据仓库中可以包含多个数据集合，每个数据集合中可以包含多条文档（具体的数据）。术语解释说明database数据库，MongoDB数据库软件中可以建立多个数据库collection（表）集合,一组数据的集合,可以理解为javaScript中的数组document（数据）文档，一条具体的数据，可以理解为javaScript中的对象field字段，文档中的属性名称，可以理解为JavaScript中的对
2021-08-26 15:45:49
433
原创 nodejs系统模块
1.1什么是系统模块node运行环境提供API因为这些API都是以模块化的方式进行开发的，所以我们又称node运行环境提供的API为系统模块1.2系统模块fs文件操作f:file文件,s:system系统，文件操作系统。const fs=require('fs');读取文件内容fs.reaFile('文件路径/文件名称',['文件编码'],'回调函数');读取文件语法示例//读取上一级css目录下中的base.cssfs.readFile('../css/base.css','utf
2021-08-26 15:44:48
120
原创 Vuex学习笔记
Vuex概述组件之间的共享数据的方式父向子传值：v-bind属性绑定子向父传值：v-on事件绑定兄弟组件之间共享数据：EventBusVuex是什么Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间数据的共享使用Vuex统一管理状态的好处能够在vuex中集中管理共享的数据，易于开发和后期维护能够高效地实现组件之间地数据共享，提高开发效率存储在vuex中地数据都是响应式的，能够实时保持数据与页面的同步什么样的数据适合存
2021-07-21 13:30:57
46
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人