lutianfeiml
lutianfeiml

Java进阶学习第二天——CCS与JS入门

文档版本 开发工具 测试平台 工程名字 日期 作者 备注
V1.0 2016.04.08 lutianfei none

第二章CCS

CSS的简介

  • CSS：cascading style sheet ：层叠样式表。

  • 做什么用：

    • 设置网页的显示效果（设置样式）。
    • 可以解决html代码对样式定义的重复，
    • 提高了后期样式代码的可维护性，
    • 增强了网页的显示效果功能。
    • CSS将网页显示的效果和内容分离。（耦合性）

  • HTML只需要把文本内容封装起来，不用属性，用CSS的代码来控制显示效果。

    • 如果开发了多套CSS的代码，都不用修改HTML的代码。


CSS和HTML的结合（重点）

第一种结合方式——在html标签上提供style属性

  • 在html的标签上，提供了一个(属性)，style=”CSS的代码”


第二种结合方式——在html文件中提供style标签

  • 在HTML的文件，提供了一个标签
    <style type="text/css">CSS的代码</style>
    • 这个标签放在<head></head>的中间
    • 注：如果某个div标签已经用第一种方式定义过了，则会按照第一种方式显示，按层叠来理解。
      Java进阶学习第二天——CCS与JS入门_第1张图片


第三种结合方式——引入外部css文件

  • 引入CSS的文件，定义一个css文件
    • 后缀名 .css
    • 格式： @import url("CSS文件的地址");
    • 属性必须要写<style></style>内部。大写和小写都没有问题。
    • css格式的注释符号：/* */

Java进阶学习第二天——CCS与JS入门_第2张图片


第四种结合方式——引入外部文件，通过link标签

  • 写在<head></head>中间， 不要放在<style>中间（经常使用）
    • rel：代表当前和引入文件之间的关系:一般为stylesheet
    • type：切换到css引擎
    • href：引入CSS文件的地址


CSS的优先级和规范（重点）

  • 一般情况：从上到下，由外到内，优先级是从低到高的。
  • 特殊情况下：标签名选择器 < 类选择器 < ID选择器 < style属性


  • 规范
    • 选择器名称 { 属性名：属性值；属性名：属性值；……}
    • 属性 与 属性 之间用 分号 隔开
    • 属性 与 属性值 之间用 冒号 连接
    • 如果一个属性有多个值的话，那么多个值用 空格 隔开。


CSS的选择器（重点）

  • 作用：告诉CSS的代码作用在哪个标签上。

基本选择器

  • 标签名选择器

    • div{} span{}

  • 类选择器 ：一般给css使用

    • 在HTML的标签上，提供了属性 class，定位到div的标签（美工经常使用的方式）
    • 写法： .class的名称 (eg: .hehe{CSS的代码})

    • 设置不同的标签，具有相同的样式

    • 带html div标签情况
      Java进阶学习第二天——CCS与JS入门_第3张图片


    • 不带html标签的情况


  • ID选择器：一般给js使用
    • 在HTML的标签上，提供的属性 设置样式
      • 写法： #id的名称 (eg: #haha{CSS的代码})
    • 一般情况下：不同的模块设置不同的ID,若id相同，默认取第一个。
      Java进阶学习第二天——CCS与JS入门_第4张图片
      Java进阶学习第二天——CCS与JS入门_第5张图片

扩展选择器

  • 关联选择器：标签可以嵌套，标签与标签之间的关系。
    • 写法： 中间用空格隔开 ;例子（div font{CSS的代码}）



Java进阶学习第二天——CCS与JS入门_第6张图片


  • 组合选择器：对多个不同的选择器进行相同的样式
    • 写法：在多个不同的选择器之间用 , 隔开

