自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

灵魂学者的博客

一个简单的平凡人

  • 博客(124)
  • 资源 (2)
  • 收藏
  • 关注

原创 Vuex —— 状态管理 | Module

在前面讲到了关于Vuex数据状态管理的内容,讲了Vuex的五大核心属性,在这五大核心属性中就 state、mutation 和 actions 在前面介绍 Vuex 状态管理和讲 Vuex 中的同步和异步操作已经比较熟悉了,getter 是基于state 的计算属性,vue 中 computed从data中派生出的计算属性, vuex中 getter是从state中派生出的属性,对于getter的使用还是比较简单的,那么本篇主要来讲关于这最后一个核心属性 —— Module .

2023-09-22 09:06:01 277

原创 Vue 封装ajax请求[接口]函数

本篇主讲如何在项目中封装ajax请求接口函数模块以及封装项目中各接口函数,结合后端提供的API接口文档进行编写,锻炼结合API文档封装项目接口请求函数的能力,让你在项目开发的道路上向前一步!

2023-08-26 16:20:46 515

原创 Vite 脚手架 搭建 Vue项目

在之前讲过搭建 Vue 项目的脚手架 Vue-Cli,Vue-Cli目前是处于这个维护阶段,随着Vue3的到来官方推荐使用 Vite 来搭建Vue项目,Vite是一个轻量级的、速度极快的构建工具,由于其原生ES模块导入方式,可以实现闪电般的冷服务器启动。那么本篇就来使用Vite脚手架搭建Vue项目,同时也提供在VScode中需要安装哪些插件可以帮助使用者来更好的编写代码。

2023-07-22 18:33:35 2150 1

原创 JavaScript 处理字符串数组数据方法

前端三件套中 JavaScript 就是充电处理业务逻辑的一个角色,在很多情况之下,或像在做项目之中去发起一些数据请求之后待服务器响应回馈给到客户端的时候,对于返回的数据需要进行一个格式的处理,比如有JSON,字符串,XML等等这些数据格式,有时需要格式转化,有时需要简单的截取其中的某个字符等等,那么本篇讲关于Javascript中一些处理的方法。

2023-07-04 17:00:00 711

原创 vuex-persistedstate —— 数据持久化

本篇内容就来介绍如何来使用这款第三方包来完成数据持久化 —— vuex-persistedstate;在之前的篇目当中对于 Vuex 中的相关内容都讲得差不多,但是在项目中去使用vuex,虽然数据状态得到管理了,但数据在每一次都需要去重新加载,那么对于数据的持久化vue是没有给解决的,而是通过第三方的工具去进行数据的持久化的,[ 注:怎么读?persistedstate —— per西施特day ]

2023-07-02 14:22:07 1670

原创 Vuex —— 同步和异步请求

上一篇讲到 Vuex 状态管理的内容,那么本篇就来将关于Vuex中的同步和异步数据请求,先来简单的回顾一下 Vuex ,Vuex 中有五个核心属性:state 、getter、mutation、action、module。state: 存放数据状态,不能被直接的修改;getter: 基于 state 的计算属性;mutation: 直接更新 state 的多个方法的对象;action: 通过 mutation 间接更新state;module:分模块化;

2023-06-27 23:54:49 2530

原创 Vuex 状态管理 —— 核心store

在上一篇当中讲到关于接口请求函数获取数据,拿到 response.data ,简化调用,那么在拿到请求的响应数据之后呢?在前面讲到组件间的通信当中,如父子通信(父传子props,子传父$emit)以及组件与组件之前不能通过直接通信,但可以通过间接的方式,即中间人模式,这种方式仍存在问题,到后续通过事件中心的方式来进行处理,这当中也反应了一些问题:1.传参的方法对于多层嵌套的组件将会非常繁琐,并且对于兄弟组件间的状态传递无能为力。2.经常会采用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝。

2023-06-22 15:58:27 560

原创 什么是Ajax?Ajax如何发送请求(详)

