GoodDolphin
GoodDolphin

HTML+CSS+JS+JQuery入门学习（学生视角）

目录

HTML

CSS

JavaScript（点到为止）

jQuery（点到为止）

（提示：点击各个模块名称可访问该模块的思维导图）

HTML

问：什么是HTML，有什么用？

答：(Hyper Text Markup Language)超文本标记语言，就是用来开发网页的一门语言。是一种标识性的语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML开发的网页文档,可以通过浏览器打开并显示(浏览器就是一个HTML解析器)。

问：HTML的书写结构是什么样的？

答：: 用于声明当前文档是一个html格式的网页,并且版本是html5.0版本。
    : 根标签,所有的html内容都应该放在根标签内部
    : 头部分,用于存放网页的基本属性信息(例如:网页标题,网页的编码,引入的css文件,或JS文件)
    : 体部分,用于存放网页的可视化内容
    我的第一个网页: 指定网页标签的标题
    

~

: 指定网页内容的标题,例如文章/新闻等标题
    : 通知浏览器当前网页使用的编码,如果不指定这一行,网页文件保存使用utf-8,浏览器在打开这个网页时,如果不使用utf-8,就可能会出现乱码问题。

问：HTML的语法是怎样的?

答：标签、标记、元素：就是用尖括号(<>)括起来的一组内容,例如:
    标签分为开始标签()和结束标签(),通常开始和结束标签之间还可以存放其他内容。
    自闭标签: 有些标签内部不需要写内容,通常可以写成自闭标签
    属性: 属性必须声明在标签上,属性可以有多个,多个属性之间用空格隔开。属性包括属性名和属性值,属性名和属性值中间用等号连接。属性的值用双引号或者单引号引起来。
    注释格式:
    可以使用  （英文空格）， （中文空格） 实现空格;
    可以使用
标签实现换行;

问：HTML常用标签汇总

答：具体可以在W3Cschool查询HTML标签。（扩展：W3school和W3Cschool的区别）

HTML常用标签
标签类型 标签名称
图像
超链接
表格
表单
表单项 "text"/"password"/"radio"/"checkbox"/"select"/"optioin"/"textarea"/"button"/"submit"
音视频
其它

(都是容器标签，前两者是块元素，默认独占一行；span是行内元素)，多个可以在同一行

补充：

表单的作用是向服务器发送数据。表单中往往存在表单项标签(用户名、密码、昵称、邮箱、验证码等)，在表单项中可以输入数据，再提交表单就可以将输入的数据提交给相应的服务器。除了表单，也可以使用超链接向服务器发送数据。

CSS

问：什么是CSS，有什么用？

答：层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。和传统的html标签属性设置样式相比，使用CSS设置样式可以实现：将展示数据的html代码和设置样式的CSS代码进行分离，可以增强网页的展示能力。

问：如何在HTML中引入CSS

答：一是在标签上的style属性内部添加css样式，不建议使用；二是在head标签内的style标签内部添加css样式，统一管理实现代码的复用；三是通过link标签引入外部的css文件，推荐使用，特别是在企业开发中。

问：CSS的选择器有哪些？

答：

名称 格式
元素名/标签名选择器 元素名/标签名{ css样式.. }
class类选择器 .class值{ css样式.. }
id选择器 #id值{ css样式.. }
后代选择器 父选择器 后代选择器{ css样式... }
属性选择器 选择器[属性条件][属性条件]..{ css样式 }

问：CSS的属性和属性值汇总

答：

常用属性  
文本、字体相关属性

text-align：设置元素内文本水平排列方式。left（居左,默认）、center（居中）、right（居右）
text-indent：设置文本首行缩进，百分比或像素值        
text-shadow：设置字体阴影    
letter-spacing：设置字符间隔/间距

font-siz：设置字体大小
font-weight：设置字体粗细，100~900，bold，bolder，normal
font-family：设置字体，"微软雅黑","宋体","楷体"等
color：设置字体颜色
背景相关属性 background-color: 设置背景颜色
background-image: 设置背景图片
background-repeat: 设置背景图片是否以及如何重复排列
backgronnd-position: 设置背景图片的位置
backgournd-size: 设置背景图片的大小
边框属性

