- 博客(42)
- 收藏
- 关注
原创 问题记录(一)
npm下载报unable to resolve dependency tree解决方法:npm i --legacy-peer-deps版本问题
2022-12-09 16:06:22 131
原创 数据库数据为空,实体类int类型报错
经过查看,数据库中该字段中有为null的数据,而实体类中的字段类型为int,基本类型怎么能接收封装null呢,所以需要使用Integer来定义实体类中的字段类类型。tips:在数据库中的字段中最好不要有null的存在,可以设置字段的默认值或者通过0或者空字符串表示,不仅会有这种类型的影响,null值也会占用更多的内存空间。根据异常信息的提示和查询的解决方案来看:数据库的数据的类型和当前实体类中映射的类型不一致,将数据库中的类型和实体类中的类型设置为一致。这样看起来是没有问题的,但是!
2022-12-09 16:05:26 1380
原创 vue(五)路由
1.路由的概念路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。那么url地址和真实的资源之间就有一种对应的关系,就是路由。路由分为前端路由和后端路由1).后端路由是由服务器端进行实现,并完成资源的分发2).前端路由是依靠hash值(锚链接)的变化进行实现后端路由性能相对前端路由来说较低,所以,我们接下来主要学习的是前端路由前端路由的基本概念:根据不同的事件来显示不同的页面内容,即事件与事件处理函数之间的对应关系前端路
2021-12-05 15:28:25 262
原创 vue(四) vue cli3
1.下载vue脚手架npm install -g @vue/cli2.使用vue cli3创建项目1 打开vscode,打开存放项目的文件夹,建一个终端2.执行创建项目命令vue create projectname 这里的projectname为项目名称,不能有大写字母3.选择预置选下面那个是自己配4.选择项目需要用到的功能按键盘↑ ↓键进行选择,按空格键选择其中某一个本文选择如下几项功能:BabelRouterVuexCss Pre-processorsLin
2021-12-05 15:02:25 182
原创 vue(三)组件
组件组件 (Component) 是 Vue.js 最强大的功能之一组件可以扩展 HTML 元素,封装可重用的代组件注册全局注册Vue.component(‘组件名称’, { }) 第1个参数是标签名称,第2个参数是一个选项对象全局组件注册后,任何vue实例都可以用<body> <div id="app"> <counter></counter> <counter></co
2021-11-27 10:18:58 109
原创 vue(二)指令
1.自定义指令内置指令不能满足我们特殊的需求Vue允许我们自定义指令<!-- 使用自定义的指令,只需在对用的元素中,加上'v-'的前缀形成类似于内部指令'v-if','v-text'的形式。 --><input type="text" v-focus><script>// 注意点: // 1、 在自定义指令中 如果以驼峰命名的方式定义 如 Vue.directive('focusA',function(){}) // 2、 在HTM
2021-11-27 10:04:33 114
原创 Vue(一) 初学Vue
1.基本语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
2021-11-20 16:30:10 480
原创 (node六)+mysql数据库写一个增删改查
1.npm下下面的几个插件2.连接数据库DB.js// 连接数据库const { Sequelize } = require('sequelize');const sequelize = new Sequelize('huotai','root','root',{ //数据库名字,账号,密码 host:'localhost', //主机名 dialect:'mysql' //什么数据库});module.exports = sequelize;3.建表公
2021-11-20 15:43:59 1092
原创 node.js创建扑克牌模拟发牌洗牌
1.创建牌brand.jsexport class pai{ constructor(){ this.arr = []; var hua = [{name:'j'},{name:'Q'},{name:'K'},{name:'A'},{name:2}]; for(let i = 1 ;i <=4;i++){ let mm = 0; for(let j = 3;j<=15;j++){
2021-11-14 20:16:48 287
原创 node(五)-- express
express的基本使用使用http模块的问题1.根据不同的请求路径、处理方法,做不同的事情,处理起来比较麻烦2.根据请求体和写入响应体是通过流的方式,比较麻烦常见第三方库1.express 生态比较完整2.koa2 技术先进性,接口的友好型比较好手册官网:http://expressjs.com中文网(民间网):https://www.expressjs.com.cn2.nodemon手册:https://github.com/remy/nodemon#nodemon1.自
2021-11-14 20:01:33 986
原创 node(四)--爬数据
1.要用的插件cheerio和axios下载后const axios = require(" ").default;const cheerio = require("cheerio")案例:爬取豆瓣的部分信息1.获取豆瓣读书网页源代码的所有html信息async function getBooksHTML(){ const resp = await axios.get("https://book.douban.com/latest") return resp.data}
2021-11-07 11:43:21 274
原创 node(三)--数据库
1.数据库简介1.数据库的能干什么持久的存储数据备份和恢复数据快速的存取数据权限控制2.数据库的类型1.关系数据库 特点:以表和表的关联构成的数据结构 优点:能表达复杂的数据关系。强大的查询语言,能精确查找想要的数据 缺点:读写性能比较差,尤其是海量数据的读写。数据结构比较死板 用途:存储结构复杂的数据 代表:Oracle、MySql、Sql Server2.非关系型数据库 特点:简单的结构存储数据,文档型,键值对 优点:格式灵活,海量数据读写效率很高 缺点:
2021-11-07 11:34:48 374
原创 node(二)
事件循环1.微任务Node 中的“微任务”。这里说的微任务(microtasks)其实是一个统称,包含了两部分:process.nextTick() 注册的回调 (nextTick task queue)promise.then() 注册的回调 (promise task queue)Node 在执行微任务时, 会优先执行 nextTick task queue 中的任务,执行完之后会接着执行 promise task queue 中的任务。所以如果 process.nextTick 的回调与 p
2021-10-31 12:12:44 144
原创 初学node(一)
1.什么是Node?Node.js® 是基于Chrome 的 V8 JavaScript 引擎构建的 JavaScript 运行时。不需要处理兼容性问题 2009.051.1Node是一个JS的运行环境 js的运行方式: 1.客户端:把js文件引入,然后打开浏览器,控制台查看 2.node服务端: 1.cmd窗口中cd命令切换到需要打开的文件夹下,运行 node 文件名 2.直接在文件夹下 shift+右键 3.vscode编辑器中直接在当前
2021-10-31 11:48:15 123
原创 es6之set集合和map集合
1.set集合和map集合ES6中新增的数据存储结构,不同的场景使用不同的集合去存储数据。2 set集合1 创建用于存储不重复的数据创建set集合```js const s1 = new Set(iterable) console.log(s1)```2 方法实例方法:add() 添加数据has() 判断数据是否存在delete() 删除数据,返回值为是否删除成功clear() 清空集合size 集合长度 只读for…of forEach根据s
2021-10-24 17:19:13 117
原创 es6之迭代器和生成器
1 迭代器 iterator运用场景:React框架,fetch什么是迭代?从一个数据集合中按照一定的顺序,不断取出数据的过程迭代和遍历的区别?迭代强调依次取出,不能确定取出的数据有多少,也不能保证数据取完遍历保证知道了数据的长度,,循环不断地全部取出,针对于数据量过大的时候使用遍历会花费很多事件迭代器对迭代过程的封装,通常表现为对象的数据形式(也有数组的形式),不同的语言中,表现出来的形式是不一样迭代器满足的条件1.有得到下一个数据的能力2.判断是否有后续数据的能力js中的迭代
2021-10-24 16:53:13 68
原创 es6箭头函数
箭头函数ES6中允许使用箭头(=>)定义函数基本语法 function fun(a,b){ } 等同于: let fun = (a,b)=>{ }//还有多种形式let func = (num) => num;let func = () => num;let sum = (num1,num2) => num1 + num2;[1,2,3].map(x => x * x);箭头函数的简写1. 如果箭头函数的参
2021-10-17 18:14:32 91
原创 ajax之城市三级联动练习
在准备好服务器后html部分 <div> <select name="" id="province"> <option value="">请选择省份</option> </select> <select name="" id="city"> <option value="">请选择城市</option>
2021-10-16 16:52:11 72
原创 九月学习总结
1.HTML5中增加了一些属性、标签、API新增属性placeholder 表单提示信息 占位符input中type属性值(日历类 数字类 邮箱 url)contenteditable 标签中内容是否可以编写draggable 可拖拽 7事件拖拽生命周期:开始拖拽(dragstart) 拖拽进行中(drag) 拖拽结束(dragend)拖拽的组成:拖拽的物体 目标区域ondragenter:鼠标进入目标区域ondragover:鼠标在目标区域移动ondragleave: 鼠
2021-10-06 16:14:05 192
原创 jQuery中的ajax
jquery 库中已经封装了ajax请求的方法。jquery.ajax([settings])。发请求并且能得知成功还是失败。type:类型,“POST"或者"GET”,默认是"GET"。url:发送请求的地址。data:是一个对象,连同请求发送到服务器的数据dataType:预期服务器返回的数据类型。如果不指定,jQuery将自动根据HTTP包含的MIME信息来智能判断,一般我们采用json个数,可以设置为"json"。success:是一个方法,请求成功后的回调函数。传入返回后的数据,以及包
2021-10-05 11:45:49 239
原创 ajax初体验
简介ajax不是一门新语言,是综合HTTP异步通信 、JS、XML、以及JSON等多种网络技术的一种编程模型,本质就是在HTTP协议的基础上以异步的方式与服务器进行通信。优点ajax别称 叫做无刷新技术 比如地图、局部加载 1.页面局部刷新。在读取数据的过程中,用户所面对的不是白屏,而是原来页面的转台,或者正在更新的信息提示状态,只有当接收到全部数据后才更新相应部分的内容,而这种更新也是瞬间的用户几乎感觉不到; 2.可以充分利用客户端闲置的处理能力,减轻服务器和网路传输的负担; 3.使we
2021-10-05 11:22:14 91
原创 前端有关的网络知识
1.IP地址IP地址是指互联网协议地址,它为互联网上的每一个网络和每一台主机分配一个逻辑地址,以此来屏蔽物理地址的差异分类: 1.公有地址:由Inter NIC(因特网信息中心)负责。这些IP地址分配给注册并向Inter NIC提出申请的组织机构。通过它直接访问因特网。 2.私有地址:属于非注册地址,专门为组织机构内部使用。IP地址编址方案将IP地址空间划分为A、B、C、D、E五类(其中A、B、C是基本类,D、E类作为多播和保留使用)。2.域名和DNS解析 域名(Domain Name
2021-09-30 17:21:36 158
原创 移动端之响应式布局
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点:兼容各种设备工作量大,效率低下代码累赘,会出现隐藏无用的元素,加载时间加长其实这是一种折中性质的设计解决方案,多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构,会出现用户混淆的情况所以在页面布局较为简单,内容偏少时可以使用响应式布局,而不用为每一个终端做一个页
2021-09-30 16:53:58 936
原创 移动端页面布局基础
1.移动端现状现在移动端设备屏幕尺寸非常多,碎片化严重,不利于我们布局。但是浏览器的内核基本上是webkit,所以只需要解决webkit兼容性问题即可。2.视口视口(viewport)就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口,视觉视口和理想视口。2.1 布局视口 layout viewport一般移动设备的浏览器都默认设置了一个布局视口,用于解决早起PC端页面在手机上显示的问题。IOS,Android基本上都将这个视口的分辨率设置为980px,所以pc上的页面大多都能在手机呈现,只
2021-09-28 20:56:33 373
原创 增删改查系统练习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
2021-09-17 20:10:12 54
原创 jQuery的增删改查等相关方法
一.查1.next()获取下一个兄弟元素节点2.prev()获取上一个兄弟节点3.nextAll()当前元素后面的所有兄弟节点4.prevAll()当前元素曲面的所有节点5.nextUntill()查找当前元素之后的同辈元素,直到遇到匹配的元素为止6.prevUntill()查找当前元素之前的同辈元素,直到遇到匹配的元素为止7.siblings()查找当前元素的所有兄弟元素传参代表查找对应的兄弟元素8.parent()找父级9.parents()找所有的父级,直到根元素
2021-09-17 20:07:04 198
原创 js-简易的飞机大战补缺版(2)
这次加上了敌机的生命,分数,重新开始等功能的完善<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
2021-09-11 10:27:42 47
原创 简易的吃豆豆
1.先看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" context="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" context="ie=edge"> <title
2021-09-09 20:57:50 55
原创 简易的飞机大战
话不多说,直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>飞机大战</title> <style> body {
2021-09-09 20:52:03 73
原创 js小练习四
1.宽高,透明度等缓冲<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
2021-09-02 19:01:24 52
原创 js的小练习(三)
1.自移动的方块,永远出不去屏幕<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
2021-08-25 20:02:54 54
原创 js的一些小练习(二)
1.库存变更器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <tit
2021-08-25 19:58:13 45
原创 js的一些小练习
1.穿梭框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title
2021-08-24 20:52:22 56
原创 js内置对象(一)
一.MathMath 是一个内置对象,它拥有一些数学常数属性和数学函数方法。Math 不是一个函数对象。Math 用于 Number 类型。与其他全局对象不同的是,Math 不是一个构造器。Math 的所有属性与方法都是静态的。引用圆周率的写法是 Math.PI,调用正余弦函数的写法是 Math.sin(x),x 是要传入的参数。Math 的常量是使用 JavaScript 中的全精度浮点数来定义的。1.属性①Math.E欧拉常数,也是自然对数的底数,约等于 2.718。②Math.LN22
2021-08-07 15:13:35 79
原创 js中数组的常见操作
1.添加数据var arr=[1,2,3](1).向末尾添加数据 ①arr[arr.length] = 要添加的数据 ; ②arr[3] = 要添加的数据 ;(数据少时可以直接写) ③arr.push(要添加的数据) ; 可以向末尾添加一个或者多个数据 返回值是添加数据后的数组长度。(2).向头部添加数据 ①arr.unshift(要添加的数据); 可以向头部添加一个或者多个数据 返回值是添加数据后的数组长度。2.删除数据(1).arr.shift()...
2021-08-07 14:33:18 469
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人