什么是Ajax?如何使用Ajax来发送请求?Ajax与传统的Web应用模式有哪些优势?Ajax向服务器发起请求有哪些方法?Ajax如何来处理服务器响应的数据,Ajax处理JSON和XML的数据格式交换以及Ajax的跨域问题等这些内容在本篇内容讲解,超详篇目,对Ajax技术感兴趣的读者可以浏览一下,感谢大家的支持!!!

2023-06-22 15:36:11 1735

原创 Vue 封装ajax请求[接口]函数

本篇主讲如何在项目中封装ajax请求接口函数模块以及封装项目中各接口函数,结合后端提供的API接口文档进行编写,锻炼结合API文档封装项目接口请求函数的能力,让你在项目开发的道路上向前一步!

2023-06-11 14:21:48 1586

原创 跨域 —— 反向代理配置

本篇就来讲跨域中的反向代理配置,之前在Node栏目讲到可以通过后端的配置,使用cors配置解决跨域,或者可以使用jsonp解决跨域,以及还有另外一种实际情况,在本篇当中会有涉及。

2023-06-10 15:46:04 1342

原创 移动端事件300ms延迟解决

有移动端与PC端的项目开发,那么移动端和PC端开发上是存在差异的,比如 click 事件的300ms 延迟,即移动Web页面上的click事件响应都要慢上300ms,移动设备访问Web页面时往往需要 “双击” 或者 “捏开” 来放大页面看清页面的具体内容;这样做的原因是为了确定用户是“单机”还是“双击”,safari(macOS浏览器) 需要通过300ms的延迟来判断!关于 “300毫秒的延迟” 是一个默认的规范,首先先来了解这个300ms的延迟是怎么样的!

2023-06-09 15:20:44 1986

原创 InsCode AI ,你的良师益友!

Chat-GTP的火爆程度相信大家已经听说了,也对它有一个基本的初识,它是Open AI所研发的,读者当中应该有不少人已经接触和体验人工智能聊天,以及使用它交流很多问题有关于生活,学习等,而 InsCode AI 也一样能够跟你聊天聊编程的, " InsCode AI,你的良师益友!

2023-06-02 11:56:40 515 1

原创 Less基础速学 —— 混入、运算、继承

本篇讲关于Less预处理器中的混入,继承和运算,混合有这几种:普通混入,不带输出的混入,带参数的混入,带参数的混入,带参数且有默认值的参数,带多个参数的混入,命名参数,匹配模式以及arguments变量这些关于混入的内容,还要Less运算,集成等内容,感兴趣的读者可以翻阅一下!

2023-05-28 14:51:16 1494

原创 Less基础速学 —— 嵌套、变量、注释、&

本篇讲关于Less预处理器中的嵌套,变量和注释以及"&"的内容,less的嵌套写法通过采用缩进的方式,less还可以设置变量,变量的作用也有很多,比如做普通属性值来使用,作选择器和属性名,作为URL以及变量的延迟,编写less文件通过Koala编译工具可以编译为原生的CSS样式代码,如果对less预处理感兴趣或者在项目中需要使用CSS预处理器的可以看看这篇关于less预处理器的篇目吧!

2023-05-27 14:54:04 1441

原创 Charles 抓包工具下载安装及基础使用

本篇内容主讲关于Charles抓包工具,从下载安装以及配置信息,证书的下载安装以及PC端设置代理配置和移动端设备配置代理,阐述关于Charles抓包工具面板的基础使用以及如何进行抓包和设置断点,对于软件测试以及对抓包感兴趣的读者可以翻阅!感谢大家的支持!!!

2023-05-23 11:36:47 1817 2

原创 Fiddler 抓包工具下载安装基本使用(详)

本篇内容主讲关于Fiddler抓包工具,从下载安装以及配置信息,证书的下载安装以及PC端设置代理配置和移动端设备配置代理,阐述关于Fiddler抓包工具面板的基础使用以及如何进行抓包和设置断点,对于软件测试以及对抓包感兴趣的读者可以翻阅!感谢大家的支持!!!

2023-05-21 14:43:13 1894

原创 微信小程序实现订阅消息功能(Node服务器篇)