border: 2px solid red; -- 同时设置边框的宽度、样式、颜色
border-width: 2px;
border-style: solid; double(双线) dotted(点状线) dashed(虚线)
border-color: red;

border-radius: 设置圆角边框
其他属性

width: 设置元素的宽度
height: 设置元素的高度

补充：颜色取值的三种方式:使用颜色名称；#6位十六进制数；rgb（255,255,255）

问：CSS盒子模型（了解）

答：所谓盒子模型（Box Model）就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容(content)、内边距（padding）、边框（border）和外边距（margin）组成。

JavaScript（点到为止）

问：什么是JS，有什么用？

答：JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。JavaScript是一种属于网络的高级脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。主要作用是用于实现网页中的动画效果和实现表单验证，JS可以运行在服务器端（Node.js）

特点：JS是一门直译式的语言（JS不需要编译,执行的就是源代码）；JS是一门基于对象的语言（JS可以通过某些机制模拟面向对象）；JS是一门弱类型的语言（Java是强类型）

优势：JS具有良好的交互性(提出初衷,嵌入在浏览器中,能够提高用户体验)；JS具有一定的安全性(运行在浏览器内部,比如,不能访问硬盘)；JS具有跨平台性

问：如何在HTML中引入JS

答：方式一: 在head或者body内部可以添加一个script标签，在script标签内部可以直接书写JS代码。

       方式二：在head或者body内部可以添加一个script标签，在script标签通过src属性,可以引入外部的JS文件

      方式三：将JS代码写在标签上

问：JS的语法是怎样的？

答：基本数据类型：数值类型(number)、字符串类型(string)、布尔类型(boolean)、undefined类型、null类型

       复杂数据类型：对象，数组，函数

JS中是通过var关键字声明变量,通过var声明的变量不区分类型,可以指向任意的数据；JS中有自动断句功能,即使一行后面不加分号,也可以正常执行,但是建议加上分号;JS中如果重复声明变量,也不会报错, 因为JS中声明一个已存在的变量不会生效;JS中的数组可以存储任意类型的数据’；JS数组的长度可以被任意改变

JS的函数相当于Java中的方法，就是一个具有功能的代码块,通过函数名可以反复执行!
    声明方式1:
        function 函数名([参数列表]){
            函数体...
        }        
    声明方式2:
        var 变量/函数名 = function([参数列表]){
            函数体...
        }    如果是只需要执行一次的函数，可以声明为匿名函数
    (function([参数列表]){
        函数体
    })([参数列表]);

问：什么是JS的DOM操作？

答：Document Object Model,文档对象模型。其实就是JS专门为操作html元素所提供的一套API。

获取html元素：document.getElementById(id值);document.getElementsByTagName(标签名);document.getElementsByClassName(class值);ele.parentNode -- 获取当前元素的上级元素(父元素)；ele.innerHTML -- 获取元素的所有内容, 或者设置元素的内容(原内容会被覆盖)；ele.value -- 获取或设置表单项元素的value值。

增删改查元素：

创建一个html元素，document.createElement(元素名/标签名);

添加子元素，parentEle.appendChild( childEle );

删除子元素，parentEle.removeChild( childEle )；

jQuery（点到为止）

问：什么是jQuery，有什么用？

答：jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery可以极大地简化JS代码。jQuery核心思想: 写的更少,但做的更多。是一门轻量的（一个框架或者技术对我们项目的侵入程度是非常低的（反过来说，我们的项目或代码对该技术的依赖程度是非常低的））、免费开源的JS函数库。

优势：可以极大地简化JS代码；可以像CSS选择器一样获取元素；可以通过修改CSS样式来控制页面的效果；可以兼容常用浏览器(谷歌/火狐/苹果/欧朋)。

问：如何引入jQuery

答：在head或body标签内部添加script标签,通过script标签引入jQuery的函数库文件：