Java进阶学习第二天——CCS与JS入门_第7张图片
Java进阶学习第二天——CCS与JS入门_第8张图片
Java进阶学习第二天——CCS与JS入门_第9张图片


  • 伪元素选择器： 定义好的一些选择器，用就ok。
    • 格式：标签名：伪元素。类名 标签名。类名：伪元素。都可以。
    • 如果使用超链接伪元素选择器：使用顺序： L V H A
      • L:link 超链接未点击状态。 text-decoration: none;
      • V:visited 被访问后的状态。
      • H:hover 光标移到超链接上的状态（未点击）。
      • A:active 点击超链接时的状态。
    • first-line 段落的第一行文本。
    • first-letter 段落中的第一个字母。
    • focus 具有焦点的元素。
input:FOCUS { background-color: gray; }

/* 未访问 */
a:LINK { text-decoration: none; color: blue; }

/* 访问完成 */
a:VISITED { color: yellow; font-size: 20px; }

/* 悬停 */
a:HOVER { color: red; font-size: 25px; }

/* 点击状态 */
a:ACTIVE { color: green; font-size: 35px; }


CSS的布局（了解）

  • float : none | left | right
    • none :　 默认值。对象不飘浮
    • left :　 文本流向对象的右边
    • right :　 文本流向对象的左边


第三章：JAVASCRIPT(重点)

javascript的简介

  • js是基于对象和事件驱动的脚本语言，作用在客户端（浏览器）上。

  • js的特点：

    • 交互性（信息的动态交互）
    • 安全性（不可以访问本地的硬盘）
    • 跨平台性（只要是可以解析js的浏览器都可以执行，和平台无关）

  • javascript和java完全不同

    • js的基于对象(所有的东西在内存中以对象的形式存在)，java是面向对象（解决问题的思路）。
    • js解析就可以执行，java先编译再执行。
    • js是弱类型的语言，java是强类型语言。

  • JavaScript历史

    • Netscape（网景），静态的效果。livescript（javascript的前身）
    • java诞生了，升级了，改名（javascript），火了。
    • 巨头：自己开发一套（jscript）
    • Netscape找了一些公司推出的标准： SUN 微软 ECMA（欧洲计算机制造协会），联合推出现在的标准。
    • ECMAScript：标准。基础上扩展。

  • javascript语言的组成

    • ECMAScript 标准（js的语法，变量，函数）
    • BOM （Browser Object Model） 浏览器对象模型
    • DOM （Document Object Model） 文档对象模型


js和HTML的结合

  • 第一种方法使用script标签

    • 语法：<script type="text/javascript">js的代码</script>
    • 标签可以放在HTML文件的任意位置上。
      Java进阶学习第二天——CCS与JS入门_第10张图片
      Java进阶学习第二天——CCS与JS入门_第11张图片

  • 第二种方法引入外部的文件

    • 语法：<script src="引入js文件（相对路径）" >
    • 如果script通过src的属性引入了外部的文件，里面的js代码就不会执行了。
    • <script>，标签可以放在HTML文件的任意位置上。一般都放在body标签的后面。


javascript的语法

js的基本数据类型和变量定义

  • 关键字：被赋予了特殊含义的单词。
  • 标示符：用于标识数据和表达式的符号。（和java一样）
  • 注释：和java一样。
  • 变量：标识内存中一片空间，用于存储数据，数据是可以变化的。
    • var 声明变量，不管是int还是String等都用此声明。
    • 5种基本数据类型： Undefined、Null、Boolean、Number 和 String
  • 运算符：可以让数据进行运算的符号。
  • 语句：对程序的运行流程进行控制的表达式。
  • 函数：用于对功能代码进行封装，便于提高复用性。
  • 数组：对数据进行存储，便于操作。
  • 对象：封装体，既可以封装数据，又可以封装函数。
5种基本数据类型
  • String ： 字符串类型
    • js中双引号和单引号都代表的是字符串
  • Number： 数字类型
    • 不区分整数和小数
  • Boolean： 布尔类型
  • Null：空，给引用赋值的

  • Undefined：未定义（声明变量，没有赋值）

  • typeof() 判断当前变量是什么类型的数据


js的运算符
  • 算术运算符
    • 0或者null是false，非0或者非null是true，默认用1表示。
    • 不区分整数和小数
var num = 3710;
alert(num/1000*1000);    // 3710,不区分整数和小数
var str = "12";
//alert(str + 1 ); // 121，加法作为**连接符**
alert(str - 1);        // 11，减法作为运算符
alert("abc" - 1);        // NaN

