- 博客(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
368
原创 Vue 封装ajax请求[接口]函数
本篇主讲如何在项目中封装ajax请求接口函数模块以及封装项目中各接口函数,结合后端提供的API接口文档进行编写,锻炼结合API文档封装项目接口请求函数的能力,让你在项目开发的道路上向前一步!
2023-08-26 16:20:46
629
原创 Vite 脚手架 搭建 Vue项目
在之前讲过搭建 Vue 项目的脚手架 Vue-Cli,Vue-Cli目前是处于这个维护阶段,随着Vue3的到来官方推荐使用 Vite 来搭建Vue项目,Vite是一个轻量级的、速度极快的构建工具,由于其原生ES模块导入方式,可以实现闪电般的冷服务器启动。那么本篇就来使用Vite脚手架搭建Vue项目,同时也提供在VScode中需要安装哪些插件可以帮助使用者来更好的编写代码。
2023-07-22 18:33:35
2544
1
原创 JavaScript 处理字符串数组数据方法
前端三件套中 JavaScript 就是充电处理业务逻辑的一个角色,在很多情况之下,或像在做项目之中去发起一些数据请求之后待服务器响应回馈给到客户端的时候,对于返回的数据需要进行一个格式的处理,比如有JSON,字符串,XML等等这些数据格式,有时需要格式转化,有时需要简单的截取其中的某个字符等等,那么本篇讲关于Javascript中一些处理的方法。
2023-07-04 17:00:00
816
原创 vuex-persistedstate —— 数据持久化
本篇内容就来介绍如何来使用这款第三方包来完成数据持久化 —— vuex-persistedstate;在之前的篇目当中对于 Vuex 中的相关内容都讲得差不多,但是在项目中去使用vuex,虽然数据状态得到管理了,但数据在每一次都需要去重新加载,那么对于数据的持久化vue是没有给解决的,而是通过第三方的工具去进行数据的持久化的,[ 注:怎么读?persistedstate —— per西施特day ]
2023-07-02 14:22:07
2475
原创 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
3253
1
原创 Vuex 状态管理 —— 核心store
在上一篇当中讲到关于接口请求函数获取数据,拿到 response.data ,简化调用,那么在拿到请求的响应数据之后呢?在前面讲到组件间的通信当中,如父子通信(父传子props,子传父$emit)以及组件与组件之前不能通过直接通信,但可以通过间接的方式,即中间人模式,这种方式仍存在问题,到后续通过事件中心的方式来进行处理,这当中也反应了一些问题:1.传参的方法对于多层嵌套的组件将会非常繁琐,并且对于兄弟组件间的状态传递无能为力。2.经常会采用父子组件直接引用或者通过事件来变更和同步状态的多份拷贝。
2023-06-22 15:58:27
629
原创 什么是Ajax?Ajax如何发送请求(详)
什么是Ajax?如何使用Ajax来发送请求?Ajax与传统的Web应用模式有哪些优势?Ajax向服务器发起请求有哪些方法?Ajax如何来处理服务器响应的数据,Ajax处理JSON和XML的数据格式交换以及Ajax的跨域问题等这些内容在本篇内容讲解,超详篇目,对Ajax技术感兴趣的读者可以浏览一下,感谢大家的支持!!!
2023-06-22 15:36:11
1885
原创 Vue 封装ajax请求[接口]函数
本篇主讲如何在项目中封装ajax请求接口函数模块以及封装项目中各接口函数,结合后端提供的API接口文档进行编写,锻炼结合API文档封装项目接口请求函数的能力,让你在项目开发的道路上向前一步!
2023-06-11 14:21:48
1692
原创 跨域 —— 反向代理配置
本篇就来讲跨域中的反向代理配置,之前在Node栏目讲到可以通过后端的配置,使用cors配置解决跨域,或者可以使用jsonp解决跨域,以及还有另外一种实际情况,在本篇当中会有涉及。
2023-06-10 15:46:04
1446
原创 移动端事件300ms延迟解决
有移动端与PC端的项目开发,那么移动端和PC端开发上是存在差异的,比如 click 事件的300ms 延迟,即移动Web页面上的click事件响应都要慢上300ms,移动设备访问Web页面时往往需要 “双击” 或者 “捏开” 来放大页面看清页面的具体内容;这样做的原因是为了确定用户是“单机”还是“双击”,safari(macOS浏览器) 需要通过300ms的延迟来判断!关于 “300毫秒的延迟” 是一个默认的规范,首先先来了解这个300ms的延迟是怎么样的!
2023-06-09 15:20:44
2207
原创 InsCode AI ,你的良师益友!
Chat-GTP的火爆程度相信大家已经听说了,也对它有一个基本的初识,它是Open AI所研发的,读者当中应该有不少人已经接触和体验人工智能聊天,以及使用它交流很多问题有关于生活,学习等,而 InsCode AI 也一样能够跟你聊天聊编程的, " InsCode AI,你的良师益友!
2023-06-02 11:56:40
566
1
原创 Less基础速学 —— 混入、运算、继承
本篇讲关于Less预处理器中的混入,继承和运算,混合有这几种:普通混入,不带输出的混入,带参数的混入,带参数的混入,带参数且有默认值的参数,带多个参数的混入,命名参数,匹配模式以及arguments变量这些关于混入的内容,还要Less运算,集成等内容,感兴趣的读者可以翻阅一下!
2023-05-28 14:51:16
1733
原创 Less基础速学 —— 嵌套、变量、注释、&
本篇讲关于Less预处理器中的嵌套,变量和注释以及"&"的内容,less的嵌套写法通过采用缩进的方式,less还可以设置变量,变量的作用也有很多,比如做普通属性值来使用,作选择器和属性名,作为URL以及变量的延迟,编写less文件通过Koala编译工具可以编译为原生的CSS样式代码,如果对less预处理感兴趣或者在项目中需要使用CSS预处理器的可以看看这篇关于less预处理器的篇目吧!
2023-05-27 14:54:04
1580
原创 Charles 抓包工具下载安装及基础使用
本篇内容主讲关于Charles抓包工具,从下载安装以及配置信息,证书的下载安装以及PC端设置代理配置和移动端设备配置代理,阐述关于Charles抓包工具面板的基础使用以及如何进行抓包和设置断点,对于软件测试以及对抓包感兴趣的读者可以翻阅!感谢大家的支持!!!
2023-05-23 11:36:47
2268
1
原创 Fiddler 抓包工具下载安装基本使用(详)
本篇内容主讲关于Fiddler抓包工具,从下载安装以及配置信息,证书的下载安装以及PC端设置代理配置和移动端设备配置代理,阐述关于Fiddler抓包工具面板的基础使用以及如何进行抓包和设置断点,对于软件测试以及对抓包感兴趣的读者可以翻阅!感谢大家的支持!!!
2023-05-21 14:43:13
2177
原创 微信小程序实现订阅消息功能(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
1317
1
原创 微信小程序实现订阅消息功能
本篇内容是在微信小程序中来实现订阅消息发送的功能,通过订阅消息的发送,可以在微信上的微信服务通知上看到订阅发送消息的内容,订阅消息是小程序向用户发送消息的方式,小程序本身是不具备接收消息功能,而是通过微信的服务通知功能将消息转达给用户的,感兴趣的读者可以翻阅一下。
2023-05-01 12:35:01
6330
原创 微信小程序 WebSocket 通信 —— 在线聊天
本篇通过WebSocket通信实现客户端(小程序)和服务器端(Node.js搭载的服务器)的对话聊天,客户端通过小程序的WebSocket API 实现,服务器使用Node.js来搭载简易的服务器。感兴趣的读者可以观览一下!
2023-04-29 17:49:44
12134
4
原创 socket.io 解决浏览器兼容性(WebSocket)
Socket.io 通信在线聊天,上一篇讲 npm 上最流行的 WebSocket 库之一的 ws 库,那么本篇就来讲另外一个,就是 socket.io 库,socket.io 其实是一个兼容方案,当浏览器不支持 H5 的情况下就不能够使用上一篇内容讲的WebSocket ,只能采用其他的方案,socket.io 就解决了关于浏览器的兼容。
2023-04-20 19:32:03
2066
原创 WebSocket 通信 —— 浏览器原生支持
本篇内容依然是围绕在线聊天通信的内容,上一篇内容通过是Node中的Socket实现通信,那么本篇是通过浏览器原生的WebSocket来实现通信的,对实现在线聊天线上通信的读者感兴趣的话可以翻阅一下。
2023-04-18 15:13:40
1468
原创 Node实现 Socket 通信
本篇讲的是在线聊天系统的基础,即socket通信,通过socket可以实现客户端之间的通信,如像日常使用的QQ,微信一样的实现通信,那么本篇就通过Node.js中的Socket来实现通信效果,之后会有篇目讲WebSocket和Socket.io;
2023-04-16 23:02:06
2948
5
原创 jQuery 基础入门速成下篇
继jQuery基础入门速成上篇内容,主要讲关于jquery的引入使用,获取元素操作属性和事件的绑定以及表单操作这些内容,本篇内容主讲事件的冒泡和事件委托以及jquery中如何使用ajax的内容,内容比较基础,作为小白初学者进行jquery基础入门速成是非常好的!!!
2023-04-14 23:25:23
347
原创 jQuery 基础入门速成上篇
jQuery基础入门速成上篇内容,主要讲jquery在页面中如何引入使用,首先是jquery的选择器使用,使用jquery来操作动画,设置动画参数操作,jquery获取元素进行属性操,jquery如何进行表单操作的方法以及如何验证表单等这些内容作为jquery的基础入门内容讲解!!!
2023-04-13 16:34:35
630
原创 JavaScript 基础入门速成下篇
继JavaScript基础入门速成上篇的内容,上篇主要讲到js的基础内容,输入js的基础,本篇属于js的一个进阶,讲到js中数组,多维数组的处理,变量作用域和封闭函数,字符串的处理方法和js中的两种定时器,同时也有对应的案例可以进行练习操作!
2023-04-12 10:00:17
532
原创 JavaScript 基础入门速成上篇
JavaScript 基础入门速成上篇内容主讲js在页面嵌入以及基本使用,从定义变量,变量的类型以及命令规范,从函数的定义和执行以及变量与函数的预解析是js的一特点,js中的基础使用条件语句结合逻辑运算符讲解,如何获取js的元素以及通过js来操作页面的元素,也称操作DOM,对应的也有事件操作,如点击事件,键盘的事件等等这些基础快速入门!
2023-04-11 16:48:32
1200
原创 封装小程序request请求[接口函数]
本篇是讲进行对微信小程序网络数据请求的接口请求封装。在这篇文章中讲到小程序官方提供的异步API都是基于回调函数来实现的,在大量的使用这种回调函数就会造成回调地狱的问题,以及代码的可读性和可维护性差,通过对小程序API的Promise化能解决。
2023-02-28 22:35:44
2884
原创 Vue路由 —— vue-router
本篇讲的是关于命名路由、路由拦截以及优化的路由懒加载将举一个非常常见的场景,当你打开一个网站的时候,你想浏览该网站的时候,当你点击阅读的时候它会突然跳转到一个登录界面,如果你还没有选择登录继续点击阅读其他内容时,又弹出来一个登录界面,当你登录的时候,就不会再出现了;这种显然没有任何问题,但是不是最好的,如果需要检查的页面多了,那么就需要在每一个组件当中去检查是否有token,需要检查的都需要编写,这样一来不仅重复代码很多,写起来很难受,有没有一种好的方法呢?
2023-02-12 14:35:52
601
原创 Vue路由 —— vue-router
本篇讲的是路由中的嵌套路由、编程式导航以及动态路由,router获取到的是全局的路由对象,而route是匹配到当前的路由对象;
2023-02-11 12:14:40
687
原创 Vue路由 —— vue-router
在上一篇内容讲到关于单页面组件的内容,同时也附上补充讲了关于单页面(SPA)和多页面(MPA)之间的优缺点,通过vue-router了解到了基础的路由信息、一级路由配置、声明式导航和在声明式导航中了解到了路由切换会触发location.hash执行以及路由的重定向问题。
2023-02-09 11:28:35
672
原创 Vue组件 —— 单文件组件
本篇讲vue单文件组件内容,解决先前vue组件编写方式存在的问题等一系列问题,那么现在在项目当中,也是本篇目中最重要的内容就是Vue的单文件组件,接下来就是开始对Vue单文件组件内容的学习!
2023-02-04 11:24:10
3671
原创 Vue-Cli 脚手架 搭建 Vue项目
本篇主讲如何通过vue提供的vue-cli脚手架来搭建vue项目,自此开始进行Vue基于项目中的介绍,Vue-cli 是官方提高用于搭建基于 Vue、Webpack、ES6 项目目的脚手架工具,通过脚手架创建项目势必会较为高效!
2023-02-03 22:20:13
2311
1
原创 Express框架中JWT基础 - 对称|非对称加密
在本篇当中来进一步的讲解关于JWT的基础使用对称以及非对称加密;在上一篇内容当中已经使用过了JWT(JSONWebToken)做验证登录,采用的是对称加密的方式;
2023-01-31 21:26:35
703
原创 OpenSSL下载安装教程
(加急)下载地址:Win32/Win64 OpenSSL Installer for Windows - Shining Light Productions首先,进入官网 Shining Light Productions - Home ,可以看到如下界面: 这里演示用的版本是V1.1的版本,这里版本比较多,可以看一下自己需要哪些版本自行下载!地址已经在最上面提供了;下载完成之后,双击会弹出如下界面: 自定义安装的位置要记住大致的位置,在后续需要进行一个环境的配置;通过以上的步骤就已经安装完
2023-01-31 21:20:57
24647
11
原创 第四十三篇 filter - 过滤器
本篇内容简单的介绍 filter过滤器 的一个使用,通过管道符的形式进行,Vue.filter设置过滤器,从而可以达到过滤器的可复用,比之前使用的讲到的方式会好用许多!
2023-01-30 17:34:59
235
原创 二十二、ejs模板在Express框架中的集成
本篇就来了解一下ejs模板在Express框架中的集成使用,ejs模板也是常用的模板引擎,支持在标签内直接编写javascript代码,通过javascript代码就能够生成HTML页面的,通过本期对ejs模板的学习可以与之前讲的pug模板进行一个比较,两者均有自身的优劣。
2023-01-30 17:30:39
521
原创 二十一、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
1132
原创 二十、Express框架连接MongoDB数据库操作
在上一篇中已经在Node.js中引入使用了mongoose进行MongoDB数据库的基本操作,在本篇当中在Express框架中来连接数据库以及操作数据库;
2023-01-25 16:07:30
2047
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
4840
2
原创 十八、Express框架连接MySQL数据库操作
在本篇当中在Express框架中来连接数据库以及操作数据库;通过引入msyql模块连接MySQL数据库,在上一篇中已经在Node.js中引入使用了mysql模块进行数据库的基本操作。
2023-01-17 14:10:50
3394
BNSTools 解包压包工具
2025-02-11
什么是Ajax?Ajax如何发送请求(详)源码
2023-07-18
微信小程序 WebSocket 通信 - 在线聊天 源码
2023-06-18
微信小程序实现订阅消息功能(Node服务器篇) 源码
2023-06-18
微信小程序实现订阅消息功能源码
2023-06-18
微信小程序实现用户登录(详)源码
2023-06-15
Node.js 开发API接口项目
2023-02-10
基于uni-app开发的微信小程序商城项目
2022-08-03
1+X考证 Web前端实操模拟题(点赞+关注)
2022-07-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人