调用jQuery()函数等价于调用$()函数

问：文档就绪函数是什么？

答：文档就绪事件函数: 该函数会在浏览器加载完所有的html元素后立即执行
    JS提供的文档就绪函数:
    window.onload = function(){
        //这里的代码会在浏览器加载完所有的html元素后立即执行
    }

    jQuery提供的文档就绪函数:
    简写形式:
    $(function(){
        //这里的代码会在浏览器加载完所有的html元素后立即执行
    })
    完整写法:
    $(document).ready(function(){
        //这里的代码会在浏览器加载完所有的html元素后立即执行
    });

问：jQuery的选择器有哪些

基本选择器：

；；；元素名选择器   $("div") -- 匹配所有的div元素

；；；class选择器   $(".mini") -- 匹配所有class值为mini的元素

；；；ID选择器     $("#one") -- 匹配id值为one的元素

；；；多元素选择器    $("div,span,.mini,#one") -- 匹配所有的div,所有的span,以及所有class为mini,以及id值为one的元素

层级选择器：

；；；后代选择器    $("div span") -- 匹配所有div内部的span元素

；；；相邻兄弟选择器

    $("#two+span") -- 匹配id值为two的元素后面紧邻的span兄弟元素
    $("#two").next("span") -- 匹配id值为two的元素后面紧邻的span兄弟元素
    $("#two").prev("span") -- 匹配id值为two的元素前面紧邻的span兄弟元素
    $("#two").nextAll() -- 匹配id为two的元素后面所有的兄弟元素
    $("#two").nextAll("div") -- 匹配id为two的元素后面所有的div兄弟元素
    $("#two").prevAll("div") -- 匹配id为two的元素前面所有的div兄弟元素
    $("#two").siblings("div") -- 匹配id为two的元素前、后所有的div兄弟元素

基本过滤选择器：

    $("div").eq(n) -- 表示匹配所有div中的第n+1个div元素

    $("div:first") -- 匹配所有div中的第一个div元素

    $("div:last") -- 匹配所有div中的最后一个div元素

    ……

表单选择器：

    $(":input") -- 匹配所有的表单项元素(包括input、select、textarea、button)
    $(":text") -- 匹配所有普通文本输入框
    $(":password") -- 匹配所有密码输入框
    $(":radio") -- 匹配所有单选框
    $(":checkbox") -- 匹配所有复选框
    $(":radio:checked") -- 匹配所有被选中的单选框
    $(":checkbox:checked") -- 匹配所有被选中的复选框

jQuery总结