通过客户端使用wx.login拿到code参数之后向后端发起请求http://127.0.0.1:3000/getOpenId,后端响应请求后并发起请求微信API做登录凭证校验,请求成功后会返回session_key和openid,此时可以将拿到的openid进行保存,同时响应客户端res.send({ 'request': 'ok' }). 下面来编写由服务器发送订阅模板消息的接口。引入 util/util.js 中存放着公共函数,有处理日期格式化函数,在index.js中来调用。

2023-05-04 11:56:27 1195 1

原创 微信小程序实现订阅消息功能

本篇内容是在微信小程序中来实现订阅消息发送的功能,通过订阅消息的发送,可以在微信上的微信服务通知上看到订阅发送消息的内容,订阅消息是小程序向用户发送消息的方式,小程序本身是不具备接收消息功能,而是通过微信的服务通知功能将消息转达给用户的,感兴趣的读者可以翻阅一下。

2023-05-01 12:35:01 5812

原创 微信小程序 WebSocket 通信 —— 在线聊天

本篇通过WebSocket通信实现客户端(小程序)和服务器端(Node.js搭载的服务器)的对话聊天,客户端通过小程序的WebSocket API 实现,服务器使用Node.js来搭载简易的服务器。感兴趣的读者可以观览一下!

2023-04-29 17:49:44 10226 4

原创 socket.io 解决浏览器兼容性(WebSocket)

Socket.io 通信在线聊天,上一篇讲 npm 上最流行的 WebSocket 库之一的 ws 库,那么本篇就来讲另外一个,就是 socket.io 库,socket.io 其实是一个兼容方案,当浏览器不支持 H5 的情况下就不能够使用上一篇内容讲的WebSocket ,只能采用其他的方案,socket.io 就解决了关于浏览器的兼容。

2023-04-20 19:32:03 1731

原创 WebSocket 通信 —— 浏览器原生支持

本篇内容依然是围绕在线聊天通信的内容,上一篇内容通过是Node中的Socket实现通信,那么本篇是通过浏览器原生的WebSocket来实现通信的,对实现在线聊天线上通信的读者感兴趣的话可以翻阅一下。

2023-04-18 15:13:40 1234

原创 Node实现 Socket 通信

本篇讲的是在线聊天系统的基础,即socket通信,通过socket可以实现客户端之间的通信,如像日常使用的QQ,微信一样的实现通信,那么本篇就通过Node.js中的Socket来实现通信效果,之后会有篇目讲WebSocket和Socket.io;

2023-04-16 23:02:06 2623 5

原创 jQuery 基础入门速成下篇

继jQuery基础入门速成上篇内容,主要讲关于jquery的引入使用,获取元素操作属性和事件的绑定以及表单操作这些内容,本篇内容主讲事件的冒泡和事件委托以及jquery中如何使用ajax的内容,内容比较基础,作为小白初学者进行jquery基础入门速成是非常好的!!!

2023-04-14 23:25:23 306

原创 jQuery 基础入门速成上篇

jQuery基础入门速成上篇内容,主要讲jquery在页面中如何引入使用,首先是jquery的选择器使用,使用jquery来操作动画,设置动画参数操作,jquery获取元素进行属性操,jquery如何进行表单操作的方法以及如何验证表单等这些内容作为jquery的基础入门内容讲解!!!

2023-04-13 16:34:35 552

原创 JavaScript 基础入门速成下篇

继JavaScript基础入门速成上篇的内容,上篇主要讲到js的基础内容,输入js的基础,本篇属于js的一个进阶,讲到js中数组,多维数组的处理,变量作用域和封闭函数,字符串的处理方法和js中的两种定时器,同时也有对应的案例可以进行练习操作!

2023-04-12 10:00:17 480

原创 JavaScript 基础入门速成上篇

JavaScript 基础入门速成上篇内容主讲js在页面嵌入以及基本使用,从定义变量,变量的类型以及命令规范,从函数的定义和执行以及变量与函数的预解析是js的一特点,js中的基础使用条件语句结合逻辑运算符讲解,如何获取js的元素以及通过js来操作页面的元素,也称操作DOM,对应的也有事件操作,如点击事件,键盘的事件等等这些基础快速入门!

