Web学习
文章平均质量分 68
木木27
求知若渴,大智若愚。不管爬着学,跑着学,都是可以进步的学习。我真的是一个好的程序猿。
展开
-
流式布局
流式布局定义流式布局是使用百分比设置宽高的布局,随着设备屏幕的改变,容器的宽高、位置地变化。css可以使用百分比来指定的属性: width、height、padding、margin注意:百分比是指该容器的宽高是其父容器的百分之几。max-XXX 和 min-XXX 属性通常盒子使用百分比来设置宽度时,都设置盒子的最大宽度和最小宽度。比如:max-width、min-width、max-height、min-height属性,IE7以上兼容。当盒子在 min~max 两个值之间时,根据其父容原创 2021-02-17 11:53:00 · 2520 阅读 · 0 评论 -
响应式网站
响应式网站定义响应式网站设计是一种网络页面设计布局,其理念是:集中创建页面的图片排版大小,可以智能地根据用户行为以及使用的设备环境进行相对应的布局,使得网站在各种设备上都能展现美观的页面。说明:移动设备的兴起,给人们的生活带来了极大的便利。生活中,人们更趋向于使用移动设备浏览网页。然而,移动设备品牌、样式多种多样,且屏幕大小也多样化,如何设计出一款适合各种各样的移动设备的网站显得尤为重要了。响应式网站就是可以根据移动设备的不同,自动调节,合理地显示出美观页面的网站。主要步骤有:检测设备、屏幕大小原创 2021-02-17 11:52:43 · 724 阅读 · 0 评论 -
JavaScript 的正则表达式
JavaScript 的正则表达式定义用于定义一些字符串的规则。计算机可以根据正则表达式来检查一个字符串是否符合该规则,或将字符串中符合规则的部分字符串提取出来。创建正则表达式对象使用构造函数创建正则表达式语法:var 变量 = new RegExp("正则表达式","匹配模式");匹配模式(有些书也叫修饰词)有三个值:i:忽略字母大小写;g:全局匹配模式;m:多行匹配;匹配模式可以是单独的 i、g、m,也可以是它们中的任意组合。var reg = new RegExp("ab"原创 2021-02-17 11:52:23 · 200 阅读 · 1 评论 -
JavaScript 的 String 的方法
JavaScript 的 String 的方法在前面说过了,当使用基本类型的属性和方法时,浏览器会自动地将基本类型封装成相应的对象,再使用对象的方法。在包装类中,主要使用属性和方法的对象只有 String。定义String 在底层是以字符串数组的形式保存的。可以像数组一样,通过索引获取指定位置的字符,也可以通过 length 属性获取字符串的长度。var str = "hello String!";console.log(str[1]); // e ,索引从0开始console.log(str原创 2021-02-17 11:51:34 · 80 阅读 · 0 评论 -
JavaScript 的包装类
JavaScript 的包装类JavaScript的三个包装类Number()String()Boolean()包装类可以将基本数据类型的数据转换成对象。为什么要转换成对象?优点:因为对象有属性和方法,可以直接给对象设置属性,方便使用,对象的功能更强大。var num = new Number(123); //创建一个 Number 对象num.name = "zhangSan"; //给对象添加一个属性 nameconsole.log(num.name); //获取对象的属原创 2021-02-16 12:40:50 · 184 阅读 · 0 评论 -
JavaScript 的 Math 对象
JavaScript 的 Math 对象定义Math 不是一个构造函数,而是一个工具类,不用创建对象,直接使用即可。属性PI(圆周率)、E(自然对数的底数)等数学常量。方法abs();返回一个数的绝对值。console.log(Math.abs(-12.3)); // 12.3ceil();返回大于或等于一个数的最小整数。console.log(Math.ceil(12.3)); // 13console.log(Math.ceil(-12.3)); // -12floor()原创 2021-02-16 12:35:26 · 74 阅读 · 0 评论 -
JavaScript 的 Date 对象
JavaScript 的 Date 对象创建 Date 对象使用无参数构造函数创建当前时间对象var d = new Date();console.log(d);当构造函数没有参数时,创建的 Date 对象默认的时间为当前时间。使用有参数构造函数创建指定时间对象参数格式:月/日/年 时:分:秒的字符串,年份尽量写4位,不然可能会出现歧义。var d = new Date("12/05/2009 11:25:30");console.log(d);Date 对象的常用方法ge原创 2021-02-16 12:32:53 · 71 阅读 · 0 评论 -
JavaScript 函数的方法
JavaScript 函数的方法函数也是一个对象,所以函数也有自己的方法,主要的方法是 call() 和 apply() 。语法函数名.call(); 或 函数名.apply();在省略参数的情况下,函数两个方法的调用与直接调用函数的效果是一样的。如下:function fun(){ console.log("调用了fun函数");}fun();fun.call();fun.apply();参数call() 和 apply() 方法可以将一个对象指定为第一个参数,此时,这个对象就原创 2021-02-16 12:31:31 · 120 阅读 · 0 评论 -
JavaScript 数组的常用方法
JavaScript 数组的常用方法添加或删除数组元素的方法push()可以向数组的末尾添加一个或多个元素,多个元素一次性添加(并不是一个一个添加);把要添加的元素作为方法的参数;并返回数组的新长度;var arr = [1,2,3];console.log(arr);var l = arr.push("lin",[23,45]); //添加两个元素,并返回长度lconsole.log(arr);console.log("数组的新长度:"+l);pop()可以在数组的末尾删除最后一原创 2021-02-16 12:23:43 · 117 阅读 · 0 评论 -
JavaScript 的数组
JavaScript 的数组数组的定义数组也是一个对象,不同与其他对象的是:对象是使用字符串作为属性名来操作数据的,数组是使用数字作为索引来操作元素的。索引值是从 0 开始的整数。优势:数组比普通对象的性能要好、效率高,推荐使用数组来存储一些数据。创建数组的方法使用构造函数创建语法:var 数组名 = new Array(元素值1,元素值2,...,元素值n);var nullArr = new Array(); //创建一个空数组var arr = new Array(10,23,34)原创 2021-02-16 12:18:05 · 77 阅读 · 0 评论 -
JavaScript 的作用域
JavaScript 的作用域声明提前定义:即在还没有定义该变量或函数之前,就可以使用该变量或函数了,不会出现报错情况。变量声明提前使用 var 声明的变量,会在所有代码执行之前被声明,但是不会被赋值。console.log(x); var x = 10; // x 会被提前声明等价于var x;console.log(x);x = 10;浏览器解析器会在 console.log(x);语句之前声明 x 变量,但是没有赋值,x 为 undefined,控制台输出 undefine原创 2021-02-16 12:14:56 · 65 阅读 · 0 评论 -
JavaScript 的原型对象
JavaScript 的原型对象当我们使用构造函数创建实例对象时,每创建一个对象,对象中的属性和方法都会创建一份。当对象很多时,就会消耗大量的内存,影响网页的性能。其实,实例对象中有的属性和方法是相同的,我们能不能只创建一份就行了呢?当然,我们可能就会想到在全局作用域中声明变量和函数来保存对象的属性和方法了。但是,全局作用域不安全(对象中的属性和方法容易被访问或修改)和容易受到污染。这时候,我们可能就需要一个只能被同一个类创建的实例对象才能够访问到的公共空间了。原型对象的定义每当我们创建一个函数时,浏原创 2021-02-16 12:13:41 · 80 阅读 · 0 评论 -
JavaScript 的垃圾回收(GC)
JavaScript 的垃圾回收(GC)垃圾的定义当一个对象没有任何的变量或属性对它进行引用(即没有变量或属性指向这个对象)了,程序就无法在操纵这个对象了,这个对象就成了垃圾。垃圾的危害垃圾会占用大量的内存空间,导致程序运行缓慢,所以必须回收这些垃圾。JavaScript 中拥有自动的垃圾回收(garbage collection)机制,当一个对象成为垃圾后,会自动销毁这个对象,释放内存空间。我们需要做的是:当一个对象在程序中已经无用了,我们就断开对这个对象的引用,即将引用这个对象的变量或属性赋值原创 2021-02-16 12:05:52 · 154 阅读 · 0 评论 -
JavaScript 的闭包
JavaScript 的闭包在前面的知识中,已经说过了,在函数作用域中是可以访问全局作用域中声明的变量或函数,但是在全局作用域中不可以访问函数作用域中声明的变量或函数。其实,在全局作用域中也是访问使用函数作用域中声明的变量或函数,只是要通过闭包的方式才可以使用。闭包的定义闭包就是能够读取其他函数内部变量的函数。由于 JavaScript 中,只有函数内部的子函数才能读取局部变量,因此,闭包可以理解为“定义在一个函数内部的函数”。在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。闭包的2个作原创 2021-02-16 11:58:39 · 72 阅读 · 0 评论 -
JavaScript 对象的方法
JavaScript 对象的方法因为对象的属性值可以是任意类型的值,函数也是一个对象,所以对象的属性也可以是一个函数。定义当一个函数作为一个对象的属性时,这个函数就叫方法。创建对象方法的方式将匿名函数赋值给对象的一个属性。语法:对象名.属性名 = function(){ 属性 };var obj = new Object();obj.name = "lin";obj.age = 18;obj.sayName = function(){ console.log(obj.name);原创 2021-02-09 23:09:12 · 108 阅读 · 0 评论 -
JavaScript 的函数
JavaScript 的函数定义:函数是指封装一些语句代码的一个对象。一次声明,可多次调用。函数是一个对象。创建函数的3种方式使用构造函数来创建,不推荐使用。var fun = new Function();这时候创建的是一个空的函数,既没有任何功能的函数。为了使函数拥有功能,可以将一些代码以字符串的形式作为参数,初始化函数。var fun = new Function("alert('函数');");这个函数的功能是弹出一个窗口。使用函数声明来创建语法:function 函数原创 2021-02-09 23:08:23 · 63 阅读 · 0 评论 -
JavaScript 的对象
JavaScript 的对象对象的定义指一种复合的数据类型,对象可以保存多种不同的数据类型的属性。除了5种基本数据类型(Number、String、Boolean、unll、undefined)外,其他的都属于对象。对象属于引用数据类型。对象的3个分类内置对象:由ES标准定义的对象,可以在实现中直接使用。如:Math、String、Function、Object等对象。宿主对象:由 JS 运行环境提供的对象,主要是浏览器提供的对象。如:BOM(浏览器对象模型)、DOM(文档对象模型)。自定原创 2021-02-09 23:07:19 · 56 阅读 · 0 评论 -
JavaScript 的语句
JavaScript 的语句说明: JavaScript 中的语句和 Java 中的语句基本相同,这里就不详细说明了。以下仅说明 JavaScript 语句与 Java 语句不同之处。JavaScript 中使用花括号括起来的语句块没有块级作用域,在语句块中声明的变量,在语句块外同样可以使用。如:{ var x = 10; console.log(x);}console.log(x);//结构会在控制台输出两个10,语句块外也可以使用 x 变量switch…case 分支语句中,s原创 2021-02-09 23:06:14 · 94 阅读 · 0 评论 -
JavaScript的运算符
JavaScript的运算符运算符的分类:算术运算符逻辑运算符赋值运算符关系运算符条件运算符算术运算符二元算术运算符+ 运算符可以用于数字的加运算,也可以用于字符串的拼接。优先用于字符串的拼接。使用规则:任何值与字符串作“+”运算,先转换为字符串,再拼接。结果类型为字符串。除字符串外的任何值作“+”运算,先转换为数字(通常转换为0或1或NaN),再相加。结果类型为数字。NaN与任何数字相加,结果都为NaN。结果类型为数字。其他类型与空串作“+”运算,结果类型为字符串。利用原创 2021-02-09 23:05:01 · 126 阅读 · 0 评论 -
JavaScript 的数据类型
JavaScript 的数据类型说明:虽然学习 JavaScript 已经好久了,但是都是一边学一边用的,从来都没有整理过学习笔记,导致了没有一个完整的知识体系。接下来就要找工作了,借这段时间好好复习一遍 JavaScript 的基础知识,温故而知新。以下的笔记从《 JavaScript 权威指南》中总结。JavaScript的6大数据类型Number 类型–数字类型:包括整数和浮点数String 类型–字符串类型Boolean 类型–布尔类型null --空值undefined --未定义原创 2021-02-09 23:02:19 · 95 阅读 · 0 评论 -
mybatis 中动态 sql 标签的学习
mybatis 中动态 sql 标签的学习在mybatis中,进行数据库操作时,不仅仅根据单一的标准来进行的增删改查,有时候,可能需要根据一个复杂的条件来操作,比如:根据一个用户的部分信息,查找一个用户;根据一个用户的id集合,查找该集合中的所有用户。这时候,可以使用一些动态的 sql 标签来辅助操作数据库,可以更加灵活、方便。if 标签假设一个用户类的属性有 username,id,sex,address 四个属性,我们需要根据其中某些属性来查找该用户的信息,比如:根据单一的属性 username,原创 2021-02-09 23:00:16 · 73 阅读 · 0 评论 -
mybaitis的配置文件
mybaitis的配置文件在mybatis的学习中,了解到mybatis的配置文件config.xml(文件名可以随便起)有多种书写方法。下面说明一些配置文件的一些标签的使用,或者是不同的书写方法。配置文件config.xml的组成XML 配置文件中包含了对 MyBatis 系统的核心设置,包含获取数据库连接实例的数据源(DataSource)和决定事务作用域和控制方式的事务管理器(TransactionManager)。 这里先给出一个简单的示例:<?xml version="1.0" en原创 2021-02-09 22:58:43 · 122 阅读 · 0 评论 -
Bootstrap重新编译CSS和Javascript文件
Bootstrap重新编译CSS和Javascript文件在日常开发中,有时候,我们为了方便会去修改bootstrap中样式,当需要样式发挥作用时,我们需要去重新编译文件。编译过程安装node在node官网中,下载相应版本的node,直接安装即可。也可以通过命令行进行安装。检验是否安装成功:在命令行界面,输入node -v如果显示node的版本,则安装成功了。安装grunt在命令行中,输入安装命令npm install -g grunt-cli如:进入bootstr原创 2021-02-09 22:50:01 · 564 阅读 · 1 评论 -
IDEA创建maven工程
IDEA创建maven工程什么是maven由apache公司推出的一个管理项目的工具,由ant演变而来,自动化的构建的工具。pomproject object model 工程对象模型,pom.xmlmaven的安装与引入下载maven在apache官网的maven下载,liunx系统下载第一个,windows用户下载第二个。下面以windows为例说明。下载完,解压。刚开始,我下载的是3.6.2版本的,操作到最后,发现maven的仓库更新一直报错。百度了一下,有人说是3.6以上的版原创 2021-02-09 22:41:35 · 94 阅读 · 0 评论 -
IDEA使用Git管理项目
IDEA使用Git管理项目当和团队一起开发项目或完成了一个项目后,我们可能要使用一些工具对项目进行管理,有利于代码共享。使用Git管理项目Git管理项目是在本地管理的,即在开发项目本机进行管理。在本计算机上安装Git软件。直接百度找到Git官网,下载相应的版本进行解压即可。解压过程中,记住文件路径。在IDEA中集成Git。在settings界面中,设置Git的路径,OK.右键项目,在窗口中如果有Git选项,集成成功了。在IDEA中创建仓库。为仓库建立路径仓库建立成功。原创 2021-02-03 21:52:55 · 395 阅读 · 0 评论 -
远程仓库GitHub项目上传或下载
远程仓库GitHub项目上传或下载前提:有一个GitHub的账号,没有可以先注册一个账号。相关学习:注册GitHub账号和创建仓库集成git。相关学习:集成gitIDEA将项目上传到远程仓库GitHub登录账号后,在GitHub上创建一个仓库。仓库创建成功后,是一个空仓库,如图:在IDEA上连接仓库。push:推,指上传代码;pull:拉,下载代码。指定仓库。验证信息。有可能是需要登录GitHub,也有可能是输入ssh的密钥。下面是输入ssh密钥:原创 2021-02-03 21:44:42 · 105 阅读 · 0 评论 -
Cookie对象、及JSP内置对象2
Cookie对象、及JSP内置对象2Cookiecookie不是内置对象。使用时,需要先new。定义Cookie是由服务端生成,发送到客户端保存。当客户端第一次请求时,服务端会生成一个Cookie,里面包含客户端想要的信息,发送到客户端。客户端在本地将Cookie保存下来。在Cookie没有失效的情况下,客户端再次发出相同的请求时,直接在本地查找Cookie,获得信息,不需要经过服务器端,提高了效率。功能类似于本地缓存的作用。可以保存密码等信息。可以提高访问服务器的效率,但是安全性较差。常见方原创 2021-01-21 19:48:37 · 436 阅读 · 0 评论 -
第十届蓝桥杯省赛C/C++ B组
第十届蓝桥杯省赛C/C++ B组总结3月24日考完省赛了。个人觉得,自2013年以来,今年的省赛是最简单的了。虽然自己也做得不好,而且也有可能是还有很多坑是自己没有发现的。以下是本人对今年省赛的一些理解,如有不当之处,希望大佬们能指点一二。试题 A: 组队【问题描述】 作为篮球队教练,你需要从以下名单中选出 1 号位至 5 号位各一名员, 组成球队的首发阵容。每位球员担任 1 号位至 5 号位时的评分如下表所示。请你计算首发阵容 1 号位至 5 号位的评分之和最大可能是多少?编号 1 号位 2原创 2021-01-20 20:43:16 · 281 阅读 · 0 评论 -
java web的基础了解
java web的基础了解架构B/SBrowser-Server架构(浏览器——服务器架构)直接由浏览器和服务器构成。程序都是在服务器上运行,当用户群体比较大时,服务器端工作压力很大。用户通过在浏览器上登录某个网址,提交请求的信息。浏览器即向服务器提交了请求,服务器接收到请求,并根据请求的信息,进行相应的操作,比如:访问数据库、运行脚本程序等等,然后给浏览器回复一个响应,以此达到交互的功能。C/SClient-Server架构(客户端——服务器架构)由客户端和服务器端构成。用户必须要先下载原创 2021-01-20 20:36:22 · 168 阅读 · 0 评论 -
内置对象技术
内置对象技术什么是内置对象在JSP中,不需要声明和创建就可以直接使用的对象,就是内置对象。内置对象的功能为了便于数据信息的保存、传递、获取等操作。9个内置对象reuqest(请求对象)response(响应对象)session(会话对象)application(应用程序对象)out(输出对象)page(页面对象)config(配置对象)exception(异常对象)pageContext(页面上下文对象)对象的作用域(生命周期)其中,有效范围是层层包含的关系,applica原创 2021-01-20 20:09:40 · 191 阅读 · 0 评论 -
JSP的基础、指令、动作
JSP的基础、指令、动作jsp的简介静态网页:指没有后台数据库、不含程序、不可交互的网页。适用于不经常更改的网页。动态网页:指显示的内容不是固定的,是根据服务器执行代码的结果来确定具体的显示内容。主要区别:是否会随着时间,地点,用户的选择而改变。JSP:( java server pages ) java 服务器页面,是一种服务器脚本语言,在服务器执行,返回客户端一个HTML文件。jsp的执行过程当客户端第一次请求一个jsp网页时,服务器就会将该jsp文件变成java文件(通常是一个se原创 2021-01-20 19:38:24 · 136 阅读 · 0 评论 -
HTML常用标签
HTML常用标签基本结构:<!DOCTYPE html> <!--文档--><html> <head> <title>My first</title> <!--标题,作为网页的标题,显示在浏览器顶部--> </head> <body> <!--只有这部分的内容显示在网页上-->原创 2020-07-27 18:47:17 · 204 阅读 · 0 评论