自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(43)
  • 收藏
  • 关注

原创 ES6-ES11

1、ECMAScript 61.1 let 和 const1.1.1 let 关键字let关键字用来声明变量,使用let声明的变量有几个特点:不允许重复声明块儿级作用域不存在变量提升不影响作用域链应用场景:以后声明变量使用let就对了<div class="item" style="width: 50px;height: 50px;background-color: red"></div><div class="item" style="width: 5

2021-05-07 00:17:04 233

原创 编译原理实验1_词法成分(标识符)分析

编译原理实验一词法成分(标识符)分析一、实验要求编写一个函数,功能为对输入字符串进行分析,判断是否满足下面规则:第一个字符为字母或下划线,其后为字母或者数字的任意组合。编写一个主程序,对要求一的函数进行验证,方法如下:用户输入字符串,改程序判断输入字符串是否为标识符。编写一个主程序,读入文本文件,判断文本文件中的字符串是否为标识符文本文件内容如下:main int sum 90 _i2 x234 ufds核心代码我是用js做的,页面也比较简单代码:<!DOCTYPE .

2021-04-09 17:17:52 1276

原创 jQuery

了解jQuery是什么: What?一个JS函数库: write less, do more封装简化DOM操作(CRUD) / Ajax为什么用它: why?强大选择器: 方便快速查找DOM元素隐式遍历(迭代): 一次操作多个元素读写合一: 读数据/写数据用的是一个函数链式调用: 可以通过.不断调用jQuery对象的方法事件处理DOM操作(CUD)样式操作动画浏览器兼容如何使用: How?引入jQuery库本地引入与CDN远程引入测试版与生产版(压缩版)

2021-04-09 17:16:58 162

原创 bootstrap 入门

响应式布局概念:对不同屏幕尺寸做出响应,并进行相应布局原理:使用媒体查询设置不同的断点,进行不同css布局响应优点:一个网站可以兼容多种终端,不需要重复开发缺点:工作量大、代码累赘、加载时间长、效率低、冗余代码较多适用场景:结构比较简单,展示型网站不适用场景:交互较多,功能性的网站不适用容器1.流体容器width: auto // 注意 auto 和 100% 的区别两侧15px padding2.固定容器屏幕大小 (设置断点)widthxs(小于768p

2021-02-19 14:25:46 109

原创 js 对象高级