2023-04-11 16:48:32 947

原创 封装小程序request请求[接口函数]

本篇是讲进行对微信小程序网络数据请求的接口请求封装。在这篇文章中讲到小程序官方提供的异步API都是基于回调函数来实现的,在大量的使用这种回调函数就会造成回调地狱的问题,以及代码的可读性和可维护性差,通过对小程序API的Promise化能解决。

2023-02-28 22:35:44 2726

原创 Vue路由 —— vue-router

本篇讲的是关于命名路由、路由拦截以及优化的路由懒加载将举一个非常常见的场景,当你打开一个网站的时候,你想浏览该网站的时候,当你点击阅读的时候它会突然跳转到一个登录界面,如果你还没有选择登录继续点击阅读其他内容时,又弹出来一个登录界面,当你登录的时候,就不会再出现了;这种显然没有任何问题,但是不是最好的,如果需要检查的页面多了,那么就需要在每一个组件当中去检查是否有token,需要检查的都需要编写,这样一来不仅重复代码很多,写起来很难受,有没有一种好的方法呢?

2023-02-12 14:35:52 564

原创 Vue路由 —— vue-router

本篇讲的是路由中的嵌套路由、编程式导航以及动态路由,router获取到的是全局的路由对象,而route是匹配到当前的路由对象;

2023-02-11 12:14:40 661

原创 Vue路由 —— vue-router

在上一篇内容讲到关于单页面组件的内容,同时也附上补充讲了关于单页面(SPA)和多页面(MPA)之间的优缺点,通过vue-router了解到了基础的路由信息、一级路由配置、声明式导航和在声明式导航中了解到了路由切换会触发location.hash执行以及路由的重定向问题。

2023-02-09 11:28:35 582

原创 Vue组件 —— 单文件组件

本篇讲vue单文件组件内容,解决先前vue组件编写方式存在的问题等一系列问题,那么现在在项目当中,也是本篇目中最重要的内容就是Vue的单文件组件,接下来就是开始对Vue单文件组件内容的学习!

2023-02-04 11:24:10 3541

原创 Vue-Cli 脚手架 搭建 Vue项目

本篇主讲如何通过vue提供的vue-cli脚手架来搭建vue项目,自此开始进行Vue基于项目中的介绍,Vue-cli 是官方提高用于搭建基于 Vue、Webpack、ES6 项目目的脚手架工具,通过脚手架创建项目势必会较为高效!

2023-02-03 22:20:13 2217 1

原创 Express框架中JWT基础 - 对称|非对称加密

在本篇当中来进一步的讲解关于JWT的基础使用对称以及非对称加密;在上一篇内容当中已经使用过了JWT(JSONWebToken)做验证登录,采用的是对称加密的方式;

2023-01-31 21:26:35 654

原创 OpenSSL下载安装教程

(加急)下载地址:Win32/Win64 OpenSSL Installer for Windows - Shining Light Productions首先,进入官网 Shining Light Productions - Home ,可以看到如下界面: 这里演示用的版本是V1.1的版本,这里版本比较多,可以看一下自己需要哪些版本自行下载!地址已经在最上面提供了;下载完成之后,双击会弹出如下界面: 自定义安装的位置要记住大致的位置,在后续需要进行一个环境的配置;通过以上的步骤就已经安装完

2023-01-31 21:20:57 20581 9

原创 第四十三篇 filter - 过滤器

本篇内容简单的介绍 filter过滤器 的一个使用,通过管道符的形式进行,Vue.filter设置过滤器,从而可以达到过滤器的可复用,比之前使用的讲到的方式会好用许多!

2023-01-30 17:34:59 208

原创 二十二、ejs模板在Express框架中的集成

本篇就来了解一下ejs模板在Express框架中的集成使用,ejs模板也是常用的模板引擎,支持在标签内直接编写javascript代码,通过javascript代码就能够生成HTML页面的,通过本期对ejs模板的学习可以与之前讲的pug模板进行一个比较,两者均有自身的优劣。