alert(true + 1);    // 2
alert(0 + 1);    // 1

if(num == 15){
    alert("abc");
}else{
    alert("ab2c");
}


  • 赋值运算符

    • 和java是一样的

  • 比较运算符

    • == 比较值是否相同
    • === 比较值和类型是否相同
var num3 = 15;        // 数字
var str3 = "15";    // 字符串

// alert(num3 == str3); // true
// alert(num3 === str3); // false


  • 逻辑运算符

    • 和java中一样

  • 三元运算符
    条件?值1:值2


js语句
  • 和java基本相同

  • 向页面输出文本的内容: 文本的内容可以是HTML的代码

    • document.write("文本内容");

  • 编写99乘法表

<script type="text/javascript"> document.write("<table border='1' width='50%' cellpadding='10'>"); // 99乘法表 for(var i=1;i<=9;i++){ document.write("<tr>"); // 循环列 for(var j=1;j<=i;j++){ document.write("<td>"+j+"*"+i+"="+i*j+"</td>"); } // 换行的操作 // document.write("<br/>"); document.write("</tr>"); } document.write("</table>"); </script>


js的数组
  • java :String [] str = {};
  • js：
    • var arr = [12,34,55];
    • var arr = new Array(5); 声明数组，长度是5
    • var arr = new Array(2,3,4); 声明数组，元素是2 3 4
  • 数组的属性
    • 长度：length
    • 数组的长度是可变的。
var arr = [12,34,44];
// alert(arr.length);

document.write(arr+"<br/>");
arr[3] = "abc";
arr[4] = 99;
document.write(arr); //直接打印数组内容


js的方法
  • java：
public String 方法名称(参数列表(int num,String str)){
    方法体;
    return null;
}
  • js中，通过关键字 function 声明方法。
    • Javascript中不存在重载形式。
    • 在函数的内部，有一个数组，用来装传过来的参数的arguments
    • 如果调用方法时，忘记了写()，则会把函数对象的引用传给接收的变量，而打印出函数体的内容。
function 方法名称(参数列表 (num,str)){
    方法体;
    return;
}
* 参数列表：不能使用var关键字
* 返回值：可写可不写的，如果有写返回值，如果没有，返回值可以省略不写。

// var result = add2(10,5);
// alert(result); //打印15

// var result2 = add2(10,10,7,8);
// alert(result2);//打印20


function getSum(){
    return 100;
}

var sum = getSum; 
//alert(sum);//打印getSum方法的全部代码

var sum2 = sum();
alert(sum2);//打印100