对象的创建模式Object构造函数模式var obj = {};obj.name = 'Tom'obj.setName = function(name){this.name=name}对象字面量模式var obj = { name : 'Tom', setName : function(name){this.name = name}}构造函数模式function Person(name, age) { this.name = name; this.age =

2021-02-13 13:42:34 69

原创 js 函数高级

原型与原型链所有函数都有一个特别的属性:prototype : 显式原型属性所有实例对象都有一个特别的属性:__proto__ : 隐式原型属性显式原型与隐式原型的关系函数的prototype: 定义函数时被自动赋值, 值默认为{}, 即用为原型对象实例对象的__proto__: 在创建实例对象时被自动添加, 并赋值为构造函数的prototype值原型对象即为当前实例对象的父对象原型链所有的实例对象都有__proto__属性, 它指向的就是原型对象这样通过__pr

2021-02-12 20:25:38 118

原创 js 基础总结

数据类型的分类和判断基本(值)类型Number ----- 任意数值 -------- typeofString ----- 任意字符串 ------ typeofBoolean ---- true/false ----- typeofundefined — undefined ----- typeof/===null -------- null ---------- ===对象(引用)类型Object ----- typeof/instanceofArray ------ in

2021-02-12 20:24:32 90

原创 js BOM

BOM浏览器对象模型(browser object model)BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象,用来完成对浏览器的操作BOM对象Window代表的是整个浏览器的窗口,同时 window也是网页中的全局对象Navigator代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器Location代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面History代表浏览器的历史记录,可以通过该对象来操作浏览器的

2021-02-07 16:29:01 171

原创 js DOM

HTML DOMDocument Object Model文档对象模型,通过DOM可以来任意来修改网页中各个内容文档文档指的是网页,一个网页就是一个文档对象对象指将网页中的每一个节点都转换为对象转换完对象以后,就可以以一种纯面向对象的形式来操作网页了模型模型用来表示节点和节点之间的关系,方便操作页面节点(Node)​ 节点是构成网页的最基本的单元,网页中的每一个部分都可以称为是一个节点​ 虽然都是节点,但是节点的类型却是不同的,所以属性和方法也都不尽相同常用的节点文档节点

2021-02-06 21:21:56 511

原创 正则表达式

正则表达式正则用来定义一些字符串的规则,程序可以根据这些规则来判断一个字符串是否符合规则也可以将一个字符串中符合规则的内容提取出来。创建正则表达式1.构造函数来创建对象 var reg = new RegExp("正则表达式", "匹配模式"); // test()方法reg.test("字符串"); // 满足 true,不满足 false这种方式更加灵活,第一个参数可以传一个变量注意:使用构造函数时,由于它的参数是一个字符串,而 \ 是字符串中转义字符,如果要使用 \ 则需要使用 \

2021-02-04 14:24:01 77

原创 js 常用类和方法

包装类在JS中为我们提供了三个包装类:String() Boolean() Number()这三个也是 构造函数通过这三个包装类可以创建基本数据类型的对象例子:var num = new Number(2); var str = new String("hello"); var bool = new Boolean(false);console.log(2 == num); // falseconsole.log(false === bool); // false但是在实际应用

2021-02-04 14:21:50 773 1

原创 js 数组

数组(Array)数组也是一个对象,是一个用来存储数据的对象和Object类似,但是它的存储效率比普通对象要高数组中保存的内容我们称为元素数组使用索引(index)来操作元素索引指由0开始的整数数组的操作:创建数组var arr = new Array(12,48,[1]); var arr = [12,48,[1]]; 向数组中添加元素语法;数组对象[索引] = 值;arr[0] = 123; arr[1] = "hello"; 创建数组时直接添加元素语法: v

2021-02-03 18:56:43 75

原创 js 对象和函数

数据类型六种数据类型JS中一共分成六种数据类型 5个基本数据类型+objectString 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义Object 对象其中基本数据类型有 5个前5种之外的类型都称为Object,所以总的来看JavaScript中共有六种数据类型typeof 运算符检查数据类型1.String 字符串JS中的字符串需要使用引号引起来双引号或单引号都行在字符串中使用\作为转义字符\' ==> ' \" ==

2021-02-03 18:49:13 257

原创 js 基础语法

基础语法运算符运算符也称为操作符通过运算符可以对一个或多个值进行运算或操作typeof运算符用来检查一个变量的数据类型语法:typeof 变量它会返回一个用于描述类型的字符串作为结果算数运算符+ 对两个值进行加法运算并返回结果- 对两个值进行减法运算并返回结果* 对两个值进行乘法运算并返回结果/ 对两个值进行除法运算并返回结果% 对两个值进行取余运算并返回结果除了加法以外,对非Number类型的值进行运算时,都会先转换为Number然后在做运算。而做加法运算时,如果是两个字符串

2021-02-03 18:48:33 120

原创 js 数据类型

数据类型六种数据类型JS中一共分成六种数据类型 5个基本数据类型+objectString 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义Object 对象其中基本数据类型有 5个前5种之外的类型都称为Object,所以总的来看JavaScript中共有六种数据类型typeof 运算符检查数据类型1.String 字符串JS中的字符串需要使用引号引起来双引号或单引号都行在字符串中使用\作为转义字符\' ==> ' \" ==

2021-02-03 18:47:31 72

原创 JavaScript 简介

JavaScriptJavaScript负责页面中的的行为。它是一门运行在浏览器端的脚本语言。JS的编写的位置1.可以编写到标签的指定属性中<button onclick="alert('hello');">我是按钮</button> <a href="javascript:alert('aaa');">超链接</a> 2.可以编写到script标签中<script type="text/javascript"> //编写

2021-02-03 18:45:58 267 1

原创 PS基础

PS相关概念简介PS由美国Adobe开发的一款用来处理图像的软件。Adobe开发另外一款软件Illustrator(AI),它是用来作图的,它主要跟加拿大开的CorelDRAW抢占市场。PS是用来处理位图的,而AI是用来处理矢量图的。位图和矢量图位图是由像素点组成的,文件较大,放大会失真,一般用来表示人物、风景等;矢量图是由线条组成的,文件较小,放大后不会失真,一般用来表示工程图等,是由若干个几何图形拼合而成。分辨率又叫解析度、解像度。可分为显示分辨率、图像分辨率、打印分辨率和扫描分辨率等。图

2021-02-03 18:45:28 745

原创 响应式布局 @media

响应式布局响应式和移动端都可以实现 大屏和小屏的适配,但不同的是移动端 是做了两个网页,一个pc端的,一个移动端的而响应式布局是同一个网页,网页可以根据不通的设备或窗口大小呈现出不同的效果使用响应式布局,可以使一个网页适用于所有设备虽然在体验上 响应式 没有 移动端的那么好,但也多提供了一个选择响应布局的关键就是 媒体查询通过媒体查询,可以为不通的设备,或设备不同状态来分别设置样式媒体查询 @media语法@media 查询类型{}媒体类型:all 所有设备print 打印设备

2021-01-27 15:55:58 243

原创 移动端适配

像素屏幕是由一个一个发光的小点构成,这一个个的小点就是像素分辨率:1920 x 1080 说的就是屏幕中小点的数量在前端开发中像素要分成两种情况讨论:CSS像素 和 物理像素物理像素上述所说的小点点就属于物理像素CSS像素编写网页时,我们所用像素都是CSS像素浏览器在显示网页时,需要将CSS像素转换为物理像素然后再呈现一个css像素最终由几个物理像素显示,由浏览器决定:默认情况下在pc端,一个css像素 = 一个物理像素笔记本很大可能的情况是因为设置了缩放,所以看起来不等视口

2021-01-26 19:37:51 133

原创 弹性盒子 flex

flex 介绍flex(弹性盒、伸缩盒)是CSS中的又一种布局手段,它主要用来代替浮动来完成页面的布局flex可以使元素具有弹性,让元素可以跟随页面的大小的改变而改变弹性容器要使用弹性盒,必须先将一个元素设置为弹性容器我们通过 display 来设置弹性容器display:flex 设置为块级弹性容器display:inline-flex 设置为行内的弹性容器弹性元素弹性容器的子元素是弹性元素(弹性项)弹性元素可以同时是弹性容器属性思维导图弹性容器属性fl

2021-01-25 08:47:20 179

原创 如何读书,读书方法

终身学习者必看!系统性梳理并解决你的读书难题【潇洒一辣】看了潇洒哥新更的视频,这是对他视频做的笔记总览思维导图:读书修炼的第0步,就是要有明确的目的,不能为了学习而学习,应当为了学习xx而学习大体目录:识字境速读境精读境贯通境识字境就不写了,能看懂这些字就成速读境和精读境都是为贯通境而服务的,如果不理解贯通境的意义,是不可能真正发挥速读境的作用的,反而会走上“邪路”,就像那种豆瓣、知乎、QQ空间、朋友圈里,搞两句名人名言,配图是今年刷了300本书,比起去年有所懈怠,希望明年更.

2021-01-23 15:57:42 297

原创 less 入门

less 简介less是一门预处理语言,它是一个css的增强版,通过less可以编写更少的代码实现更大的样式在less中添加了许多的新特性:像对变量的支持、对mixin的支持等等less的语法大体上和css语法一致,但是less中增添了许多对css的扩展,所以浏览器是无法直接执行less代码的,要执行必须要将less转换为css,然后再由浏览器执行css3 变量.box1 { width: 100px; height: 200px; background-color: #b

2021-01-23 15:56:50 204

原创 2021.1.10 数据库项目实训回顾

数据库项目实训回顾,本次是做教室综合管理系统,核心功能就是关于借用教室整个项目已上传 github 码云流程步骤:需求分析数据库设计数据库的发布实施数据库测试数据库应用开发一、需求分析1. 教室综合管理系统 1) 根据课表编排每间教室的使用时间 2) 除了课表占用的时间外可以使用空闲时间将教室借与学生 3) 教室需要定期检修,出现设备故障后需要暂停使用进行维修 4) 教室在每学期期末需要进行考试安排2. 教室在每周的哪些时间需要用来上课,根据教务处的排课结果安排教室使用时.