2023-01-30 17:30:39 461

原创 二十一、pug模板在Express框架中的集成

本篇讲的是pug模板在Express框架中的集成内容,在未讲相关的模板引擎之前前面的篇目中所使用的网页页面大多是静态资源的网页内容,如在之前的案例中就使用过 app.use(express.static('path.join(__dirname,'public')')) ,通过在本地上进行搭建服务器之后使用express.static()方法讲public下静态资源进行共享,那么在下面编写一个index.html静态网页文件后可以通过http://127.0.0.1:3000/index.html进行访问;

2023-01-29 11:02:04 1040

原创 二十、Express框架连接MongoDB数据库操作

在上一篇中已经在Node.js中引入使用了mongoose进行MongoDB数据库的基本操作,在本篇当中在Express框架中来连接数据库以及操作数据库;

2023-01-25 16:07:30 1898 2

原创 十九、Node.js 操作MongoDB (Mongoose) 数据库

本篇是将在Node.js中操作MongoDB数据库,在讲Node.js通过使用mongoose模块来操作MongoDB数据库之前首先是关于MongoDB数据库的安装和MongoDB服务以及对MongoDB命令行的操作和可视化工具MongoDBCompass的一个基本使用;那么在这里已经准备好了关于MongoDB数据库的内容了:MongoDB数据库安装详细 : MongoDB数据库安装详细教程MongoDB 数据库命令行操作 : MongoDB数据库命令行操作。

2023-01-23 15:59:21 4676 2

原创 十八、Express框架连接MySQL数据库操作

在本篇当中在Express框架中来连接数据库以及操作数据库;通过引入msyql模块连接MySQL数据库,在上一篇中已经在Node.js中引入使用了mysql模块进行数据库的基本操作。

2023-01-17 14:10:50 3176

什么是Ajax?Ajax如何发送请求(详)源码

什么是Ajax?Ajax如何发送请求? 原文章: https://blog.csdn.net/weixin_52203618/article/details/131324686 Ajax 是 Asynchronous Javascript And XML 的缩写,它是异步的 Javascript 和 XML技术,是由 Javascript 、 XML 、DOM、CSS等多种已有技术合成的一种浏览端技术,应用于与服务器进行异步交互功能的实现 Ajax技术优势 ? (1)减轻服务器的负担; Ajax 是按需加载的,可以在很大程度地减少冗余请求和响应服务器造成的负担。 (2)节省宽带; Ajax 将原来需要服务器做的工作转移到客户端,从而减轻服务器和宽度负担。 (3)用户体验好 Ajax 是按需加载,不刷新更新网页,在不需要重新载入整个页面的情况可以通过DOM操作及时更新页面内容,不像传统Web应用模式,需要等待白屏和进度条更新页面内容。 Ajax如何发送请求 ? Ajax 跨域 ? 封装Ajax请求 —— Promise ?

2023-07-18

微信小程序 WebSocket 通信 - 在线聊天 源码

#客户端 - 微信小程序 通过 wx.connectSocket 来创建 WebSocket 连接,来连接搭载好的Node服务器,连接之后发送数据可以通过 wx.sendSocketMessage ,可以发送数据到达客户端,同时也需要监听接收来自客户端发出的消息事件可以使用 wx.onSocketMessage #服务端 - Node.js服务器 使用Node搭载服务器,WebSocket 服务是建立在HTTP之上的,可以通过引入 http 模块,使用 http.createServer() 创建 HTTP服务器,安装WebSocket库,当然这里可以使用Node中net模块,通过 WebSocket库来创建 WebSocket服务器,同时还需要设置 autoAcceptConnections ,对客服端发送的数据进行一个监控,以及关闭连接的监控,此外还可以进行其他的监控像错误,以及控制台的输入等操作。 原文章地址:https://blog.csdn.net/weixin_52203618/article/details/130180645

2023-06-18

微信小程序实现订阅消息功能(Node服务器篇) 源码

