- 博客(27)
- 收藏
- 关注
原创 在vue中使用css3动画库
1.npm install animate.css --save2.// main.js中:import animated from ‘animate.css’ // npm install animate.css --save安装,在引入Vue.use(animated)3.CSS3 animation
2021-11-22 17:04:36
678
原创 学生管理系统
启动db.json后台数据命令行输入 json-server --watch db.json创建项目vue create 项目名
2021-07-14 12:46:03
195
2
原创 json-server的另一种启动方式
1.在db.json文件中打开终端2.输入 npm init 初始化项目会多出一个package.json文件3.下载 npm i --save json-server如图将第七行改为"start": “json-server --watch db.json”运行的时候可用npm start这样启动json-server的好处即使你全局没有安装 它也会在本地查到json-server --watch db.json 模块 进行使用...
2021-07-07 14:51:56
585
1
原创 mock模拟后端数据
mock 网址 http://mockjs.com/examples.html在控制台输入以下语句可生成数据Mock.mock({'students|100':[{name:'@cname','sex|1-2':true,'birth':'@date','age|15-20':0,'status|0-4':0,'sid|+1':2021}]})如图所示 即可粘贴拿去使用
2021-07-07 14:07:17
197
原创 vue常用的数组方法
forEach((item, index, arr) => {}) map filter some every reduce find findIndex 未来会经常使用的有 map filter some find<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Co..
2021-07-06 14:33:08
255
原创 postman的使用——用于测试接口
Postmanpostman用来测试我们的接口,在工作中,后台会给我们提供接口文档,我们要使用对应的接口文档进行接口的测试,而一个好的接口测试工具,会让我们在工作中事半功倍。安装安装只需要双击打开安装工具即可,等待几分钟后,桌面会出现postman的快捷方式,点击快捷方式,进入下面的页面可以选择登录 创建免费账户,可以快速跳过测试接口GET请求请求方式选择GET,分别将请求地址、请求参数填入对应的位置,点击send发送可查看请求结果POST请求请求方式选择POST,将请求地址填入url
2021-07-06 14:11:21
256
原创 快速生成接口json-serve
JSON-SERVERjson-server文档安装npm i -g json-server创建项目创建一个文件夹在文件夹中新建db.json运行项目在对应文件中打开命令行输入命令json-server --watch db.json项目既可运行成功获取到的接口获取到的接口和db.json中的内容有关,db.json中是个对象,包裹很多的数组{ "资源名": [ { "key": "value" } ]}GET /资源名用来
2021-07-06 14:08:08
678
原创 正则表达式
正则表达式 正则表达式 主要用途是表单的提交检验。 正则表达式是一个描述字符模式的对象。 功能 验证字符串是否符合规则(验证) 从字符串获取符...
2021-07-01 17:10:27
107
原创 用vue中的filters过滤器格式化时间为几秒前几分前几天前
filters:{ formatDate (data) { // 时间差 =现在的时间-过去的时间 const time = Date.now() - new Date(data) /* 1秒 1000 1分钟 1000 * 60 60000 1小时 1000 * 60 * 60 3600000 1天 1000 * 60 * 60 * 24 86400000 1个月 1
2021-07-01 17:09:28
503
原创 Vue cli安装及使用
安装在cmd窗口输入npm i -g @vue/cli1.创建项目vue create 项目名2.选择项目模板.选择 no eslint规范代码.如果没有no eslint 选择最后一个,将倒数第三个按空格取消,然后按回车即可3.运行项目在vscode中打开终端 用 yarn serve 或者 npm run serve 运行在浏览器输入localhost:8080查看效果4.项目结构node_modulespublicindex.htmlfavicon.iconsr
2021-06-30 14:37:06
312
3
原创 ajax局部刷新页面案例
ajax:Web数据交互方式用于:局部刷新页面。使用场景:1.搜索框实时显示结果2.动态加载页面3.列表页面的分页4.表单的服务器端校验ajax优点:不需要任何插件的支持,利用js就可以使用。提高用户的体验。提高web程序的性能。减轻服务器端的宽带压力。使用步骤:1.常见xmlhttprequest对象2.调用对象的open方法3.调用对象的send方法4.监听状态改变 onreadystatechange4.1判断对象的readStatus是否等于44.2
2021-06-11 16:38:14
454
2
原创 node数据库连接池
数据库连接池1、什么是数据库连接池数据库连接池是程序在启动时创建足够多的数据库连接,将这些连接放入一个池子里。由程序动态地进行申请,使用和关闭。2、连接池的作用频繁的创建和关闭连接是非常消耗资源的。作用:负责分配,管理和释放数据库连接。允许程序重复使用现有的同一个数据库连接,而不是重现创建一个,避免了资源的消耗。3、node中使用数据库连接池3.1 安装引入mysql模块cnpm i mysql -S //下载安装在node js文件中引入mysql模块。const mysql = r
2021-06-10 15:26:46
1210
原创 项目生成器express
项目生成器express可以快速创建一个应用的骨架。1.安装在命令行输入以下指令cnpm i express-generator -g安装后就可以使用express命令了2.创建项目///express 模板引擎(或者其他配置) 项目名称express -e myapp该名称执行完成后会创建一个拥有基础骨架的项目,项目目录如下:.├── app.js //主文件├── bin│ └── www //启动文件├── package.json //项目依赖信息文件├── p
2021-06-10 09:51:19
560
原创 mysql 增删改查案列
1.实现一个页面:可以通过书名查询图书的全部信息。2.实现一个页面:可以修改图书的更新内容:update字段。3.实现一个页面:通过书的id可以删除书籍。4.实现一个页面:新增一本图书的信息到数据库中。...
2021-06-08 20:10:01
431
原创 await
await关键字await关键字只能出现在异步函数中 await promise await后面只能写promise对象 写其他类型的API是不不可以的 await关键字可是暂停异步函数向下执行 直到promise返回结果
2021-06-07 13:20:54
150
原创 ES7 与异步有关的关键字async的用法
*async的使用:*添加在普通函数定义前面,让其成为一个异步函数。或者成为async函数。**1.async函数返回的是一个Promise对象。*2.async函数内部return的值,就是then函数中回调函数的参数。*3.async函数内部如果有错误,会执行catch函数,catch函数中的回调函数的参数就是抛出的错误信息。*...
2021-06-07 13:09:40
191
原创 node连接mysql
//引入mysql模块const mysql=require("mysql");//创建连接配置,createConnection方法需要一个对象,对象连接属性为连接数据库的配置const con=mysql.createConnection({ host:"localhost",//主机名 user:"root",//用户名 password:"123456",//用户密码 database:"root"//数据库的名字})//建立数据连接con.connec.
2021-06-07 13:04:44
142
原创 js的异常捕获
js的异常捕获*try{*可能出现问题的代码*}catch(err){*对错误进行处理*}finally{*无论代码是否出错,都会执行。*}**如果try里面的代码块有错误,就会停止执行try里面的语句,而去执行catch中的语句。同时程序不会停止运行。**trycatch可以增强程序的健壮性。*/...
2021-06-04 20:38:53
155
原创 MySQL的下载安装及基本命令行操作
mysql数据库比如说:用户信息,订单信息,交易流水,收货地址,商品信息这些都是数据。之前都是存Excel中。后端程序想要操作Excel中的数据是非常困难的,而且Excel中的数据特别多的时候,打开会特别慢。...
2021-06-04 19:04:44
425
原创 第三方模块
什么是第三方模块? 别人写好的,具有特定功能的模块,就是第三方模块,我们需要下载才可以使用。获取第三方模块*npmjs.com*存储和分发第三方模块的仓库
2021-06-03 20:37:14
294
原创 模块加载机制
## 模块加载机制* 1.模块名有路径,并且有后缀 通过路径,引入相关的模块。* 2.当模块有路径,但是没有后缀的时候 2.1 会先找路径下同名的js文件。 2.2 再找路径下同名的文件夹,找文件夹下的index.js 2.3 如果文件夹下有package.json 会找文件中的main字段 入口文件。 2.4 如果找不到,就报错。* 3.模块没有路径也没有后缀。 3.1 node会判断它...
2021-06-03 20:35:03
95
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