2021-01-23 15:55:56 2048

原创 css3 变形

transformtransform 变形 是指通过改变元素的形状或位置变形不会影响页面的布局,也就是说不脱离文档流(和相对定位 relative 很像)使用 transfrom: 来设置元素的变形效果注意:选择器里 只能设置一个 transform ,所以需要把所有的效果都在一起,通过空格隔开transform: translateX(-50%) translateY(-50%);其他相关重要属性html{ /* 设置视距,才能看到效果 */ perspective: 80

2021-01-23 15:54:55 202

原创 css3 动画

动画动画和过渡类似,都是可以实现一些动态的效果不同的是过渡需要在某个属性发生变化时,才会触发而动画可以自己触发动态效果设置动画效果,必须先要设置一个关键帧,关键帧里设置了动画每一步的效果@keyframes@keyframes name {} 设置关键帧可选值:from 表示动画的开始状态to 表示动画的结束状态% 将动画过程百分化,可以设置 n 个状态,0% 等于 from,100% 等于 to,50% 时间一半的状态animation 属性animation

2021-01-23 15:54:24 229

原创 css3 过渡

过渡(transition)通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果,提升用户的体验transition-propertytransition-property: 指定要执行过渡的属性多个属性间使用 , 隔开如果所有属性都需要过渡,则使用 all 关键字,all 是 默认值大部分属性都支持过渡效果,注意过渡时必须是从一个有效数值向另外一个有效数值进行过渡transition: width, margin;transition: all;transit

2021-01-23 15:54:05 218

原创 2021.1.5 算法实训

这两天进行了学校安排的算法实训,总的感觉就是对算法的复习和具体项目的练习。一、什么是算法1.算法:算法(Algorithm)是指解题方案的准确而完整的描述,是一系列解决问题的清晰指令,算法代表着用系统的方法描述解决问题的策略机制(百度解释)2.程序等于算法加数据结构3.算法的优劣一般使用空间复杂度和时间复杂度来计算空间复杂度:算法当中使用到的内存空间大小空间复杂度的计算:一般直接判断使用的数据结构是什么,大小用数学模型来表示,比如使用了一个数组,则为n,使用了二维数组则为n2时间复杂度:.

2021-01-23 15:53:22 422

原创 表单 form

form 基础<form> <!--文本框注意:数据要提交到服务器中,必须要为元素指定一个name属性值--> 文本框 <input type="text" name="username"> <br><br> <!-- 密码框--> 密码框 <input type="password" name="password"> <br><br>

2021-01-23 15:52:17 121

原创 表格 table

在现实生活中,我们经常需要使用表格来表示一些格式化数据:课程表、人名单、成绩单…同样在网页中我们也需要使用表格,我们通过table标签来创建一个表格基础语法就不详细说了table<table border="1" width='50%' align="center"> <!-- 在table中使用tr表示表格中的一行,有几个tr就有几行 --> <tr> <!-- 在tr中使用td表示一个单元格,有几个td就有几个单元格 -

2021-01-23 15:51:46 92

原创 背景

background 所有属性​ background-color​ background-image​ background-repeat​ background-position​ background-size​ background-origin​ background-clip​ background-attachmentbackground-color 设置背景颜

2021-01-23 15:51:08 140

原创 MySQL 数据完整性

数据库实验回顾实体完整性实体完整性即主码的属性不能为空。而主码就可保证元组是不重复的,即主码值是不能重复的。参照完整性参照完整性保证外码的值要么是被参照关系中的主码值,要么取空值。用户自定义完整性可以按系统的需求设计各种自定义的完整性检查。一、实体完整性1、主键约束主键(promary key)用于唯一的标识表中的某一条记录,在两个表的关系中,主键用来在一个表中引用来自另一个表中的特定记录。一个表的主键可以由多个关键字共同组成,并且主键的列不能包含空值。主键的值能唯一标.

2020-12-21 18:06:37 527

原创 字体

colorcolor 前景色,通常用来设置字体的颜色颜色单位在CSS中可以直接使用颜色名来设置各种颜色比如:red、orange、yellow、blue、green … …但是在css中直接使用颜色名是非常的不方便RGB值RGB通过三种颜色的不同浓度来调配出不同的颜色R red,G green ,B blue每一种颜色的范围在 0 - 255 (0% - 100%) 之间语法:RGB(红色,绿色,蓝色)e.g. color: rgb(250,80,100);Hello World!

2020-12-19 19:10:14 469 1

原创 定位 position

position 定位定位是一种更加高级的布局手段,通过定位可以将元素摆放到页面的任意位置使用 position 属性来设置定位可选值:static 默认值,元素是静止的没有开启定位relative 开启元素的相对定位absolute 开启元素的绝对定位fixed 开启元素的固定定位sticky 开启元素的粘滞定位偏移量(offset)当元素开启了定位以后,可以通过偏移量来设置元素的位置top 定位元素和定位位置上边的距离bottom 定位元素和定位位

2020-12-19 13:43:53 300 2

原创 田忌赛马 贪心算法

算法实验课回顾田忌赛马问题描述:你一定听说过田忌赛马的故事吧?如果3匹马变成n匹(n<=100),齐王仍然让他的马按照优到劣的顺序初赛,田忌可以按任意顺序选择他的赛马出赛。赢一局,田忌可以得到200两银子;输一局,田忌就要输掉200两银子。已知道国王和田忌的所有马的奔跑速度,并且所有马的奔跑速度均不相同,现已经对两人的马分别从快到慢排好序。请设计一个算法,帮助田忌赢得最多的银子。要求:输入:第一行一个整数n,表示双方各有n匹马;第二行n个整数分别表示田忌的n匹马的速度;第三行n个整数.

2020-12-17 13:06:08 1399

原创 Zeal 食用指南

一、Zeal 简介Zeal官网一款非常方便的离线文档,集成了许多语言,便于我们查询API文档。二、安装配置1、官网下载点击 Zeal官网,去下载相应的版本下载安装完之后,它是默认安装在C盘的,可以直接移动它的根目录到想要的位置。2、离线文档我们可以更改离线文档的存储位置在 Edit -> Preferences 里设置之后,就可以下载想要的文档在 Tools -> Docsets 里Zeal 的文档都保存在国外的服务器上,如果用Zeal直接下载,可能会速度极慢,而且

2020-12-17 00:38:43 1865 2

原创 MySQL创建用户和分配权限

回顾今天的数据库实验⊂(ο・㉨・ο)⊃先新建一个测试数据库再创建个表填些数据一、查看用户查看用户并没有直接的SQL语句,而是进入 mysql 数据库的 user 表(这个mysql库和user表都是一开始就有的),直接用 select * from user;来查看有什么用户use mysql;select * from user;二、创建用户create user 'user_name'@'host' identified by 'password';user_name:要.

2020-12-14 18:41:02 2307

原创 最长上升子序列

今天的算法实验课是关于最长上升子序列的,总结一下。概念首先需要知道,子串和子序列的概念,我们以字符子串和字符子序列为例,更为形象,也能顺带着理解字符的子串和子序列:字符子串指的是字符串中连续的n个字符,如abcdefg中,ab,cde,fg等都属于它的字串。字符子序列指的是字符串中不一定连续但先后顺序一致的n个字符,即可以去掉字符串中的部分字符,但不可改变其前后顺序。如abcdefg中,acdg,bdf属于它的子序列,而bac,dbfg则不是,因为它们与字符串的字符顺序不一致。知道了这个,数值

2020-12-08 23:01:14 642

原创 盒子模型

李立超老师前端课程笔记文档流(normal flow)网页是一个多层的结构,一层叠着一层。通过 css 可以分别为每一层来设置样式用户只能看到最顶上一层,这些层中,最底下的一层称为文档流,文档流是网页的基础我们所创建的元素默认都是在文档流中进行排列。对于我们来元素主要有两个状态在文档流中不在文档流中(脱离文档流)元素在文档流中有什么特点块元素块元素会在页面中独占一行(自上向下垂直排列)默认宽度是父元素的全部(会把父元素撑满)默认高度是被内容撑开(子元素)行内元素.

2020-12-08 17:43:47 1897

原创 数据库应用开发一、vs

今天数据库实验是“掌握数据库应用开发的一般方法”,开发环境是vs(我这里用的是19版)一、准备操作环境:win7以上DBMS:MySQL 5.5开发环境:vs19(12及以上都可以)二、建立工程项目新建工程后默认模板using System;using System.Collections.Generic;using System.Linq;using System.Text;using System.Threading.Tasks;using System.Data;usin

2020-12-07 20:45:05 697

原创 2020/11/5 C++实验回顾

1. 输入10个整数,将其中最小的数与第一个数对换,把最大的数与最后一个数对换。⑴提示把输入的10个整数存入数组中,10个中最小的放与数组的第一个元素对换,最大的数与数组的第10个元素对换。其他的保持不变。⑵要求定义3个函数:void input(int number[ ]); //此函数实现输入10个元素//void max_min_value(int array[ ]); //此函数实现交换数组的对应元素//void output(int array[ ]); //此函

2020-11-05 19:01:36 685

空空如也

空空如也

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

TA关注的人

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