03 2023 档案
摘要:web通信流程 在开始学web服务器之前,需要先理解web通信协议,才能够更好的吸收其中精华。 我们平时浏览网页的时候,会打开浏览器,输入网址后按下回车键,然后就会显示出你想要浏览的内容。在这个看似简单的用户行为背后,到底隐藏了什么? 1.浏览器本身是一个客户端,当你输入URL的时候,首先浏览器会去
阅读全文
摘要:epoll简介 BIO:单个内核的时候,一个进程/线程再读取数据的时候,在没有返回数据前会一直阻塞(Blocking)。所以成为BIO。 NIO:内核发生跃迁后,一个线程再用户空间发生轮询,进行读取数据。 yum install main man-pages man 2 socket 多路复用NIO
阅读全文
摘要:mardown格式文档配置 设置图片大小和居中格式 <center><img width="30%" src="http://192.168.14.45:9000/jvs-public/1/jvs-public/2023/03/26/2023-03-26824632779558785024-1679
阅读全文
摘要:记录mac上使用git-svn报错 git: 'svn' is not a git command. See 'git --help'. The most similar commands are fsck mv show 解决方案 --在终端执行以下命令行,安装过程中会等待漫长的过程 brew i
阅读全文
摘要:svn项目迁移,并同步提交记录 创建空文件 创建一个空文件 codeSource 拉取svn上的代码 进入到空文件下,执行命令 git svn clone https://192.168.1.100/svn/tps/tpsBranch 若使用https,需要选择是否接受证书验证 输入t(接受) 提供
阅读全文
摘要:简介 什么是BootStrap? 它是一个基于HTML、CSS、JS的前端框架,它是一个可以快速生成的响应式页面的框架,它主要用于创建后台页面或页面内容比较简单的页面。不适用于电商类的页面。
阅读全文
摘要:选择器 选择器本身只是一个特定的语法规则的字符串,没有实质用处,它的基本语法规则使用的就是css的选择器语法,并对基进行了拓展。只有调用,并将选择器作为参数传入才能起作用。(selector)作用:根据选择器规则在整个文档中查找所有匹配的标签的数组,并封装为jQuery 基本选择器 <!DOC
阅读全文
摘要:jQuery的2把利器 jQuery核心函数 jQuery库向外直接暴露的就是/jQuery,引入jQuery()库后,直接使用即可。 当函数用:(xxx);当对象用:.xxx(); 作为一般函数调用:$(param) 1.参数为函数:当DOM加载完成后,执行此回调函数 2.参数作为选择器
阅读全文
摘要:简介 write less do more 什么是JQuery? 1.一个优秀的JS函数库 2.使用了JQuery的网站超过了90% 3.中大型web项目开发首选 write less do more 为什么使用JQuery? 1.HTML元素选取(选择器) 2.HTML元素操作 3.CSS操作 4
阅读全文
摘要:什么是NOSQL? NOSQL(NOSQL=Not Only SQL),意味着“不仅仅是SQL”,是一个全新的数据库概念,泛指非关系型的数据库。 为什么需要NoSQL? 1.High performance -对数据库高并发读写的请求。 WEB2.0网站要根据用户个性化信息来实时生成动态页面和提供动
阅读全文
摘要:Servlet简介 Servlet运行在服务端的java小程序,是sun公司提供一套规范(接口),用来处理客户端请求、响应给浏览器的动态资源。但是Servlet的实质就是hava代码,通过java的API动态的向客户端输出内容: servlet规范:包含三个技术点: 1.servlet技术 2.fi
阅读全文
摘要:命令 install 本地安装,包含编译、打包,安装到本地仓库。 mvn install clean 删除已经编译的源码 删除工程中的target文件 mvn clean compile 只编译 man compile package 打包,包含编译、打包操作。 mvn package
阅读全文
摘要:插件 编译器插件 <!-- 编译器插件--> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-assembly-plugin</artifactId> <version>3.2</version> <con
阅读全文
摘要:maven工程类型 pom工程 POM工程是逻辑工程,用在父级工程或者聚合工程,用来做jar包管理 jar工程 将会打成jar包,用作jar包使用,即常见的本地工程 》java project war工程 将会打包成war,发布在服务器上的工程。 maven目录结构 src/main/java 这个
阅读全文
摘要:maven仓库 maven仓库是基于简单文件系统存储的,集中化管理java API资源(构件)的一个服务。 仓库中的任何一个构件都有其唯一的坐标,根据这个坐标可以定义其在仓库中的唯一存储路径。得益于Maven的坐标机制。任何maven项目使用任何一个构件的方式都是完全相同的。 Maven可以在某个位
阅读全文
摘要:定时器 概述:BOM对象给我们提供了很多属性和方法,其中最为重要的一个方法是定时器,定时器是每隔一段时间,执行一次回调函数。 语法格式: setInterval(callback, time); <script type="text/javascript"> setInterval(function
阅读全文
摘要:BOM 【browser object model】浏览器对象模型,每一个浏览器厂商都有属于自己特定的BOM对象,给我们提供一些获取浏览器信息的属性、方法。其实BOM即为每一个浏览器内置window对象。 <script type="text/javascript"> console.log(win
阅读全文
摘要:放大镜 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> *{ margin: 0; padding: 0; } .box{ posi
阅读全文
摘要:原生js实现拖拽效果 概述:在前端领域当中拖拽是一个非常常见效果。拖拽三板斧鼠标按下==》鼠标移动 〉鼠标弹起。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style ty
阅读全文
摘要:事件处理函数 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> *{ margin: 0; padding: 0; } div{ wi
阅读全文
摘要:javaScript组成? javascript由哪几部分组成? ECMAScript:简称【ES】,它是由欧洲计算机协会,大概每年的六月中旬定制语法规范。 DOM:全称【document object model】 即为文档对象模型。其实就是内置的document对象,引用类型数据 BOM:全称【
阅读全文
摘要:作用域 概述:作用域:可以理解为书写代码的范围。 全局作用域:书写js代码范围最大的是在两个script之间。 局部作用域:函数的作用域即为函数题的作用域 函数体中没有局部变量为什么可以去使用全局的变量? 因为可以沿着作用域链向上查找,老大有,可以将这个变量借来用一下。 面试题 <script ty
阅读全文
摘要:形参和实参 概述:形参【形式参数】、实参【实际参数】 在函数声明的时候,声明部分的小括号里面可以书写形参。 在函数调用的时候,调用时候传递数据称之为实参。 <script type="text/javascript"> function add(a,b){ console.log(a); conso
阅读全文
摘要:函数(function) 概念:将某一个常用的功能进行封装,当你想使用这个功能的时候,可以选择调用、执行这个功能即可。 javascript脚本语言中,函数分为两种:一种是关键字function定义函数、表达式形式函数。 函数使用分为两部分:声明、调用。 关键字形式函数(function定义函数)
阅读全文
摘要:关键字 break break:终止、停止,可以结合循环进行使用。 关键字 continue continue:立刻终止当前循环,进行下一次循环 关键字return 概述:关键字return一般集合函数一起使用。而需要注意,这个关键字一般只能在函数体中使用。 return的作用: 1.函数体中如果遇
阅读全文
摘要:穷举思想 穷举思想:我们可以将题目的全部的情况--验证,根据题目要求将符合条件的情况作为结果输出。 例如:1~100之间所有的偶数 for (let i = 1; i <=100; i++) { if(i%2==0){ console.log(i); } }
阅读全文
摘要:循环语句 概述:在程序中,出现大量重复性的语句的时候,可以利用循环语句进行解决。 初次体验循环语句 前测试循环语句 // 在控制台中输出100次,我爱学习,我爱前端。 for (let i = 0; i < 100; i++) { console.log("我爱学习,我爱前端"); } while循
阅读全文
摘要:switch条件语句 switch 开关;case 条件;break 终止;default 默认 语法: switch ("true") { case "1": beijing; break; default : henan; break; }
阅读全文
摘要:赋值运算符 概述:给变量进行赋值 赋值运算符:=、+=、-=、*=、/=、%= <script type="text/javascript"> //赋值运算符:经常给变量进行赋值 //变量:声明一次后,可以多次赋值 var num=100; num+=60; console.log(num); nu
阅读全文
摘要:if条件语句 概述:在js中,有所谓流程控制语句,流程控制语句:条件语句、循环语句。 条件语句:程序中如果出现一种或者多种情况进行选择的时候,只能选择一个语句去执行,这样的语句,称之为条件语句。 if条件语句 语法格式: if(条件){ 书写代码 } else关键字 语法格式: if(条件){ 书写
阅读全文
摘要:逻辑运算符 概述:在js中也有逻辑运算符。逻辑运算符一共有三个:逻辑与&&、逻辑或|、逻辑非!。 在js中一般情况下 布尔值参与逻辑运算,但是其他的类型的数值也可以参与逻辑运算,只不过浏览器中的解析器会将其他类型的数据“隐式转换”为布尔值参与逻辑运算。 布尔类型的值参与逻辑运算 概述:当两者(AB)
阅读全文
摘要:比较运算符 概述:在js语言当中,也有所谓的比较运算符(比较操作符)。一共有8个。 大于、小于、等于(==)、大于等于、小于等于、不等于、全等( )、不全等(!==) 不仅仅是Number类型的可以进行比较,其他类型的数据(string、undefined、空对象、布尔值)也可以进行比较,浏览器进行
阅读全文
摘要:数学运算符 在js中,也有数学运算符(数学操作符)。 其实数学运算符即为:+-*/% 口诀:先算乘除,再算加减,如果有括号,先算括号里面的; 不过在js中,不仅仅Number类型的数据可以参与到运算中,其他类型(字符串、布尔、为定义、空对象)的数据也可以参与运算,只不过浏览器中的解析器自动的将其他类
阅读全文
摘要:变量 概述:变量,它是计算机语言中的一个术语。变量这个术语起源于数学。 变量,你可以理解为一个容器。这个容器可以装在任意类型的字面量数值或者装在数学计算完结果。 我们可以通过访问变量名字、获取到变量存储的结果。 变量在使用的时候,分为三步:声明、赋值、使用。 声明 我们在使用这个变量之前,务必需要通
阅读全文
摘要:字面量 js的数据类型一共有六种:五个基本数据类型、一个引用类型。 五个基本数据类型: 注意:以后我们再编程的时候,书写的数据务必是这六种数据类型中的数值。 如果不是,程序就会报错。 字面量:说白了就是某一个类型数据的一个固定数值 当你看到这个固定的数值的时候,我们就知道他是属于那种类型的数据。 数
阅读全文
摘要:控制台的使用 通过console对象的log方法在控制台中输出一些内容。 语法格式: console.log();
阅读全文
摘要:内置函数 内置函数:内置,可以理解为浏览器自带的。函数,你可以理解为是某一个功能。 alert--警告框 <script type="text/javascript"> //内置函数-alert警告框使用 alert("窗前明月光,疑是地上霜"); alert('举头望明月,低头思故乡'); </s
阅读全文
摘要:简介 js是一种具有函数优先的轻量级,解释型或即时编译型的编程语言 。虽然它作为开发web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,js基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式风格。 用途 1.可以给网页添加动态效果 2.node、vue、react都是
阅读全文
摘要:盒子模型 页面上也有很多元素,元素之间的布局 /设计,依靠盒子模型。 所有HTML元素可以看作盒子,在css中 ,“box model”这一术语是用来设计和布局时使用的。 CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充和实际内容。盒子模型允许我们在其他元素和周围元素边
阅读全文
摘要:position定位 静态定位(static) 默认值,没有定位,元素出现在正常的流中(忽略top,bottom,left,right或者z-index声明) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
阅读全文
摘要:浮动 浮动设置的初衷是为了解决文字环绕 图片的,浮动后一定不会将文字挡住,这是设计初衷,不能违背。 CSS的FLOAT(浮动)使元素脱离文档流,按照指定的方向(左或者右发生移动),直到它的边缘碰到包含框或另一个浮动框的边框为止。 说到脱离文档流要说一下什么是文档流,文档流是文档中可现实对象排列时所占
阅读全文
摘要:伪类选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <style type="text/css"> /*h1:hover{*/ /* color: red;
阅读全文
摘要:属性选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .demo a{ float: left; display: block
阅读全文
摘要:关系选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> /*后代选择器*/ /*div h1 {*/ /* color: red
阅读全文
摘要:基本选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /** 基本选择器:元素选择器 通过元素的名字进行定位,它会获取页面上所有这个元素,无论藏的多深都可以获
阅读全文