1、html元素操作
    (1)创建html元素
        $("

") -- 创建一个div元素,返回一个jQuery对象
        $("
这是一个div元素
") -- 创建一个包含内容的div元素,返回一个jQuery对象
        $("") -- 创建文本输入框,返回一个jQuery对象
    
    (2)添加子元素 -- append()
        $("body").append("
这是一个td元素
");
        -- 往body中添加一个表格元素
        
        var $div = $("
这是一个div元素
");
        $("body").append( $div ) -- 往body中添加一个div元素
        
    (3)删除元素 -- remove()
        $("div").remove() -- 删除所有匹配的div元素
    
    (4)替换元素 -- replaceWith()
        $("div").replaceWith("

我是来替换div的p元素!!

")
        
        
2、html内容 及 值的操作
    
div111

    
        
    html()函数 -- 获取元素的所有内容(包裹在开始标签和结束标签中的所有内容)
        如果通过选择器匹配了多个元素,只能获取第一个元素的内容
        html()函还可以设置元素的内容,如果通过选择器匹配了多个元素,则会给所有元素设置内容
        -- 在js中对应的是innerHTML属性        
    text()函数 -- 获取元素中的所有文本内容(值获取文本,不获取标签)
        如果通过选择器匹配了多个元素,可以将所有元素内部的文本都返回
        text()函数还可以为元素的设置文本内容(只能设置文本)
        -- 在js中对应的是innerText属性(这个属性在部分浏览器中不兼容)    
    val()函数 -- 获取表单项元素的value值 或者是 为表单项元素设置value值
        表单项元素: input/select/option/textarea    
3、html元素属性 或者 css属性操作
    prop()函数 -- 获取元素的某一个属性值,或者为元素设置属性值
    attr()函数 -- 可以获取元素的属性值,或者为元素设置属性值
    prop()和attr()的区别:
    (1) prop函数是在jquery1.6版本之后才出现,用于获取或设置元素的属性(固有属性)值,
            比如: input元素的id,class,name,type等属性都是固有属性
            比如: 为input指定一个aaa属性,这个叫做自定义属性
        attr函数是在jquery1.6版本之前就有的函数,用于获取或设置元素的属性(自定义属性)值        
    css()函数 -- 可以获取或设置元素的css样式    
4、动画函数
    show() -- 设置元素为显示状态, 等价于 css("display", "block|inline");
    hide() -- 设置元素为隐藏状态, 等价于 css("display", "none");
    toggle() -- 切换元素的显示状态, 如果元素本身是显示的,则会变成隐藏状态,如果元素本身是隐藏的,则会变成显示状态
    
    slideToggle() -- 切换元素的显示状态, 如果元素本身是显示的,则会变成隐藏状态,如果元素本身是隐藏的,则会变成显示状态

5、parent()/parents()/find()
    parent() -- 获取当前元素的父元素, 类似于js中的 parentNode属性
    parents() -- 获取当前元素的所有的祖先元素
        $(":checked").parent().parent();
        $(":checked").parents("tr")    
    find() -- 获取当前元素内部指定的后代元素
    $("div").find("span") -- 获取所有div元素内部的span元素
    $("div span") -- 获取所有div元素内部的span元素

你可能感兴趣的:(02-JavaWeb学习笔记,html,css,js,jquery,java)

  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • Long类型前后端数据不一致 igotyback 前端
    响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
  • LocalDateTime 转 String igotyback java开发语言
    importjava.time.LocalDateTime;importjava.time.format.DateTimeFormatter;publicclassMain{publicstaticvoidmain(String[]args){//获取当前时间LocalDateTimenow=LocalDateTime.now();//定义日期格式化器DateTimeFormatterformat
  • swagger访问路径 igotyback swagger
    Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip
  • Linux下QT开发的动态库界面弹出操作（SDL2） 13jjyao QT类qt开发语言sdl2linux
    需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口
  • html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端
    示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
  • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数 广龙宇 一起学Rust#Rust设计模式rust设计模式开发语言
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
  • C#中使用split分割字符串 互联网打工人no1 c#
    1、用字符串分隔：usingSystem.Text.RegularExpressions;stringstr="aaajsbbbjsccc";string[]sArray=Regex.Split(str,"js",RegexOptions.IgnoreCase);foreach(stringiinsArray)Response.Write(i.ToString()+"");输出结果：aaabbbc
  • 四章-32-点要素的聚合 彩云飘过
    本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
  • DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业
    ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
  • 【华为OD机试真题2023B卷 JAVA&JS】We Are A Team 若博豆 java算法华为javascript
    华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
  • 数组去重 好奇的猫猫猫
    整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • 【JS】执行时长(100分) |思路参考+代码解析（C++） l939035548 JS算法数据结构c++
    题目为了充分发挥GPU算力，需要尽可能多的将任务交给GPU执行，现在有一个任务数组，数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。假设GPU最多一次执行n个任务，一次执行耗时1秒，在保证GPU不空闲情况下，最少需要多长时间执行完成。题目输入第一个参数为GPU一次最多执行的任务个数，取值范围[1,10000]第二个参数为任务数组长度，取值范围[1,10000]第三个参数为任务数组，数字范围
  • webpack图片等资源的处理 dmengmeng
    需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • docker igotyback eureka云原生
    Docker容器的文件系统是隔离的，但是可以通过挂载卷（Volumes）或绑定挂载（BindMounts）将宿主机的文件系统目录映射到容器内部。要查看Docker容器的映射路径，可以使用以下方法：查看容器配置：使用dockerinspect命令可以查看容器的详细配置信息，包括挂载的卷。例如：bashdockerinspect在输出的JSON格式中，查找"Mounts"部分，这里会列出所有的挂载信息
  • 在Ubuntu中编译含有JSON的文件出现报错 芝麻糊76 Linuxkill_buglinuxubuntujson
    在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\"
  • Xinference如何注册自定义模型 玩人工智能的辣条哥 人工智能AI大模型Xinference
    环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
  • Java 重写(Override)与重载(Overload) 叨唧唧的
    Java重写(Override)与重载(Overload)重写(Override)重写是子类对父类的允许访问的方法的实现过程进行重新编写,返回值和形参都不能改变。即外壳不变，核心重写！重写的好处在于子类可以根据需要，定义特定于自己的行为。也就是说子类能够根据需要实现父类的方法。重写方法不能抛出新的检查异常或者比被重写方法申明更加宽泛的异常。例如：父类的一个方法申明了一个检查异常IOExceptio
  • 简单了解 JVM 记得开心一点啊 jvm
    目录♫什么是JVM♫JVM的运行流程♫JVM运行时数据区♪虚拟机栈♪本地方法栈♪堆♪程序计数器♪方法区/元数据区♫类加载的过程♫双亲委派模型♫垃圾回收机制♫什么是JVMJVM是JavaVirtualMachine的简称，意为Java虚拟机。虚拟机是指通过软件模拟的具有完整硬件功能的、运行在一个完全隔离的环境中的完整计算机系统（如：JVM、VMwave、VirtualBox）。JVM和其他两个虚拟机
  • 1分钟解决 -bash: mvn: command not found，在Centos 7中安装Maven Energet!c 开发语言
    1分钟解决-bash:mvn:commandnotfound，在Centos7中安装Maven检查Java环境1下载Maven2解压Maven3配置环境变量4验证安装5常见问题与注意事项6总结检查Java环境Maven依赖Java环境，请确保系统已经安装了Java并配置了环境变量。可以通过以下命令检查：java-version如果未安装，请先安装Java。1下载Maven从官网下载：前往Apach
  • Java企业面试题3 马龙强_ java
    1.break和continue的作用(智*图)break：用于完全退出一个循环（如for,while）或一个switch语句。当在循环体内遇到break语句时，程序会立即跳出当前循环体，继续执行循环之后的代码。continue：用于跳过当前循环体中剩余的部分，并开始下一次循环。如果是在for循环中使用continue，则会直接进行条件判断以决定是否执行下一轮循环。2.if分支语句和switch分
  • JVM、JRE和 JDK：理解Java开发的三大核心组件 Y雨何时停T Javajava
    Java是一门跨平台的编程语言，它的成功离不开背后强大的运行环境与开发工具的支持。在Java的生态中，JVM（Java虚拟机）、JRE（Java运行时环境）和JDK（Java开发工具包）是三个至关重要的核心组件。本文将探讨JVM、JDK和JRE的区别，帮助你更好地理解Java的运行机制。1.JVM：Java虚拟机（JavaVirtualMachine）什么是JVM？JVM，即Java虚拟机，是Ja
  • Java面试题精选：消息队列(二) 芒果不是芒 Java面试题精选javakafka
    一、Kafka的特性1.消息持久化：消息存储在磁盘，所以消息不会丢失2.高吞吐量：可以轻松实现单机百万级别的并发3.扩展性：扩展性强，还是动态扩展4.多客户端支持：支持多种语言（Java、C、C++、GO、）5.KafkaStreams（一个天生的流处理）:在双十一或者销售大屏就会用到这种流处理。使用KafkaStreams可以快速的把销售额统计出来6.安全机制：Kafka进行生产或者消费的时候会
  • 白骑士的Java教学基础篇 2.5 控制流语句 白骑士所长 Java教学java开发语言
    欢迎继续学习Java编程的基础篇！在前面的章节中，我们了解了Java的变量、数据类型和运算符。接下来，我们将探讨Java中的控制流语句。控制流语句用于控制程序的执行顺序，使我们能够根据特定条件执行不同的代码块，或重复执行某段代码。这是编写复杂程序的基础。通过学习这一节内容，你将掌握如何使用条件语句和循环语句来编写更加灵活和高效的代码。条件语句条件语句用于根据条件的真假来执行不同的代码块。if语句‘
  • python语法——三目运算符 HappyRocking pythonpython三目运算符
    在java中，有三目运算符，如：intc=(a>b)?a:b表示c取两者中的较大值。但是在python，不能直接这样使用，估计是因为冒号在python有分行的关键作用。那么在python中，如何实现类似功能呢？可以使用ifelse语句，也是一行可以完成，格式为：aifbelsec表示如果b为True，则表达式等于a，否则等于c。如：c=(aif(a>b)elseb)同样是完成了取最大值的功能。
  • 语文主题教学学习笔记之87 东哥杂谈
    “语文主题教学”学习笔记之八十七（0125）今天继续学习小学语文主题教学的实践样态。板块三：教学中体现“书艺”味道。作为四大名著之一的《水浒传》，堪称我国文学宝库之经典。对从《水浒传》中摘选的单元，教师就要了解其原生态，即评书体特点。这也要求教师要了解一些常用的评书行话术语，然后在教学时适时地加入一些，让学生体味其文本中原有的特色。学生也要尽可能地通过朗读的方式，而不单是分析讲解的方式进行学习。细
  • ArrayList 源码解析 程序猿进阶 Java基础ArrayListListjava面试性能优化架构设计idea
    ArrayList是Java集合框架中的一个动态数组实现，提供了可变大小的数组功能。它继承自AbstractList并实现了List接口，是顺序容器，即元素存放的数据与放进去的顺序相同，允许放入null元素，底层通过数组实现。除该类未实现同步外，其余跟Vector大致相同。每个ArrayList都有一个容量capacity，表示底层数组的实际大小，容器内存储元素的个数不能多于当前容量。当向容器中添
  • java杨辉三角 3213213333332132 java基础
    package com.algorithm; /** * @Description 杨辉三角 * @author FuJianyong * 2015-1-22上午10:10:59 */ public class YangHui { public static void main(String[] args) { //初始化二维数组长度 int[][] y
  • 《大话重构》之大布局的辛酸历史 白糖_ 重构
    《大话重构》中提到“大布局你伤不起”，如果企图重构一个陈旧的大型系统是有非常大的风险，重构不是想象中那么简单。我目前所在公司正好对产品做了一次“大布局重构”，下面我就分享这个“大布局”项目经验给大家。   背景         公司专注于企业级管理产品软件，企业有大中小之分，在2000年初公司用JSP/Servlet开发了一套针对中
  • 电驴链接在线视频播放源码 dubinwei 源码电驴播放器视频ed2k
    本项目是个搜索电驴（ed2k）链接的应用,借助于磁力视频播放器（官网： http://loveandroid.duapp.com/ 开放平台），可以实现在线播放视频，也可以用迅雷或者其他下载工具下载。 项目源码： http://git.oschina.net/svo/Emule,动态更新。也可从附件中下载。 项目源码依赖于两个库项目，库项目一链接： http://git.oschina.
  • Javascript中函数的toString()方法 周凡杨 JavaScriptjstoStringfunctionobject
    简述     The toString() method returns a string representing the source code of the function.     简译之，Javascript的toString()方法返回一个代表函数源代码的字符串。 句法     function.
  • struts处理自定义异常 g21121 struts
    很多时候我们会用到自定义异常来表示特定的错误情况，自定义异常比较简单，只要分清是运行时异常还是非运行时异常即可，运行时异常不需要捕获，继承自RuntimeException，是由容器自己抛出，例如空指针异常。 非运行时异常继承自Exception，在抛出后需要捕获，例如文件未找到异常。 此处我们用的是非运行时异常，首先定义一个异常LoginException: /** * 类描述：登录相
  • Linux中find常见用法示例 510888780 linux
    Linux中find常见用法示例 ·find   path   -option   [   -print ]   [ -exec   -ok   command ]   {} \; find命令的参数；
  • SpringMVC的各种参数绑定方式 Harry642 springMVC绑定表单
    1. 基本数据类型(以int为例，其他类似)： Controller代码： @RequestMapping("saysth.do") public void test(int count) { } 表单代码： <form action="saysth.do" method="post&q
  • Java 获取Oracle ROWID aijuans javaoracle
    A ROWID is an identification tag unique for each row of an Oracle Database table. The ROWID can be thought of as a virtual column, containing the ID for each row. The oracle.sql.ROWID class i
  • java获取方法的参数名 antlove javajdkparametermethodreflect
    reflect.ClassInformationUtil.java package reflect; import javassist.ClassPool; import javassist.CtClass; import javassist.CtMethod; import javassist.Modifier; import javassist.bytecode.CodeAtt
  • JAVA正则表达式匹配 查找 替换 提取操作 百合不是茶 java正则表达式替换提取查找
    正则表达式的查找;主要是用到String类中的split();       String str;      str.split();方法中传入按照什么规则截取,返回一个String数组   常见的截取规则: str.split("\\.")按照.来截取 str.
  • Java中equals()与hashCode()方法详解 bijian1013 javasetequals()hashCode()
    一.equals()方法详解     equals()方法在object类中定义如下：  public boolean equals(Object obj) { return (this == obj); }    很明显是对两个对象的地址值进行的比较（即比较引用是否相同）。但是我们知道，String 、Math、I
  • 精通Oracle10编程SQL(4)使用SQL语句 bijian1013 oracle数据库plsql
    --工资级别表 create table SALGRADE ( GRADE NUMBER(10), LOSAL NUMBER(10,2), HISAL NUMBER(10,2) ) insert into SALGRADE values(1,0,100); insert into SALGRADE values(2,100,200); inser
  • 【Nginx二】Nginx作为静态文件HTTP服务器 bit1129 HTTP服务器
     Nginx作为静态文件HTTP服务器 在本地系统中创建/data/www目录，存放html文件(包括index.html) 创建/data/images目录，存放imags图片 在主配置文件中添加http指令   http { server { listen 80; server_name
  • kafka获得最新partition offset blackproof kafkapartitionoffset最新
    kafka获得partition下标，需要用到kafka的simpleconsumer   import java.util.ArrayList; import java.util.Collections; import java.util.Date; import java.util.HashMap; import java.util.List; import java.
  • centos 7安装docker两种方式 ronin47
          第一种是采用yum 方式              yum install -y docker           
  • java-60-在O(1)时间删除链表结点 bylijinnan java
    public class DeleteNode_O1_Time { /** * Q 60 在O(1)时间删除链表结点 * 给定链表的头指针和一个结点指针(!!)，在O(1)时间删除该结点 * * Assume the list is: * head->...->nodeToDelete->mNode->nNode->..
  • nginx利用proxy_cache来缓存文件 cfyme cache
    user  zhangy users; worker_processes 10; error_log  /var/vlogs/nginx_error.log  crit; pid        /var/vlogs/nginx.pid; #Specifies the value for ma
  • [JWFD开源工作流]JWFD嵌入式语法分析器负号的使用问题 comsci 嵌入式
        假如我们需要用JWFD的语法分析模块定义一个带负号的方程式，直接在方程式之前添加负号是不正确的，而必须这样做：     string str01 = "a=3.14;b=2.71;c=0;c-((a*a)+(b*b))"     定义一个0整数c,然后用这个整数c去
  • 如何集成支付宝官方文档 dai_lm android
    官方文档下载地址 https://b.alipay.com/order/productDetail.htm?productId=2012120700377310&tabId=4#ps-tabinfo-hash 集成的必要条件 1. 需要有自己的Server接收支付宝的消息 2. 需要先制作app，然后提交支付宝审核，通过后才能集成 调试的时候估计会真的扣款，请注意
  • 应该在什么时候使用Hadoop datamachine hadoop
    原帖地址：http://blog.chinaunix.net/uid-301743-id-3925358.html 存档，某些观点与我不谋而合，过度技术化不可取，且hadoop并非万能。 --------------------------------------------万能的分割线-------------------------------- 有人问我，“你在大数据和Hado
  • 在GridView中对于有外键的字段使用关联模型进行搜索和排序 dcj3sjt126com yii
    在GridView中使用关联模型进行搜索和排序 首先我们有两个模型它们直接有关联: class Author extends CActiveRecord { ... } class Post extends CActiveRecord { ... function relations() { return array( '
  • 使用NSString 的格式化大全 dcj3sjt126com Objective-C
    格式定义The format specifiers supported by the NSString formatting methods and CFString formatting functions follow the IEEE printf specification; the specifiers are summarized in Table 1. Note that you c
  • 使用activeX插件对象object滚动有重影 蕃薯耀 activeX插件滚动有重影
      使用activeX插件对象object滚动有重影   <object style="width:0;" id="abc" classid="CLSID:D3E3970F-2927-9680-BBB4-5D0889909DF6" codebase="activex/OAX339.CAB#
  • SpringMVC4零配置 hanqunfeng springmvc4
    基于Servlet3.0规范和SpringMVC4注解式配置方式，实现零xml配置，弄了个小demo，供交流讨论。     项目说明如下： 1.db.sql是项目中用到的表，数据库使用的是oracle11g 2.该项目使用mvn进行管理，私服为自搭建nexus,项目只用到一个第三方 jar，就是oracle的驱动； 3.默认项目为零配置启动，如果需要更改启动方式，请
  • 《开源框架那点事儿16》：缓存相关代码的演变 j2eetop 开源框架
    问题引入 上次我参与某个大型项目的优化工作，由于系统要求有比较高的TPS，因此就免不了要使用缓冲。 该项目中用的缓冲比较多，有MemCache，有Redis，有的还需要提供二级缓冲，也就是说应用服务器这层也可以设置一些缓冲。 当然去看相关实现代代码的时候，大致是下面的样子。 [java] view plain copy print ? public vo
  • AngularJS浅析 kvhur JavaScript
    概念 AngularJS is a structural framework for dynamic web apps. 了解更多详情请见原文链接：http://www.gbtags.com/gb/share/5726.htm Directive 扩展html，给html添加声明语句，以便实现自己的需求。对于页面中html元素以ng为前缀的属性名称，ng是angular的命名空间
  • 架构师之jdk的bug排查(一)---------------split的点号陷阱 nannan408 split
    1.前言.    jdk1.6的lang包的split方法是有bug的,它不能有效识别A.b.c这种类型,导致截取长度始终是0.而对于其他字符,则无此问题.不知道官方有没有修复这个bug. 2.代码 String[] paths = "object.object2.prop11".split("'"); System.ou
  • 如何对10亿数据量级的mongoDB作高效的全表扫描 quentinXXZ mongodb
      本文链接:  http://quentinXXZ.iteye.com/blog/2149440 一、正常情况下，不应该有这种需求 首先，大家应该有个概念，标题中的这个问题，在大多情况下是一个伪命题，不应该被提出来。要知道，对于一般较大数据量的数据库，全表查询，这种操作一般情况下是不应该出现的，在做正常查询的时候，如果是范围查询，你至少应该要加上limit。 说一下，
  • C语言算法之水仙花数 qiufeihu c算法
    /** * 水仙花数 */ #include <stdio.h> #define N 10 int main() { int x,y,z; for(x=1;x<=N;x++) for(y=0;y<=N;y++) for(z=0;z<=N;z++) if(x*100+y*10+z == x*x*x
  • JSP指令 wyzuomumu jsp
    jsp指令的一般语法格式： <%@ 指令名 属性 =”值 ” %> 常用的三种指令： page,include,taglib page指令语法形式： <%@ page 属性 1=”值 1” 属性 2=”值 2”%> include指令语法形式： <%@include file=”relative url”%> (jsp可以通过 include