- 博客(43)
- 收藏
- 关注
RSS订阅原创 vue3+TS从0到1手撸后台管理系统
（以home组件为例）1.2.2路由配置1.3路由出口注意：el-col是24份的，在此左右分为了12份。我们在右边放置我们的结构。是为了响应式。下的element-plus元素都用包裹起来。回调应该做的事情2.2.2 仓库store初始化大仓库（笔记只写一次）安装pinia：用户相关的小仓库2.2.3 按钮回调2.2.4 用户仓库2.2.5 小结Element-plus中ElNotification用法（弹窗）：引入：使用：Element-plu
2024-07-16 21:49:53
977
原创 vue3+TS从0到1手撸后台管理系统
修改使用规则rules使用自己编写的函数作为规则校验。//定义表单校验需要的配置对象//规则对象属性:/* {required: true, // required,代表这个字段务必要校验的min: 5, //min:文本长度至少多少位max: 10, // max:文本长度最多多少位message: '长度应为6-10位', // message:错误的提示信息。
2024-07-16 21:44:34
550
原创 vue3+TS从0到1手撸后台管理系统
修改使用规则rules使用自己编写的函数作为规则校验。//定义表单校验需要的配置对象//规则对象属性:/* {required: true, // required,代表这个字段务必要校验的min: 5, //min:文本长度至少多少位max: 10, // max:文本长度最多多少位message: '长度应为6-10位', // message:错误的提示信息。
2024-07-16 21:39:47
1109
原创 vue3+TS从0到1手撸后台管理系统
修改使用规则rules使用自己编写的函数作为规则校验。//定义表单校验需要的配置对象//规则对象属性:/* {required: true, // required,代表这个字段务必要校验的min: 5, //min:文本长度至少多少位max: 10, // max:文本长度最多多少位message: '长度应为6-10位', // message:错误的提示信息。
2024-07-16 21:38:07
1118
原创 vue3+TS从0到1手撸后台管理系统
修改使用规则rules使用自己编写的函数作为规则校验。//定义表单校验需要的配置对象//规则对象属性:/* {required: true, // required,代表这个字段务必要校验的min: 5, //min:文本长度至少多少位max: 10, // max:文本长度最多多少位message: '长度应为6-10位', // message:错误的提示信息。
2024-07-16 21:37:07
2431
原创 vue3+TS从0到1手撸后台管理系统
修改使用规则rules使用自己编写的函数作为规则校验。//定义表单校验需要的配置对象//规则对象属性:/* {required: true, // required,代表这个字段务必要校验的min: 5, //min:文本长度至少多少位max: 10, // max:文本长度最多多少位message: '长度应为6-10位', // message:错误的提示信息。
2024-07-16 21:34:43
1803
1
原创 vue3+TS从0到1手撸后台管理系统
修改使用规则rules使用自己编写的函数作为规则校验。//定义表单校验需要的配置对象//规则对象属性:/* {required: true, // required,代表这个字段务必要校验的min: 5, //min:文本长度至少多少位max: 10, // max:文本长度最多多少位message: '长度应为6-10位', // message:错误的提示信息。
2024-07-16 21:33:39
998
原创 vue3+TS从0到1手撸后台管理系统
修改使用规则rules使用自己编写的函数作为规则校验。//定义表单校验需要的配置对象//规则对象属性:/* {required: true, // required,代表这个字段务必要校验的min: 5, //min:文本长度至少多少位max: 10, // max:文本长度最多多少位message: '长度应为6-10位', // message:错误的提示信息。
2024-07-16 21:33:02
691
原创 vue3+TS从0到1手撸后台管理系统
修改使用规则rules使用自己编写的函数作为规则校验。//定义表单校验需要的配置对象//规则对象属性:/* {required: true, // required,代表这个字段务必要校验的min: 5, //min:文本长度至少多少位max: 10, // max:文本长度最多多少位message: '长度应为6-10位', // message:错误的提示信息。
2024-07-16 21:32:23
1038
原创 vue3快速上手指南
2020年9月18日，Vue.js发布版3.0One Piece（n4800+次提交40+个RFC600+次PR300+贡献者3.3.4setup是Vue3中一个新的配置项，值是一个函数，它是“表演的舞台_，组件中所用到的：数据、方法、计算属性、监视......等等，均配置在setup中。setup函数返回的对象中的内容，可直接在模板中使用。setup中访问this是undefined。setup函数会在之前调用，它是“领先”所有钩子执行的。<template>
2024-07-15 20:03:17
2346
原创 vue - vue基础/vue核心内容（终结篇）
今天是vue基础、vue核心内容第三天，也是最后一天，后面开始进入组件化学习，整个基础内容以生命周期的结束而结束，不得不说，张天禹把这节课讲活了，开始觉得vue是一个有生命的东西，包括前面所说的很多脏活累活都给他做，我们只管调用，说的我都于心不忍如此对待vue了，所以思来想去，我绝对对待它最好的办法，那就是多练练代码优化，能省就省，意思就是让他少干点活。14.收集表单数据==账号密码==使用v-model正常收集没得问题，本身就是收集value的==单选框==只是使用v-model就有问题，v
2022-11-09 10:07:44
152
原创 vue - vue基础/vue核心内容（2）
今天的内容书接上回，同样是vue的核心基础部分，今天偏向于理论性，特别是vue对于数据对象的监测那一块，刚开始琢磨了半天，这股劲一过，现在好理解多了10.watch和computed对比计算属性案例（watch来做）在增加一条需求输入姓后要反应一秒后再响应computed==区别== : computed能完成的功能，watch都可以完成watch可以完成的功能，computed不一定能完成，就比如watch这里可以异步操作，computed就不行，因为computed里面我们靠的就
2022-11-08 22:16:08
364
原创 vue - vue基础/vue核心内容
终于算是顺利进入vue了，确实也只有学了过后才知道，之前三过vue而不学，确实是对的，现在进来了一点都不后悔，ajax、node.js、promise、webpack、git等等确实是除了三大基础外还需要额外学的。终于能够一窥vue的真容了，学了这么久，说实话一直都忍着，不去触碰这一条线，就想留着保持浓厚的兴趣，来看看vue到底是个什么神奇的东西，能让代码如此简单，确实，至少到我现在学的阶段，其他大的感触没有，唯一的感触就是，很多功能的实现要简便的多了，那比原生js不是简单一星半点。这中间笔记还丢过，感
2022-11-08 09:42:38
139
原创 git-github远程仓库以及git的进阶使用
注意保存自己的笔记吧，看来这个typora还是有点bug，居然还被我碰到了，今天突然死机，重启电脑后，看我自动保存的里面居然没有后来连上网了又有了，这就不说了嘛，但是命名文件有几kb的大小，为什么我一点开就是空白，我又重新开始学了，重新做一份笔记，还好代码量不是很大，看来以后时常要ctrl+s常按了。一.开源相关概念1. 什么是开源 开放源代码，代码公开任何人可以去使用、修改的。##2. 开源许可协议GPL：具有传染性的一种协议，项目有这个协议了，项目中的任何项目都必须使用这个协议，他的特
2022-11-07 22:04:48
197
原创 vue - git
今天差不多从中午开始下午一点才开始学的，把git学了一大半了，还好任务不是很多，但是我上午用的时间挺值的，因为我去搞了个cnblogs的背景主题，就是你们现在所看到的这套，这个没搞明白有一通研究的，只不过现在已经搞熟悉了，添加那些参数，不得不说挺强大的，这个自己编辑页面的功能，我最满意的这套主题，是自适应，以前用的默认的那个手机根本看不了，没想到现在这个居然还可以自适应对手机用户简直福音。然后第二件事情，今天开始用typora了，感觉还可以，不知不觉一大版笔记，都头头是道的，我后面就用Markdown编辑
2022-11-07 10:54:55
547
原创 vue - ES6模块化、promise、webpack打包（所在在学的朋友们先看这篇，看了不吃亏）
首先我要说明一下，没错，还是没有进入vue，刘备请诸葛亮三次都可以了吧，我这也是第三次了，也绝对是最后一次了，我应经摸透了因为，最后的webpack打包加上一个git学了过后我就去vue了。为什么要说先看这篇，其实跟我们今天的主题webpack没有太大关系，昨天学了一下webpack，其实内容没多少，webpack的内容无非就是参考文档去怎么做，然后最主要的js、html生成、css、字体图标、图片来打包包括开启一个webpack服务器。但是我们今天的主要内容，但是我要说的是比较重要的是，在学的朋友们，正
2022-11-06 22:54:58
155
原创 复习 - node.js（接口案例）
其实复习一次的作用真实太大了，真的，自从上次ajax开始其实就开始i有点懵懵懂懂的感觉，一直拖想到了node在去回顾一遍，这一次回去复习，ajax已经很熟练了，node之前搞不懂那些原理也顺清楚了好多，其实这次复习没有什么需要说的知识点，因为要说的前面都说过了，我来说一下这个做的一个大项目吧，这个项目真的，应该是我不熟练的愿意那边，就是用express写接口，用postman来测试，三个模块，三个数据库，基本上都在我的代码里面了，写的很详细步骤，用到的技术，基本上是用node的express模块，去写接口，
2022-11-06 10:49:57
146
原创 复习 - ajax
复习呢有一个很直观的感受，就是以前学的东西，萌懂半懂的，这一来全部都清楚了，你以前以为你学的并不好但是复习一次把以前的案例一做，居然能够自己独立完成，知识点看着掌握的还不错。1.两天时间就把整个ajax复习完了，一天目前还暂时做不到哈哈，确实还是有很多案例都要思考一会，直接从案例下手吧，一个图书管理的案例，在这个案例里面吧就是用三个接口来获取图书，增加图书，删除图书，在js方面没多大问题，在html方面，还让我多熟悉了下vscode快速编程bootstrap，直接bs3，form-inline类名可以让
2022-11-05 22:44:35
140
原创 复习 - es6语法
这几天电脑有点问题，一直在弄，而且论文也逼近了也在时间弄那个 ，前面node有一个大项目，已经做完了，我现在是准备把上次复习断下的继续复习一直到这个项目，然后就开始vue了。1.首先是函数的一个进阶，要明白函数也是对象，所以是可以通过new的方法来创建实例的。然后是调用函数的三个方法：call可以改变this加调用、apply可以改变this但是传的参数是数组也可以调用、bind可以改变this传的参数也跟第一个call一样但是就是不会自己调用。2.今天的主打内容闭包首先要知道严格模式，use
2022-11-05 09:53:15
118
原创 node.js -- 身份认证
请问昨天结束的早是对堆积在了今天吗，今天还来加个班更博，看在这个毅力的份上能否给亿点点推荐。有个好消息有个坏消息，先说坏消息吧，就是在这么学下去我急需急支糖浆，来回顾回顾前面的知识，这几天学的太急了，搞得有点推着走的意思，好消息就是今天的内容是最后最后node的基础内容了，果然天不负我，整完然后有两个大案例，做完我就从上次复习那里开始一直复习过来，然后全部不欠账，就昂首挺胸的走进vue了，等等，这个学完可以进去了吧。1.今天的第一个内容说一下web开发模式，今天基本就是讲一个身份认证的内容，我们的we
2022-11-03 15:44:28
480
原创 node.js - mysql
今天结束的挺早，因为今天的内容还可以不是很难，今天全程是学了一些关于mysql数据库和sql查询语句的内容包括在node终端里面怎么来连接数据库。经过今天的一个学习，我感觉离那个地步越来越近了，就是那个自己完成一个网站，有服务器、有响应，就跟现在这些上线的网站一样一样的，越来越近了。1.这些内容其实上学期间就学过了，现在主要是拿来复习一下。首先我们先了解一下数据库的基本概念，用来组织、存储，管理数据的仓库。我们传统型数据库（mysql、sql、Oracle）的一个数据结构为：数据库》数据表》数据行》
2022-11-03 09:39:46
100
原创 node.js - 路由、中间件、mysql
这几天天天搞到这么晚，我看今天的内容看起不多啊，不知道为什么学着学着就到了这么晚。今天的内容还是有点多哈，有点自我矛盾了，再次一一道来。1.首先今天先看到路由的概念，什么叫做路由？路由就是映射关系，在express中路由指的是客户端请求和服务器处理函数的映射关系，路由有三部分组成：请求类型、请求url和处理函数。app.get(url，callback)其实就跟我们前面所说的监听事件一样一一样的。const express = require('express')const ap
2022-11-02 15:33:28
203
原创 node.js - 包、express
首先，要先在这里分享一下我的喜悦，从昨天开始其实一直都在喜悦当中的，我收到了我的第一份offer，这感觉不摆了，比第一桶金都还舒服，虽然我还没收到第一桶金哈哈，不过offer都得了应该也快了。今天的内容有点小多，容我慢慢道来1.首先我们看到包的管理配置文件以及下包慢的问题，在我们多人协作下，是不是要经常把自己的代码共享出去通过git、github之类的，那么我应该发现一个问题，一个项目文件，有30M大小，而代码只有区区2M左右的内存，剩余的都给谁了？都给了第三方包也就是node_modules里面的内
2022-11-02 11:24:49
176
原创 node.js - http、模块化、npm
今天是node学习的第二天，其实越往后面学越感觉有点熟悉的味道了，光针对于node来说哈，为什么呢，因为我之前学过一点云计算的东西，当时感觉没什么用搞了下服务器客户端这些，没想到这里还能用一用，至少看到服务器这些概念一点不陌生，看到npm一点不奇怪，我当时用的都是yum。1.我们今天先看到http模块，也是node里面的第一大模块，内置模块的内容，http是创建web服务器的模块，在前端当中，不需要iis、Apache这些第三方服务器软件，只需要一个node.js提供的http模块就能够写一个服务器，这
2022-11-01 10:18:21
117
原创 Node.js - fs.path模块
首先我有话说，是谁说的学完ajax就可以去vue了，太天真了我，学会js钻出来个ajax，学完ajax钻出来个node.js这一步步的，当然node不会学到太深入把表面的认识一下就可以了，这之后可能更新速度要慢一点了，因为这几天会把时间花在论文上，马上要进入答辩了，虽然我现在那是有非常的浓厚的兴趣想见识一下node的姿态啊。进入正题吧1.今天首先介绍一下什么是node.js？node.js是一个基于Chrome V8引擎的js运行环境，注意是一个运行环境，浏览器是js前端的运行环境，而我们node就是
2022-10-29 10:44:17
472
原创 ajax - 终结篇jsonp，防抖节流
今天是我们最后一天ajax的学习，这次学完总可以去vue了吧，我不信还有什么拦路石，先不说其他的先看看今天的内容。1.首先是同源策略，什么叫做同源？如果两个页面的协议、域名、端口都相同的话，我们将这两个页面为同源。那么什么同源策略呢？是浏览器提供的一个安全功能，如果说两个页面不同源，那么A网站就无法读取B网站的cookie、localstorage、indexdb等；无法接触B网站的DOM；无法向B网站发送ajax请求了解了同源与他相反的就是跨域，也就是上面说的协议。域名、端口只要有一个不满足那
2022-10-25 20:35:45
106
原创 ajax - xhr level2新特性 json等众多内容
1.今天的内容其实挺多的，我们慢慢来说。首先第一个是xhr的基本使用，什么是xhr？XMLHTTPRequest是浏览器提供的js对象，可以请求服务器上的数据资源，包括我们前面一直用的jq里面的三个请求资源的方法都是基于xhr来封装的。那么首先我们看到xhr的get请求怎么来实现首先要创建xhr实例通过new来实现然后调用open函数，里面值为请求方式以及url第三步调用send函数第四步监听onreadyStateChange事件在这个事件里面要注意一下请求状态和服务器响应状态的固定写法，还
2022-10-24 15:41:44
244
原创 ajax - 接口、表单、模板引擎
1.今天继续ajax的一个学习，首先明确一个观念，接口，什么是接口，当使用ajax请求数据时，被请求的url就叫做数据接口也就是接口，注意每个接口必须有请求方式，这里有一个接口的测试工具，postman自称是全球最快的，反正使用起来没多大毛病，使用这个软件的时候有一个注意点就是在post请求的时候，在body里面输入参数要选择x-www-form-这个选项才行，然后是接口文档，我们如果要调用接口，那肯定是要参照接口文档的，里面的包含这个接口的所有信息，一般一个接口文档大致分为以下五个内容：①接口名称：能
2022-10-23 10:04:53
241
原创 ajax - 初步介绍
进入ajax了，想要进入vue还有一个前提就是要把ajax给熟悉一下，看一看客户端与服务器之间是怎么一个通信的过程，第一天主要是先了解了一下ajax的一些介绍，ajax嘛，在进入之前，肯定是要了解一下客户端与服务器之间的一个通信过程，其实不管是请求还是发送都遵循的一个原则，即请求、处理、响应，如何来请求服务器上的数据，需要用到XMLHttpRequest对象，也就是声明一个对象实例var xhrObj = new XMLHttpRequest（）。我们通常所说的资源请求方式主要是分为两种，一种是get请求
2022-10-16 22:18:34
200
原创 面向对象编程-终结篇 es6新增语法
各位，各位，终于把js完成了一个段落了，这次的章节一过我还没确定下面要学的内容可能是vue也可能是前后端交互，但无论是哪个都挺兴奋的，因为面临着终于可以做点看得过去的大点的案例项目了，先憋住激动地情绪，看看今天的一个内容，今天是es6新增的一些语法，简单也是真的简单，但是我要是没学今天这一天那看到了也是真的看不懂，就跟昨天的正则表达式一样一样的，今天的案例我都没怎么做，而且也都是一些比较简单的案例，我先把今天的一些有代表性的案例传上来吧，是一些面试题之类的，然后我就说下我今天学了些啥子语法，今天着重采取说的
2022-10-09 22:32:16
37
原创 面向对象编程-正则表达式
我相信不管是学什么语言，是哪个派路的对这几个字应该不会陌生吧，正则表达式终于让我给碰到了，之前看到了说实话那是真看不懂，一点头绪没有，猜我都猜不出是什么意思，今天终于把这个了解了一番，大概对正则也有一个把握了，今天主要是学习了js的正则一些应用，比如说表单验证啊、中文输入验证啊、敏感词的替换啊、提取字符串啊这些、1.首先第一个案例来一个初次认识正则表达式学到的一些基础，是一个座机号码的验证案例，本案例两个注意点 一个是正则表达式的或只有一个竖线一个是验证时候数字也要加引号<!DOCTYPE
2022-10-04 09:53:17
167
原创 复习+学习 递归
我们继续递归的一个问题，有闭包没有递归怎么能行1.第一个递归的案例就是用递归求阶乘，这应该是典中典了吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <
2022-09-30 11:28:15
192
原创 复习+学习 闭包
今天的内容其实挺有分量的，首先我要说一下今天是复习的最后一天，当时学到这里就断了，内心有点小激动，因为终于结束了复习的痛苦，还是接受新知识比较有动力，今天的内容也是挺够分量的是一些关于闭包、递归、以及函数的方法的一些应用1、先来一个开胃小菜，es5新增的改变this指向的一个方法，bind，我觉得他与另外两个不同，以为他不会被调用，刚开始认识我还以为这个用的最少应该，其实才发觉这才是大哥，他用的最多，他的一个案例也很经典，点击一个按钮，点过后就禁用三秒后就需要回到可以点击的状态，关于定时器的this指向
2022-09-29 17:41:06
195
原创 复习——高级语法对象原型，es5新增语法
今天的开始进入了js的高级语法 我马上也要复习完了，之前学到闭包递归，就回去复习去了，复都复习这么久而且，复习的过程真的比学知识的过程难熬的多，只不过终于要复习完了，再来点es6的新语法马上就要步入vue了，想想都有点小激动，今天首先来的第一个案例我称之为目前为止的史诗级难度，第一次做的时候懵懵懂懂的，这第二次复习到再做慢慢的有点感觉了，也懂了很多但还是有一些部分自己独立完成不了，这是一个基于面向对象的tab栏，我第一次做的时候应该也在下面开贴了，这一次做收货照样很多，不多说了先看效果吧先来html代码
2022-09-29 09:37:59
284
原创 复习-jQuery
咱就是说，发现了一个更好的方法每次把效果图制作成了一个gif，另外推荐个免费软件GIFcam很方便制作gif图，毕竟js是一门动态交互的语言对吧，没有动态的图那就是没有灵魂的所以以后就用这种方式来上传一些页面的效果交互，今天是对jQuery的复习，虽然说现在用jq的少了但是学一学还是可以的，学了不吃亏，还别说这里面还是有难得案例的逻辑性很强，就比如jq那个表单插件validate主要还是里面的属性方法这些要搞清楚。1.第一个案例是一个登录切换的案例，用到了jq的自触发事件，然后都在代码里了，看图吧霍
2022-09-27 16:36:33
141
原创 webapi_3 今天真真真全是大经典案例
这个项目一多起来了，还是分个序号比价好一点，你好我好大家好，然后关于这个标点符号的问题，我打字真的很不喜欢打标点符号，不是不好按，按个逗号其实也是顺便的事情，可能就是养成习惯了，就喜欢按个空格来分开，也不晓得你们看有标点和没得标点看起来有区别没得，如果有区别的话我就慢慢养成习惯打上标点吧！！！欧尔整点感叹号这些还是可以，我们今天书接上回由于是大项目所以用了另一种呈现的方法。1.我们后这个章节后面的内容的项目基本都要以一个自己编写的缓冲动画的函数为基础，所以我先把这个函数贴上来缓冲动画函数终极版<
2022-09-27 09:45:33
175
原创 webapi_2 今天全是大经典案例
今天的案例又大又经典 我想想怎么搞呢因为要用到外联样式之类的了 写入内联也太大了1.先来一个单独小页面的吧 一个仿淘宝右侧侧边栏的案例 不多说都在注释里了<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="
2022-09-25 11:05:58
157
原创 继续我们的复习之路——webapi
前面断更几天是因为在住安心复习DOM BOM的内容 不得不说 还得是DOM 在这一章节的复习内容中 涌现出了很多又代表意义 经典的一些小案例 而且 还是有些难度的 有一两个我反正是自己独立完成不了 可能是不熟悉 我已经做了记号了反正，下次直接抓住这些第一次没有独立完成的来做，这一次的案例很多我可能要分两篇随笔才能写出来我先来前几天的案例吧先来第一个，直接上狠的，这个是第一个卡我的案例，有点绕，我注释的是我自己做的时候的逻辑，后面是看着别人做出来想的逻辑不得不说还是过来人有经验，化骨绵掌一样给我的问题在无
2022-09-24 20:55:44
130
原创 复习 - js基础语法
今天继续复习了js基础语法 最后一天了 学完了进入dom bom的复习 今天发现了很多经典案例 我都不知道一个随笔放的完不 逻辑性感觉还是蛮强的 主要就是作用域 对象 内置对象等一些的操作嘛 话不多说直接上代码 都在代码里了哈哈首先是一个关于预解析的问题 感觉在这里有点小坑 以后要注意了 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g
2022-09-23 14:03:26
223
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人