在微信小程序实现订阅消息发送的功能,通过订阅消息的发送,可以在微信上的微信服务通知上看到订阅发送消息的内容。 通过Node.js搭载服务器来接收微信小程序获取到的code,与前面在客户端模拟服务端是不同,通过前后分离,通过客户端使用wx.login拿到code参数之后向后端发起请求http://127.0.0.1:3000/getOpenId,后端响应请求后并发起请求微信API做登录凭证校验,请求成功后会返回session_key和openid,此时可以将拿到的openid进行保存,同时响应客户端res.send({ 'request': 'ok' }). 原文章地址:https://blog.csdn.net/weixin_52203618/article/details/130312503

2023-06-18

微信小程序实现订阅消息功能源码

微信小程序实现订阅消息源码,该资源是在客户端模拟的服务器,同时在资源还有使用Node.js搭载服务器的微信小程序实现订阅消息源码,可自行前往下载; 在微信小程序实现订阅消息发送的功能,通过订阅消息的发送,可以在微信上的微信服务通知上看到订阅发送消息的内容,订阅消息是小程序向用户发送消息的方式,小程序本身是不具备接收消息功能,而是通过微信的服务通知功能将消息转达给用户的,感兴趣的读者可以下载一下,感谢支持! 原文章地址:https://blog.csdn.net/weixin_52203618/article/details/130236946

2023-06-18

微信小程序实现用户登录(详)源码

微信小程序实现用户登录(详)源码 用户登录流程可以用这一句话简单概括:" 3个角色,4个步骤 ",3个角色就是" 小程序 ,开发者服务器 ,微信接口服务 ",4个步骤就是:其一小程序获取code,其二将code发送到开发者服务器,其三开发者服务器通过微信接口服务校验登录凭证 ,其四开发者服务自定义登录的状态。 原文章地址:https://blog.csdn.net/weixin_52203618/article/details/127130032

2023-06-15

Node.js 开发API接口项目

使用Express框架 + MySQL数据库 + ES6语法; 该项目是一个后台的API接口项目,采用的是Express框架结合Node.js + MySQL + ES6做项目开发,项目进行了CORS跨域 ,项目主分为四大模块:1.登录注册模块 2.个人中心模块 3.文章分类管理模块 4.文章管理模块; 下面来登录注册模块主要内容是将用户的注册信息保存到数据库,且要保证数据库内的数据安全性,在登录时可以在后台获取到token进行保存以便下次请求严重;个人中心模块内容主要是能够获取、更行用户信息以及可以重置密码和更换头像;文章分类管理模块主要是文章的增删查改内容;文章管理主要是对发布内容进行管理;

2023-02-10

基于uni-app开发的微信小程序商城项目

uni-app巨惠购微信小程序介绍 此项目是基于uni-app开发的微信小程序商城项目,开发工具用的是Hbuilder和微信开发者工具,前端用的vue3.0,后台的数据用的是用node搭建的本地服务器,通过内网穿透的方式进行数据外网访问的方式,只局限做开发和测试能访问到本地的数据,由于微信小程序官方限制,如果打算做上线的应用请购买服务器,域名解析数据,这里不在细讲,适合新手和初学者当试手项目,大家可以交流学习! git下载: https://gitee.com/lhxzlhm/juhuigou.git

2022-08-03

1+X考证 Web前端实操模拟题(点赞+关注)

这个是1+X考证 Web前端实操模拟题压缩包,适用于准备1+x考试的同学,希望在考前可以拿这些题目先练练,熟悉一下或者测试一下,如果觉得自己的理论知识还不是很熟悉的话,可以在我的主页找一下【1+X】的模块,里面的理论模块知识是层层递进的,后面的几篇的的解析和知识点少了,是前几篇的文章比较详细,从第一篇开始层层递进地学习,就会发现后面做的这些题是前面的一些题目里的解析知识点,所以没有做过多的解析,那么在这里祝各位通过考试,亦或是交流学习,加油!

2022-07-12

空空如也

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

TA关注的人

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