你可能感兴趣的:(JavaScript,java进阶,css入门,css与html结合,js基本语法)

  • python提出HTML中的连接和文本。 laocooon523857886 Python前端服务器linux
    49LanguagesSimpleEnglishBahasaIndonesiaBahasaMelayuCataleskyDanskDeutschEestiEspaolEsperantoEuskaraFranaisGalegoHrvatskiItalianoLietuviMagyarNederlandsNorskbokmlNorsknynorskPolskiPortugusRomnSlovenina
  • java计算机毕业设计-学生宿舍故障报修管理信息系统-源码+数据库+系统+lw文档+mybatis+运行部署 雪夜科技 mybatisjava数据库
    java计算机毕业设计-学生宿舍故障报修管理信息系统-源码+数据库+系统+lw文档+mybatis+运行部署java计算机毕业设计-学生宿舍故障报修管理信息系统-源码+数据库+系统+lw文档+mybatis+运行部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Wi
  • 电商平台架构设计与微服务部署 Go小鸟编程 微服务电商golang后端架构云原生
    电商业务模型分析电商业务是一个涵盖广泛、交互复杂的系统，涉及用户浏览商品、下单购物、支付、订单处理、物流配送等多个环节。从业务的角度进行拆解可以更好地理解和组织各个方面的功能。以下是对电商业务场景、业务模型和工作链路的拆解。买家视角电商系统的本质是促进商品和服务的在线买卖，面向买家用户的工作流是电商系统的核心卖家视角从商家的视角，电商系统的一般工作流程涉及商品管理、订单处理、售后服务等多个环节：平
  • Pytorch实现论文：对GAN的交替优化 LJ1147517021 GAN系列生成对抗网络计算机视觉人工智能pytorch机器学习深度学习
    简介这次带来的是ClosingtheGapBetweenTheoryandPracticeDuringAlternatingOptimizationforGANs，Gans交替优化中缩小理论与实践的差距这篇论文的一个核心代码在ACGAN模型上的效果测试，核心是修改了损失函数部分的计算。作者的实验是在StyleGAN上进行的。论文简介论文题目：ClosingtheGapBetweenTheoryan
  • Hive之数据迁移方案(实测) 南风知我意丿 Hivehivehadoophdfs
    文章目录Hive的迁移涉及两个技术点：1.仅迁移元数据2.元数据及Hive数据全量迁移2.1全表迁移2.1.1旧集群2.1.2新集群2.2仅部分分区迁移（主要步骤）2.1.1旧集群2.1.2新集群2.3beeline连接hive并进行数据迁移Hive的迁移涉及两个技术点：1.仅迁移元数据参考：网易元数据管理-hive元数据迁移与合并2.元数据及Hive数据全量迁移主要流程1.将旧集群的hive数据
  • 致全体用户：2024 年，TapData 的五周年，我们在海内外市场埋下了两颗新的种子 数据库
    刚刚过去的这一年，对于TapData而言，因着是五周岁的生日而多了一重别样的意义。五年来，我们一直致力于为用户提供高效、稳定的实时数据集成解决方案，帮助各行各业应对数据管理的挑战。在这段旅程中，我们不仅收获了大家的信任与支持，也在技术创新和产品发展上取得了突破。从初期的大胆探索，到如今的厚积薄发、稳步前行，TapData用五年的时间讲述了一段以用户为先的初创企业蓬勃成长史，见证了实时数据技术的旺盛
  • 《数据孤岛：AI模型训练之殇，精度与泛化的双重困境》 人工智能深度学习
    在人工智能飞速发展的当下，数据就是模型的“燃料”。从医疗影像诊断到智能交通调度，从电商推荐系统到金融风险预测，AI模型的精准度与泛化能力，决定了其在实际应用中的价值。然而，一个棘手的问题正阻碍着AI前行的步伐——数据孤岛。数据孤岛，是指在组织内部或不同组织之间，由于系统、管理或流程的原因，数据被孤立存储在不同的数据库、应用程序或部门中，彼此之间缺乏有效的连接和整合。据权威机构调研，在高度信息化的企
  • 简洁明了：介绍大模型的基本概念（大模型和小模型、模型分类、发展历程、泛化和微调） 周杰伦_Jay 大模型LLMs分类数据挖掘人工智能机器学习生成对抗网络transformer算法
    目录前言1、大模型的定义1.1、大模型与小模型的对比2、大模型相关概念区分2.1、基础模型（FoundationModel）2.2、超大模型（Ultra-largeModel）2.3、大语言模型（LargeLanguageModel，LLM）3、大模型的发展历程3.1、萌芽期（1950-2005）3.2、探索沉淀期（2006-2019）3.3、迅猛发展期（2020-至今）4、大模型的特点5、大模型
  • 即时通讯技术文集（第42期）：直播技术合集(Part2) [共13篇] 即时通讯im网络编程
    为了更好地分类阅读52im.net总计1000多篇精编文章，我将在每周三推送新的一期技术文集，本次是第42期。[-1-]实时音频的混音在视频直播中的技术原理和实践总结[链接]http://www.52im.net/thread-1904-1-1.html[摘要]今天，我们就来聊一聊混音技术在视频直播应用中的实现原理、方案等，及其在创新玩法中的实践应用。[-2-]七牛云技术分享：使用QUIC协议实现
  • 再分享API形式调用Dify项目应用 福安德信息科技 大模型python人工智能大模型llmdify
    大模型相关目录大模型，包括部署微调prompt/Agent应用开发、知识库增强、数据库增强、知识图谱增强、自然语言处理、多模态等大模型应用开发内容从0起步，扬帆起航。RAGOnMedicalKG：大模型结合知识图谱的RAG实现DSPy：变革式大模型应用开发最简明的Few-shotPrompt指南SemanticKernel：微软大模型开发框架——LangChain替代对话大模型Prompt是否需要
  • 培训机构中教务系统的架构设计与实现 360-go-php gojavapythongolang架构服务器数据库阿里云javapython
    ##一、引言随着信息化时代的发展，高校的管理方式逐渐从传统的人工管理向数字化、自动化、智能化方向转型。教务系统作为高等教育信息化建设中的重要组成部分，承担着学生信息管理、课程管理、排课、成绩评定、学籍管理等多项任务。一个高效、稳定、灵活的教务系统是提升教育教学管理水平、实现高效行政管理的关键。本文将从教务系统的架构设计、功能模块、技术选型和实现等方面进行详细探讨，旨在为实现一个高效、可扩展且稳定的
  • 202年寒假充电计划——自学手册 网络安全（黑客技术） 网安康sir web安全安全网络php开发语言
    前言什么是网络安全网络安全可以基于攻击和防御视角来分类，我们经常听到的“红队”、“渗透测试”等就是研究攻击技术，而“蓝队”、“安全运营”、“安全运维”则研究防御技术。如何成为一名黑客很多朋友在学习安全方面都会半路转行，因为不知如何去学，在这里，我将这个整份答案分为黑客（网络安全）入门必备、黑客（网络安全）职业指南、黑客（网络安全）学习导航三大章节，涉及价值观、方法论、执行力、行业分类、职位解读、法
  • 免费AI大模型API汇总（非常详细），零基础入门到精通，看这一篇就够了 大模型扬叔 人工智能免费AI大模型API汇总大模型
    前言一、免费大模型API一览大模型免费版本免费限制控制台（api_key等）讯飞星火大模型spark-litetokens：总量无限；QPS：2；(每秒发送的请求数)有效期：不限访问链接百度千帆大模型平台ERNIE-Speed-8KRPM=300，TPM=300000（RPM是每分钟请求数（RequestsPerMinute），TPM是指每分钟处理的tokens数量）访问链接ERNIE-Speed
  • vite webpack原理和区别
    Vite和Webpack的工作原理有显著的不同，以下是对它们各自原理的简要说明：Vite原理原生ES模块：Vite利用浏览器对原生ES模块（ESM）的支持，实现按需加载和编译。开发服务器启动时，Vite只需解析入口文件，并将导入的模块路径记录下来。按需编译：当浏览器请求某个模块时，Vite会实时编译该模块及其依赖。使用esbuild或Vite自带的编译器快速处理JavaScript和CSS。热模块
  • NCNN推理 呆呆珝 推理框架c++人工智能
    1.前言ncnn是一个高性能的神经网络前向计算框架，专门针对移动设备和嵌入式设备设计。它由腾讯优图实验室开发，旨在提供高效的神经网络推理能力，特别是在资源受限的环境中，如智能手机和嵌入式系统。ncnn被广泛应用于移动端和嵌入式设备上的各种深度学习应用，包括但不限于：图像分类/目标检测/语义分割/人脸识别/图像生成与处理2.NCNN的CMakeLists.txt编写ncnn的头文件，链接文件，静态链
  • 用Python写一个UI界面 南风寺山 python开发语言
    要用Python写一个UI界面，你可以使用一些图形用户界面(GUI)工具包，如：Tkinter，wxPython，PyQt等。Tkinter是Python内置的GUI库，是一个轻量级的工具包，适合于简单的图形界面。wxPython是一个功能强大的GUI工具包，支持跨平台，并且可以与C++代码集成。PyQt是一个商业许可的GUI工具包，也是一个功能强大且高效的选项。如果你是初学者，可以先尝试使用Tk
  • openlayers添加按钮_OpenLayers系列(4)——使用控制器 | 学步园 weixin_39689394 openlayers添加按钮
    控制器可以使用在地图上，也可以使用在地图之外的元素如中。添加控制器有两种方式：1.在map对象初始化时以js数组的形式把OpenLayers控制器传入2.在map对象初始化后，调用addControl()来添加单个控制器或者addControls()传入一个控制器数组对象当一个map对象被初始化后，默认会有4种控制器：1.OpenLayers.Control.Navigation:用来控制地图与鼠
  • wps2019数据分析加载项_怎样用Excel做数据分析（电商案例） weixin_39907939 wps2019数据分析加载项
    一、数据分析步骤明确问题：知道你要研究什么问题，从而有目地的查找数据理解数据：寻找与问题相关的数据；从数据中你能得出的信息；理解字段信息数据清洗（数据预处理）：选择子集；列名重命名；删除重复值；缺失值处理；一致化处理；数据排序；异常值处理数据分析或构建模型：数据透视表；在Excel安装数据分析功能（安装步骤：文件～选项～加载项～Excel加载项转到～分析工具库，注意！这是MicrosoftExce
  • python openpyxl 读取excel数据 最强张宝 python封装方法pythonexcelwindows
    该实现方法主要适用于存在表头的excel，自读判断excel的列数与行数，将excel中的数据以不同格式展示，使用的是openpyxl入参：filePath：excel文件的路径，只能导入xlsx的文件Type：导出数据的格式，支持输入"list"、"list_dict"、"list_list"、"dict_dict"、"dict_list"keyName：当Type为”dict_dict“、”d
  • stable diffusion 模型和lora融合 Kun Li 图像视频生成大模型stablediffusion
    炜哥的AI学习笔记——SuperMerger插件学习-哔哩哔哩接下来学习的插件名字叫做SuperMerger，它的作用正如其名，可以融合大模型或者LoRA，一般来说会结合之前的插件LoRABlockWeight使用，在调整完成LoRA模型的权重后使用改插件进行重新打包。除了LoRA，Checkpoint也可以通过这个插件进行融合合并。实际上，目前市面上存在大量的Checkpoint模型都是经由合并
  • 基于深度学习的鸟类识别系统详解（UI界面 + YOLOv10 + 数据集） 2025年数学建模美赛 深度学习uiYOLO人工智能python计算机视觉
    引言鸟类识别是计算机视觉领域中一个独具挑战性的任务，尤其是在复杂的自然环境中，识别不同种类的鸟类需要非常强大的模型和丰富的数据集。随着深度学习技术的发展，基于YOLO（YouOnlyLookOnce）系列模型的目标检测系统展现了卓越的性能，特别是在速度和精度上的平衡方面。本博客将详细讲解如何利用YOLOv10模型来构建一个基于深度学习的鸟类识别系统。该系统会结合自定义鸟类数据集，设计一个简洁直观的
  • Easy-Es核心功能深度介绍 老汉健身 【大数据】elasticsearch大数据bigdataeasy-esjava
    背景:近期随着项目开源后热度的不断上涨,越来越多小伙伴开始对框架核心功能感兴趣,今天就让我带大家深入源码和架构,一起探索Easy-Es(简称EE)的核心功能是如何被设计和实现的.和众多ORM框架一样,EE最为核心的功能就是CRUD(增删改查),当然由于ES本身的特殊性,EE在核心功能中还额外引入了Index(索引)的管理.鉴于核心功能的CRUD接口API与Mybatis-Plus(MP)的一致,这
  • 通俗理解IP地址概念：网络号、主机号、子网掩码与网段解析 小小野猪 网络-IP网络tcp/ip服务器
    通俗理解IP地址概念：网络号、主机号、子网掩码与网段解析网络号（NetworkID）主机号（HostID）子网掩码网段总结在互联网中，IP地址扮演着至关重要的角色，它是连接网络世界的桥梁。这里深入浅出地讲解几个关键概念：网络号、主机号、子网掩码以及网段，帮助大家构建起对IP地址体系的全面理解。网络号（NetworkID）含义：网络号是IP地址中用于识别设备所属网络的那一部分。就像你家的街道地址，告
  • PLS_INTEGER：Oracle PL/SQL中的整数类型深度解析 小小野猪 OraclePL/SQL语法与案例深度解析oraclesql数据库PLS_INTEGER
    PLS_INTEGER：OraclePL/SQL中的整数类型深度解析一、概述二、PLS_INTEGER简介三、PLS_INTEGER的优点四、PLS_INTEGER的简单示例示例1：声明并使用PLS_INTEGER变量示例2：在存储过程中使用PLS_INTEGER五、资深应用的代码示例示例3：使用PLS_INTEGER进行复杂的数学计算六、结论七、学习与成长一、概述在Oracle数据库中，PL/S
  • Elastic Stack（filebeat/logstash/elasticserarch/kibana）性能分析应用 一缕晨光~ ElasticStackelasticsearchkibanaelk大数据
    目录概要：1.待分析日志的格式（1条日志）：2.filebeat设置获取日志的路径：3.logstash匹配日志4.调试5.Elasticsearch插件（方便对es的查询与删除）6.对已有日志进行分析7、Kibana展示概要：使用kibana展示日志分析结果的初衷是性能分析，终于分析出了第一份日志。性能压测情况下，某个日志文件的分析出的响应时间分布。上篇文章请参看：logstashconfigf
  • MySQL数据库入门到大蛇尚硅谷宋红康老师笔记 基础篇 part 5 E___V___E 数据库mysql笔记
    第05章_排序与分页排序#第05章_排序与分页#1.排序#如果没有使用排序操作，默认情况下查询返回的数据是按照添加数据的顺序显示的。SELECT*FROMemployees;#1.1基本使用#使用ORDERBY对查询到的数据进行排序操作。#升序：ASC(ascend)#降序：DESC(descend)#练习：按照salary从高到低的顺序显示员工信息#使用ORDERBY对查询到数据排序操作SELE
  • 【新人向】关于PyCharm中Python Interpreter问题的一些解答 Cold_Rain02 pythonpycharmide
    0.引言很多新人在刚刚入门Python这一领域时，会选择使用PyCharm作为自己的开发环境，但由于经验浅薄、认知不足，经常会出现很多难以解决的问题，其中以PythonInterpreter（Python解释器）相关问题最为常见，遂作此篇，以作指引。1.你需了解：PyCharm的本质是什么PyCharm是一款由JetBrains公司开发的集成开发环境（IDE），专门用于Python编程。它提供了丰
  • Nginx与API Gateway：服务路由 墨瑾轩 一起学学Nginx【一】nginxgatewayjava
    关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣欢迎来到Nginx与APIGateway的世界！今天我们要一起探索的是如何使用Nginx作为APIGateway来实现服务路由。想象一下，Nginx就像是一位超级向导，它能够引导每一位游客（请求）去往他们想去的景点（服务）。引言：APIGateway的魅力在微
  • MySQL入门学习-索引.删除索引 守护者170 MySQL学习数据库学习mysql
    一、索引的概念索引是一种特殊的数据结构，用于加速数据库中数据的检索。它可以提高查询的效率，减少磁盘I/O操作，从而加快数据的访问速度。二、索引的类型MySQL支持多种类型的索引，包括：1.主键索引（PRIMARYKEY）：用于唯一标识表中的每行记录。2.唯一索引（UNIQUE）：确保表中某一列的值是唯一的。3.普通索引（INDEX）：用于加速数据的查询。4.全文索引（FULLTEXT）：用于对文本
  • 动态规划与回溯算法融合【高效解决组合、排列与子集问题】 一键难忘 算法之翼算法动态规划代理模式
    本文收录于专栏：算法之翼动态规划与回溯算法融合【高效解决组合、排列与子集问题】动态规划（DynamicProgramming）和回溯算法（Backtracking）是解决复杂问题的两种重要算法。它们在许多问题中表现出色，但当两者结合使用时，能够更高效地解决一些特定类型的问题，如子集、排列和组合问题。这篇文章将探讨动态规划与回溯算法的结合，并通过代码实例展示如何应用这种结合方法解决实际问题。动态规划
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他