炒冷饭

JavaScript学java后端也得学??

大家都知道,现在虽然是前后端分离,但是前端工程师必须了解一些后端的知识,而后端开发
的工程师也必学一些前端的知识,今天就和我一起来看看后端必学的一些前端知识,我是一个
学习java后端的,最近会更新一系列java后端要学的前端的知识.

JavaScript

文章目录

JavaScript

基本概念:一门客户端脚本语言
1.基本语法
基本输出语句:
3.数据类型
4.变量
5.运算符

1.一元运算符:只有一个运算数的运算符

算术运算符
赋值运算符
比较运算符
逻辑运算符

三元运算符

6.流程控制语句
8.练习99乘法表

2.基本对象

1.创建
2.方法
3.属性
4.特点
Array:数组对象

1创建
2.方法
3.属性
4.特点

Boolean
Date

1.创建
2.方法

Math:数学

1.创建
2.方法

Number
String
RegExp:正则表达式对象

1.正则表达式:定义字符串的组成规则的表达式

1.开始和结束符号
2.量词符号
正则对象:

Global

1.特点:全局对象,这个Global中封装的方法不需要对象就可以直接使用
2.方法:

DOM简单学习:为了满足案例要求
BOM

事件监听机制:

基本概念:一门客户端脚本语言

运行在客户端浏览器中的,每一个浏览器都有JavaScript的解析引擎
脚本语言:不需要编译,直接就可以被浏览器解析和执行了
功能:
- 可以来增强用户和html页面的交互过程,可以控制html元素,让页面有些动态的效果
发展史:
- 1992年,Nombase公司,开发出一门客户端脚本语言,专门用于表单的校验.命名为:C–,后来更名为ScriptEase
- 1995年,Netscape(网景)公司,开发了一门客户端脚本语言:LiveScript,请来SUN公司对LiveScript进行改造,命名为JavaScript
- 1996年,微软抄袭了JavaScript语言
- 1997年,ECMA(欧洲计算机制造商协会),ECMAScript,就是所有的客户端脚本的标准

总结:JavaScript =ECMAScript+JavaScript自己特有的东西(BOM+DOM)

ECMAScript:客户端脚本语言的标准

1.基本语法

* 1.和html结合方式.

  * 1.内部
    * 定义
    
    

    
    ```

逻辑运算符

    ```
    &&  || !

    之前有讲如果类型不是运算符要求的类型,会进行自动的类型转换

    其他类型转换为boolean:
    	1.number转boolean:
    		0为假,非0为真
    	2.string转boolean:
    		除了空字符串其他都是true
    	3.null&undefined
    		都是false
    	4.对象转boolean:
    		所有对象都是true
    ```

三元运算符

    ```
    ?   :
    ```

6.流程控制语句

  * if..else

  * switch

    * 在java中switch可以接受的数据类型

      ```
      switch(变量)		
      	case 值:
      	
      	switch可以接受的变量的类型byte/int/short/char/枚举(1.5之后)/string(1.7)之后
      ```

    * 在JS中switch可以接收任何**原始的数据类型**

  * while

  * do...while

  * for

* 7.特殊语法:

  ```
  1.语句以;语句,如果一行只有一行语句,那么;可以省略
  2.变量定义问题:
  	变量的定义可以使用var关键字,也可以不使用任何关键字
  	用:定义的变量是局部变量
  	不用:定义的变量是全局变量(不建议使用)
  ```

8.练习99乘法表

2.基本对象

* Function对象:描述一个方法或者函数的对象

1.创建

    ```
    1.  var fun = new Function(形参列表,方法体);(不常用)
    2.	function 方法名称(形参列表){
      		方法体
    }

    	例如:
    	function fun(a,b){
          alert(a+b);
    	}
    	fun(1,3);
    	
    3. var 方法名 = function(形参列表){
      		方法体
    }
    ```

2.方法

    * 调用:直接写方法名和传参就可以了

3.属性

    * length:代表形参的个数

4.特点

方法定义时,形参的类型可以不写
方法是一个对象,重名的方法,会覆盖之前定义的方法
在JS中方法的调用只与方法的名称调用有关,和参数列表无关.

在方法声明中有一个隐藏的内置对象(数组),arguments,封装传进去的所有的实际参数.


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>function对象title>
head>
<body>
    <script>

        /**     function对象(方法/函数)
         *          语法格式:
         *          1. var 方法名 = new function(形参列表){
         *              方法体
         *          }
         *          2. function 方法名(形参列表){
         *              方法体
         *          }
         *
         */
        function fun(a,b) {
            document.write(a+b);
        }
        fun(3,4);
        document.write("
")
        document.write(fun.length);
    script>
body>
html>

Array:数组对象

1创建

    * 1.var arr = new Array(元素列表);
    * 2.var arr = new Array(数组的默认长度)
    * 3.var arr =[元素列表];

2.方法

    * join(参数):将数组的元素按照指定的分隔符拼接为字符串
    * push():向数组的末尾添加一个或更多元素,并且返回新的长度
    *

3.属性

length:数组的长度

4.特点

JS中,数组元素的类型是可变的
在JS中,数组的长度是可变的

      
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>Array对象title>
      head>
      <body>
          <script>
              /**
               * 创建Array数组对象的方式
               *          1.var arr = new Array(元素列表);
               *          2.var arr = new Array(元素长度);
               *          3.var arr = new Array[元素列表];
               */
              var arr1 = new Array(1,2,3,4);
              var arr2 = new Array(5);
              var arr3 = [1,23,4];
              document.write(arr1);
              document.write("
");
              document.write(arr1[1]);//javaScript语法中Array对象也支持索引,并且下标也是从0开始
              document.write("
");
              document.write(arr2);
              document.write("
");
              document.write(arr3);
          script>
      body>
      html>

Boolean

Date

1.创建

var Date = new Date();

2.方法

toLocaleString():返回当前date对象对应的时间本地字符串
getTime():获取毫秒值,返回当前时间对象描述的时间和1970年1月1日零点的时间所过的毫秒值

      
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>Date对象title>
      head>
      <body>
          <script>

              /**
               *  var Date = new Date();
               *  默认的显示方式和java中的一样,但是我们在java中要使用SimpleDateFormat才能进行格式转换
               *  在javaScript中很简便,调用toLocalString()方法就可以了
               */
              var date = new Date();
              document.write(date);
              document.write("
");
              document.write(date.toLocaleString());
              document.write("
");
              document.write(date.toLocaleDateString());
              document.write("
");
              document.write(date.getTime())
          script>
      body>
      html>

Math:数学

1.创建

特点:该对象不需要创建可以直接使用

2.方法

1.random():返回0~1之间的一个随机数(含头不含尾,和java中很类似)
ceil():对数进行想向上上舍入
floor()对数进行下舍入
round():对数进行4舍5入为最接近的整数
3.属性
PI π值

      
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>Math对象title>
      head>
      <body>
          <script>
              /**
               * Math对象比较特殊,不需要创建就可以直接使用
               */

              var a = Math.PI;
              document.write(a);
              document.write("
");

              document.write(Math.random());
              document.write("
");
              document.write(Math.ceil(5.32));
              document.write("
");
              document.write(Math.floor(5.98));
              document.write("
");
              document.write(Math.round(5.51));
          script>
      body>
      html>

Number

String

RegExp:正则表达式对象

1.正则表达式:定义字符串的组成规则的表达式

1.开始和结束符号

          以 ^ 开始
          以 $ 结束
          ```

        * 1.单个字符

          ```
          [a]表示字符a
          [ab]表示字符a或者字符b
          [a-z]表示字符a到字符z

          为了简便:
          \d:单个数字字符[0-9]
          \w:单个单词字符[a-zA-Z0-9_]

2.量词符号

         ?	表示出现0次或者1次
         *	表示0次或多次
         +	表示出现1次或者多次
         {m,n}	m<=表示出现次数<=n
         {,n}	m缺省表示至多n次
         {m,}	n缺省表示最少m次

正则对象:

1.创建
- var reg = new RegExp(“正则表达式”);
- var reg = /正则表达式/;
2.方法
- test(参数):验证指定字符串是否符合正则表达式规范

      
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>RegExp正则对象title>
      head>
      <body>
          <script>
              /**
               * RegExp正则对象
               *  创建:
               *      1.var reg = new RegExp("正则表达式");
               *      2.var reg = /正则表达式/
               *
               *      方法:
               *      test()方法检测是否符合正则表达式
               */

              var str = "zhangsan"
              var reg = new RegExp("//w{6,12}");
              document.write(reg.test(str));
          script>
      body>
      html>

Global

1.特点:全局对象,这个Global中封装的方法不需要对象就可以直接使用

2.方法:

1.encodeURL:url编码
2.decodeURL url解码
- encodeURLComponent:url编码,编码的字符更多
- decodeURLComponent:url解码,解码的字符更多
- parseInt:将一个字符串转为数字
  
  逐一判断每一个字符是否为数字,知道不是数字为止,把前面的数字部分转为number
- isNaN():判断是不是NaN
  - NaN六亲不认,NaN参与的==比较都会返回false,所以没办法比较,因此有isNaN这个方法来判断是不是NaN.
- eval():将JavaScript字符串,并将它作为脚本代码来执行

DOM简单学习:为了满足案例要求

控制html文档的内容
代码:获取页面标签(元素)对象 Element
- document.getElementById(“id值”):获取元素的对象
操作Element对象
- 1.修改属性值
  - 明确获取的对象是哪一个,查看api文档,找那些属性可以设置
- 2.修改标签体的内容
  - 属性:innerHTML
事件简单了解:
- 功能:某些组件被执行了某些操作后,触发某些代码的执行
- 如何绑定事件:
  - 1.直接在html标签上,指定事件的属性(操作),属性值就是js代码
    - οnclick="" 表示单击事件
  - 2.通过js获取元素对象,指定事件属性,设置一个函数

BOM

概念:Browser Object Model浏览器对象模型
- 将浏览器的各个组成部分封装成对象
组成:
- Window:窗口对象
  - 1.创建
  - 2.方法
    - 1.和弹出框有关的方法:
      - 1.alert()显示带有一段消息和一个确认键的警告框
      - 2.confirm():显示带有一段消息以及确认按钮和取消按钮的对话框
        
        如果用户点击确认按钮,则返回true,否则返回false
      - 3.prompt();显示可提示用户输入的对话框
        
        返回值是获取用户输入的值
    - 2.和打开关闭有关的方法:
      - open(url地址):打开一个新的页面,页面的url地址传入参数
      - close():谁(页面)调用这个方法就关闭那个窗口
    - 3.和定时器有关的方法
      - 定时器:相当于闹钟
      - setTimeout():在指定的毫秒数后执行函数或者调用表达式
        
        参数:
        
        1.js代码或者一个表达式
        
        方法名或者js代码
        
        2.毫秒值
      - clearTimeout():取消由setTimeout()方法设置的timeout
        
        参数传一个timeout的对象
      - setInterval():按照指定的周期(以毫秒记)来调用函数或计算表达式
        
        参数:
        
        1.js代码或者一个表达式
        
        方法名或者js代码
        
        2.毫秒值
      - clearInterval():取消由setInterval()设置的timeout
        
        参数传一个timeout的对象
  - 3.属性
    - 1.可以获取其他BOM对象
      - history
      - location
      - Navigator
      - Screen
    - 2.获取DOM对象
      - document
  - 4.特点
    - window不需要创建,可以直接使用.window.方法名()直接调用
    - window引用可以省略
- Navigator:浏览器对象
- Screen:显示器[屏幕对象
- History:历史记录对象
- Location:地址栏对象
  - 1.创建(获取):
    - window.location
    - location
  - 2.方法:
    - reload()重新加载当前文档,刷新
  - 3.属性;
    - href:设置或者返回当前的url地址
```
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自动跳转title>

    <style>
        p{
            text-align: center;
        }
        span{
            color: red;
        }
    style>

head>
<body>
    <p>
        <span id="time">5span>秒后自动转跳到首页
    p>
```

            <script>
                /**
                 * 分析;
                 *      1.文字的控制用一个便签
                 *      2.控制读秒,因为要控制秒数,所以用一个包裹
                 *          2.1
                 */
                var  second = 5;
                var time =document.getElementById("time");
                function showtime() {
                    second --;
                    if(second<=0){
                      	//特别注意一下这里的href设置的格式,href是属性,不是方法
                        location.href="https://www.baidu.com";
                    }
                    time.innerHTML =second+"";
                }
                //设置定时器
                setInterval(showtime,1000);
    
            script>


        body>
        html>

DOM
- 概念: Document Object Model文档对象模型
  - 将标记语言文档的各个组成部分,封装为对象,可以使用这些对象,对标记语言文档进行CRUD的动态操作
  - DOM定义了访问HTML和XML文档的标准
- W3C DOM标准被分为3个不同的部分:
  - 核心DOM:针对任何结构化文档的标准模型
    - document对象:文档对象
    - Element:元素对象
    - Attribute:属性对象
    - Text:文本对象
    - Comment:注释对象
  - XML DOM:针对XML文档的标准模型
  - HTML DOM:针对HTML文档的标准模型
- 核心DOM
  - 1.document对象:
    - 1.创建:在htnl中可以使用window对象来获取
      - window.document
      - document
    - 2.方法
      - 1.获取Element对象:
        
        1.getElementById():根据id属性值获取元素对象,id属性值一般是惟一的
        
        2.getElementByTagName():根据元素名称获取元素对象们,返回值是一个数组
        
        3.getElementByClassName():根据Class属性值来获取元素们,返回值是一个数组
        
        4.getElementByName():根据name属性值获取元素们,返回值是一个数组
      - 2.创建其他DOM对象
        
        createAttribute(name):
        
        createComment():
        
        createElement():
        
        createTextNode():
    - 3.属性
  - 2.Element:元素对象
    - 1.创建/获取:通过document来获取和创建
    - 2.方法:
      - 1.removeAttribute():删除属性
      - 2.setAttribute():设置属性
  - 3.Node:节点对象,其他5个对象的父对象
    - 节点可以是元素节点,属性节点,文本节点,或者是任意一种节点类型
    - 特点:所有的DOM节点都可以被认为是一个节点
    - 方法:
      - CRUD DOM树:
        
        appendChild():向节点的子节点列表的结尾添加新的子节点
        
        removeChild():删除(并返回)当前节点的指定子节点
        
        replaceChild():用新节点替换一个子节点
    - 属性
      - parentNode : 返回节点的父节点
HTML DOM:
- 1.标签体的设置和获取:innerHTML
- 2.使用html对象的属性
- 3.设置样式
  - 1.使用元素的style属性来设置样式
  - 2.提前定义好类选择器的样式,通过元素.className属性来设置class属性值

事件监听机制:

概念:某些组件被执行某些操作后,触发某些代码的执行.
- 事件:某些操作,如:单击,双击,键盘按下了.鼠标移动了
- 事件源:组件,如按钮,文本输入框
- 监听器:代码
- 注册监听:将事件,事件源,监听器结合在一起,当事件源上发生了某个事件,触发执行这个监听器执行代码
常见的时间:
- 点击事件:
  - 1.onclick:单击事件
  - 2.ondblclick:双击事件
- 焦点时间:
  - 1.onblur:失去焦点:一般用来表单校验(用户名是否存在,是否合法等)
  - 2.onfocus:元素获得焦点
- 加载事件:
  - 1.onload:(一个页面,一张图片完成加载)
- 鼠标事件:
  - 1.onmousedown :鼠标按钮被按下了
    - 定义方法时,定义一个形参,接收event对象
    - event的button属性可以获取哪个鼠标按钮被点击了
    - 返回0鼠标左键1滚轮点击了2鼠标右键
  - 2.onmouseup:鼠标按钮被松开了
  - 3.onmousemove:鼠标被移动
  - 4.onmouseover:鼠标移动到某一元素上
  - 5.onmouseout:鼠标从某一元素移开
- 键盘事件:
  - 1.onkeydown:某个键盘按钮被按下了
  - 2.onkeyup:某个键盘按钮被松开了
  - 3.onkeypress:某个键盘按键被按下并松开
- 选中和改变:
  - onchange:域的内容被改变
  - onselect:文本被选中
- 表单事件:
  - 1.onsubmit:确认按钮被点击
  - 2.onreset:重置按钮被点击

理解Gunicorn：Python WSGI服务器的基石范范0825 ipython linux 运维
理解Gunicorn：PythonWSGI服务器的基石介绍Gunicorn，全称GreenUnicorn，是一个为PythonWSGI（WebServerGatewayInterface）应用设计的高效、轻量级HTTP服务器。作为PythonWeb应用部署的常用工具，Gunicorn以其高性能和易用性著称。本文将介绍Gunicorn的基本概念、安装和配置，帮助初学者快速上手。1.什么是Gunico
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
Linux下QT开发的动态库界面弹出操作（SDL2） 13jjyao QT类 qt 开发语言 sdl2 linux
需求：操作系统为linux，开发框架为qt，做成需带界面的qt动态库，调用方为java等非qt程序难点：调用方为java等非qt程序，也就是说调用方肯定不带QApplication::exec()，缺少了这个，QTimer等事件和QT创建的窗口将不能弹出(包括opencv也是不能弹出)；这与qt调用本身qt库是有本质的区别的思路：1.调用方缺QApplication::exec()，那么我们在接口
Google earth studio 简介陟彼高冈yu 旅游
GoogleEarthStudio是一个基于Web的动画工具，专为创作使用GoogleEarth数据的动画和视频而设计。它利用了GoogleEarth强大的三维地图和卫星影像数据库，使用户能够轻松地创建逼真的地球动画、航拍视频和动态地图可视化。网址为https://www.google.com/earth/studio/。GoogleEarthStudio是一个基于Web的动画工具，专为创作使用G
PHP环境搭建详细教程好看资源平台前端 php
PHP是一个流行的服务器端脚本语言，广泛用于Web开发。为了使PHP能够在本地或服务器上运行，我们需要搭建一个合适的PHP环境。本教程将结合最新资料，介绍在不同操作系统上搭建PHP开发环境的多种方法，包括Windows、macOS和Linux系统的安装步骤，以及本地和Docker环境的配置。1.PHP环境搭建概述PHP环境的搭建主要分为以下几类：集成开发环境：例如XAMPP、WAMP、MAMP，这
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分别代
【加密社】Solidity 中的事件机制及其应用加密社闲侃区块链智能合约区块链
加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件
关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业 javascript html css 旅游风景
⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
HTML网页设计制作大作业（div+css）云南我的家乡旅游景点带文字滚动二挡起步 web前端期末大作业 web设计网页规划与设计 html css javascript dreamweaver 前端
Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
git - Webhook让部署自动化大猪大猪
我们现在有一个需求，将项目打包上传到gitlab或者github后，程序能自动部署，不用手动地去服务器中进行项目更新并运行，如何做到？这里我们可以使用gitlab与github的挂钩，挂钩的原理就是，每当我们有请求到gitlab与github服务器时，这时他俩会根据我们配置的挂钩地扯进行访问，webhook挂钩程序会一直监听着某个端口请求，一但收到他们发过来的请求，这时就知道用户有请求提交了，这时
webpack图片等资源的处理 dmengmeng
需要的loaderfile-loader（让我们可以引入这些资源文件）url-loader（其实是file-loader的二次封装）img-loader（处理图片所需要的）在没有使用任何处理图片的loader之前，比如说css中用到了背景图片，那么最后打包会报错的，因为他没办法处理图片。其实你只想能够使用图片的话。只加一个file-loader就可以，打开网页能准确看到图片。{test:/\.(p
node.js学习小猿L node.js node.js 学习 vim
node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
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
「豆包Marscode体验官」 | 云端 IDE 启动 & Rust 体验张风捷特烈 ide rust 开发语言后端
theme:cyanosis我正在参加「豆包MarsCode初体验」征文活动MarsCode可以看作一个运行在服务端的远程VSCode开发环境。对于我这种想要学习体验某些语言，但不想在电脑里装环境的人来说非常友好。本文就来介绍一下在MarsCode里，我的体验rust开发体验。一、MarsCode是什么它的本质是:提供代码助手和云端IDE服务的web网站，可通过下面的链接访问https://www
Java企业面试题3 马龙强_ java
1.break和continue的作用(智*图)break：用于完全退出一个循环（如for,while）或一个switch语句。当在循环体内遇到break语句时，程序会立即跳出当前循环体，继续执行循环之后的代码。continue：用于跳过当前循环体中剩余的部分，并开始下一次循环。如果是在for循环中使用continue，则会直接进行条件判断以决定是否执行下一轮循环。2.if分支语句和switch分
JVM、JRE和 JDK：理解Java开发的三大核心组件 Y雨何时停T Java java
Java是一门跨平台的编程语言，它的成功离不开背后强大的运行环境与开发工具的支持。在Java的生态中，JVM（Java虚拟机）、JRE（Java运行时环境）和JDK（Java开发工具包）是三个至关重要的核心组件。本文将探讨JVM、JDK和JRE的区别，帮助你更好地理解Java的运行机制。1.JVM：Java虚拟机（JavaVirtualMachine）什么是JVM？JVM，即Java虚拟机，是Ja
Java面试题精选：消息队列(二) 芒果不是芒 Java面试题精选 java kafka
一、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 python python 三目运算符
在java中，有三目运算符，如：intc=(a>b)?a:b表示c取两者中的较大值。但是在python，不能直接这样使用，估计是因为冒号在python有分行的关键作用。那么在python中，如何实现类似功能呢？可以使用ifelse语句，也是一行可以完成，格式为：aifbelsec表示如果b为True，则表达式等于a，否则等于c。如：c=(aif(a>b)elseb)同样是完成了取最大值的功能。
ArrayList 源码解析程序猿进阶 Java基础 ArrayList List java 面试性能优化架构设计 idea
ArrayList是Java集合框架中的一个动态数组实现，提供了可变大小的数组功能。它继承自AbstractList并实现了List接口，是顺序容器，即元素存放的数据与放进去的顺序相同，允许放入null元素，底层通过数组实现。除该类未实现同步外，其余跟Vector大致相同。每个ArrayList都有一个容量capacity，表示底层数组的实际大小，容器内存储元素的个数不能多于当前容量。当向容器中添
Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python 开发语言
一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
Java爬虫框架（一）--架构设计狼图腾-狼之传说 java 框架 java 任务 html解析器存储电子商务
一、架构图那里搜网络爬虫框架主要针对电子商务网站进行数据爬取，分析，存储，索引。爬虫：爬虫负责爬取，解析，处理电子商务网站的网页的内容数据库：存储商品信息索引：商品的全文搜索索引Task队列：需要爬取的网页列表Visited表：已经爬取过的网页列表爬虫监控平台：web平台可以启动，停止爬虫，管理爬虫，task队列，visited表。二、爬虫1.流程1)Scheduler启动爬虫器，TaskMast
Java：爬虫框架 dingcho Java java 爬虫
一、ApacheNutch2【参考地址】Nutch是一个开源Java实现的搜索引擎。它提供了我们运行自己的搜索引擎所需的全部工具。包括全文搜索和Web爬虫。Nutch致力于让每个人能很容易,同时花费很少就可以配置世界一流的Web搜索引擎.为了完成这一宏伟的目标,Nutch必须能够做到:每个月取几十亿网页为这些网页维护一个索引对索引文件进行每秒上千次的搜索提供高质量的搜索结果简单来说Nutch支持分
MongoDB知识概括 GeorgeLin98 持久层 mongodb
MongoDB知识概括MongoDB相关概念单机部署基本常用命令索引-IndexSpirngDataMongoDB集成副本集分片集群安全认证MongoDB相关概念业务应用场景：传统的关系型数据库（如MySQL），在数据操作的“三高”需求以及应对Web2.0的网站需求面前，显得力不从心。解释：“三高”需求：①Highperformance-对数据库高并发读写的需求。②HugeStorage-对海量数
python怎么将png转为tif_png转tif weixin_39977276
发国外的文章要求图片是tif，cmyk色彩空间的。大小尺寸还有要求。比如网上大神多，找到了一段代码，感谢！https://www.jianshu.com/p/ec2af4311f56https://github.com/KevinZc007/image2Tifimportjava.awt.image.BufferedImage;importjava.io.File;importjava.io.Fi
springboot+vue项目实战一-创建SpringBoot简单项目苹果酱0567 面试题汇总与解析 spring boot 后端 java 中间件开发语言
这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
书其实只有三类西蜀石兰类
一个人一辈子其实只读三种书，知识类、技能类、修心类。知识类的书可以让我们活得更明白。类似十万个为什么这种书籍，我一直不太乐意去读，因为单纯的知识是没法做事的，就像知道地球转速是多少一样（我肯定不知道），这种所谓的知识，除非用到，普通人掌握了完全是一种负担，维基百科能找到的东西，为什么去记忆？知识类的书，每个方面都涉及些，让自己显得不那么没文化，仅此而已。社会认为的学识渊博，肯定不是站在
《TCP/IP 详解，卷1：协议》学习笔记、吐槽及其他 bylijinnan tcp
《TCP/IP 详解，卷1：协议》是经典，但不适合初学者。它更像是一本字典，适合学过网络的人温习和查阅一些记不清的概念。这本书，我看的版本是机械工业出版社、范建华等译的。这本书在我看来，翻译得一般，甚至有明显的错误。如果英文熟练，看原版更好： http://pcvr.nl/tcpip/ 下面是我的一些笔记，包括我看书时有疑问的地方，也有对该书的吐槽，有不对的地方请指正： 1.
Linux—— 静态IP跟动态IP设置 eksliang linux IP
一.在终端输入 vi /etc/sysconfig/network-scripts/ifcfg-eth0 静态ip模板如下： DEVICE="eth0" #网卡名称 BOOTPROTO="static" #静态IP（必须） HWADDR="00:0C:29:B5:65:CA" #网卡mac地址 IPV6INIT=&q
Informatica update strategy transformation 18289753290
更新策略组件：标记你的数据进入target里面做什么操作，一般会和lookup配合使用，有时候用0,1,1代表 forward rejected rows被选中，rejected row是输出在错误文件里，不想看到reject输出，将错误输出到文件，因为有时候数据库原因导致某些column不能update，reject就会output到错误文件里面供查看，在workflow的
使用Scrapy时出现虽然队列里有很多Request但是却不下载，造成假死状态酷的飞上天空 request
现象就是：程序运行一段时间，可能是几十分钟或者几个小时，然后后台日志里面就不出现下载页面的信息，一直显示上一分钟抓取了0个网页的信息。刚开始已经猜到是某些下载线程没有正常执行回调方法引起程序一直以为线程还未下载完成，但是水平有限研究源码未果。经过不停的google终于发现一个有价值的信息，是给twisted提出的一个bugfix 连接地址如下http://twistedmatrix.
利用预测分析技术来进行辅助医疗蓝儿唯美医疗
2014年，克利夫兰诊所（Cleveland Clinic）想要更有效地控制其手术中心做膝关节置换手术的费用。整个系统每年大约进行2600例此类手术，所以，即使降低很少一部分成本，都可以为诊所和病人节约大量的资金。为了找到适合的解决方案，供应商将视野投向了预测分析技术和工具，但其分析团队还必须花时间向医生解释基于数据的治疗方案意味着什么。克利夫兰诊所负责企业信息管理和分析的医疗
java 线程(一)：基础篇 DavidIsOK java 多线程线程
&nbs
Tomcat服务器框架之Servlet开发分析 aijuans servlet
最近使用Tomcat做web服务器，使用Servlet技术做开发时，对Tomcat的框架的简易分析：疑问：为什么我们在继承HttpServlet类之后，覆盖doGet(HttpServletRequest req, HttpServetResponse rep)方法后，该方法会自动被Tomcat服务器调用，doGet方法的参数有谁传递过来？怎样传递？分析之我见： doGet方法的
揭秘玖富的粉丝营销之谜与小米粉丝社区类似 aoyouzi 揭秘玖富的粉丝营销之谜
玖富旗下悟空理财凭借着一个微信公众号上线当天成交量即破百万，第七天成交量单日破了1000万;第23天时，累计成交量超1个亿……至今成立不到10个月，粉丝已经超过500万，月交易额突破10亿，而玖富平台目前的总用户数也已经超过了1800万，位居P2P平台第一位。很多互联网金融创业者慕名前来学习效仿，但是却鲜有成功者，玖富的粉丝营销对外至今仍然是个谜。　　近日，一直坚持微信粉丝营销
Java web的会话跟踪技术百合不是茶 url会话 Cookie会话 Seession会话 Java Web 隐藏域会话
会话跟踪主要是用在用户页面点击不同的页面时,需要用到的技术点会话:多次请求与响应的过程 1,url地址传递参数,实现页面跟踪技术格式:传一个参数的 url?名=值传两个参数的 url?名=值 &名=值关键代码
web.xml之Servlet配置 bijian1013 java web.xml Servlet配置
定义： <servlet> <servlet-name>myservlet</servlet-name> <servlet-class>com.myapp.controller.MyFirstServlet</servlet-class> <init-param> <param-name>
利用svnsync实现SVN同步备份 sunjing SVN 同步 E000022 svnsync 镜像
1. 在备份SVN服务器上建立版本库 svnadmin create test 2. 创建pre-revprop-change文件 cd test/hooks/ cp pre-revprop-change.tmpl pre-revprop-change 3. 修改pre-revprop-
【分布式数据一致性三】MongoDB读写一致性 bit1129 mongodb
本系列文章结合MongoDB，探讨分布式数据库的数据一致性，这个系列文章包括：数据一致性概述与CAP 最终一致性(Eventually Consistency) 网络分裂(Network Partition)问题多数据中心(Multi Data Center) 多个写者(Multi Writer)最终一致性一致性图表(Consistency Chart) 数据
Anychart图表组件-Flash图转IMG普通图的方法白糖_ Flash
问题背景：项目使用的是Anychart图表组件，渲染出来的图是Flash的，往往一个页面有时候会有多个flash图，而需求是让我们做一个打印预览和打印功能，让多个Flash图在一个页面上打印出来。那么我们打印预览的思路是获取页面的body元素，然后在打印预览界面通过$("body").append(html)的形式显示预览效果，结果让人大跌眼镜：Flash是
Window 80端口被占用 WHY? bozch 端口占用 window
平时在启动一些可能使用80端口软件的时候，会提示80端口已经被其他软件占用，那一般又会有那些软件占用这些端口呢？下面坐下总结： 1、web服务器是最经常见的占用80端口的，例如：tomcat , apache , IIS , Php等等； 2
编程之美-数组的最大值和最小值-分治法（两种形式） bylijinnan 编程之美
import java.util.Arrays; public class MinMaxInArray { /** * 编程之美数组的最大值和最小值分治法 * 两种形式 */ public static void main(String[] args) { int[] t={11,23,34,4,6,7,8,1,2,23}; int[]
Perl正则表达式 chenbowen00 正则表达式 perl
首先我们应该知道 Perl 程序中，正则表达式有三种存在形式，他们分别是：匹配：m/<regexp>;/ （还可以简写为 /<regexp>;/ ，略去 m）替换：s/<pattern>;/<replacement>;/ 转化：tr/<pattern>;/<replacemnt>;
[宇宙与天文]行星议会是否具有本行星大气层以外的权力呢? comsci
举个例子: 地球,地球上由200多个国家选举出一个代表地球联合体的议会,那么现在地球联合体遇到一个问题,地球这颗星球上面的矿产资源快要采掘完了....那么地球议会全体投票,一致通过一项带有法律性质的议案,既批准地球上的国家用各种技术手段在地球以外开采矿产资源和其它资源........ &
Oracle Profile 使用详解 daizj oracle profile 资源限制
Oracle Profile 使用详解转一、目的： Oracle系统中的profile可以用来对用户所能使用的数据库资源进行限制，使用Create Profile命令创建一个Profile，用它来实现对数据库资源的限制使用，如果把该profile分配给用户，则该用户所能使用的数据库资源都在该profile的限制之内。二、条件：创建profile必须要有CREATE PROFIL
How HipChat Stores And Indexes Billions Of Messages Using ElasticSearch & Redis dengkane elasticsearch Lucene
This article is from an interview with Zuhaib Siddique, a production engineer at HipChat, makers of group chat and IM for teams. HipChat started in an unusual space, one you might not
循环小示例，菲波拉契序列，循环解一元二次方程以及switch示例程序 dcj3sjt126com c 算法
# include <stdio.h> int main(void) { int n; int i; int f1, f2, f3; f1 = 1; f2 = 1; printf("请输入您需要求的想的序列："); scanf("%d", &n); for (i=3; i<n; i
macbook的lamp环境 dcj3sjt126com lamp
sudo vim /etc/apache2/httpd.conf /Library/WebServer/Documents 是默认的网站根目录重启Mac上的Apache服务这个命令很早以前就查过了，但是每次使用的时候还是要在网上查：停止服务：sudo /usr/sbin/apachectl stop 开启服务：s
java ArrayList源码下 shuizhaosi888 ArrayList源码
版本 jdk-7u71-windows-x64 JavaSE7 ArrayList源码上：http://flyouwith.iteye.com/blog/2166890 /** * 从这个列表中移除所有c中包含元素 */ public boolean removeAll(Collection<?> c) {
Spring Security（08）——intercept-url配置 234390216 Spring Security intercept-url 访问权限访问协议请求方法
intercept-url配置目录 1.1 指定拦截的url 1.2 指定访问权限 1.3 指定访问协议 1.4 指定请求方法 1.1 &n
Linux环境下的oracle安装 jayung oracle
linux系统下的oracle安装本文档是Linux(redhat6.x、centos6.x、redhat7.x) 64位操作系统安装Oracle 11g(Oracle Database 11g Enterprise Edition Release 11.2.0.4.0 - 64bit Production)，本文基于各种网络资料精心整理而成，共享给有需要的朋友。如有问题可联系：QQ：52-7
hotspot虚拟机 leichenlei java HotSpot jvm 虚拟机文档
JVM参数 http://docs.oracle.com/javase/6/docs/technotes/guides/vm/index.html JVM工具 http://docs.oracle.com/javase/6/docs/technotes/tools/index.html JVM垃圾回收 http://www.oracle.com
读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” noaighost Web node.js
读《Node.js项目实践：构建可扩展的Web应用》 ——引编程慢慢变成系统化的“砌砖活” 眼里的Node.JS 初初接触node是一年前的事，那时候年少不更事。还在纠结什么语言可以编写出牛逼的程序，想必每个码农都会经历这个月经性的问题：微信用什么语言写的？facebook为什么推荐系统这么智能，用什么语言写的？dota2的外挂这么牛逼，用什么语言写的？……用什么语言写这句话，困扰人也是阻碍
快速开发Android应用 rensanning android
Android应用开发过程中，经常会遇到很多常见的类似问题，解决这些问题需要花时间，其实很多问题已经有了成熟的解决方案，比如很多第三方的开源lib，参考 Android Libraries 和 Android UI/UX Libraries。编码越少，Bug越少，效率自然会高。但可能由于根本没听说过、听说过但没用过、特殊原因不能用、自己已经有了解决方案等等原因，这些成熟的解决
理解Java中的弱引用 tomcat_oracle java 工作面试
　不久之前，我面试了一些求职Java高级开发工程师的应聘者。我常常会面试他们说，“你能给我介绍一些Java中得弱引用吗？”，如果面试者这样说，“嗯，是不是垃圾回收有关的？”，我就会基本满意了，我并不期待回答是一篇诘究本末的论文描述。　　然而事与愿违，我很吃惊的发现，在将近20多个有着平均5年开发经验和高学历背景的应聘者中，居然只有两个人知道弱引用的存在，但是在这两个人之中只有一个人真正了
标签输出html标签" target="_blank">关于标签输出html标签 xshdch jsp
http://back-888888.iteye.com/blog/1181202 关于<c:out value=""/>标签的使用，其中有一个属性是escapeXml默认是true(将html标签当做转移字符，直接显示不在浏览器上面进行解析)，当设置escapeXml属性值为false的时候就是不过滤xml，这样就能在浏览器上解析html标签， &nb

JavaScript学java后端也得学??

JavaScript

文章目录

基本概念:一门客户端脚本语言

1.基本语法

逻辑运算符

三元运算符

6.流程控制语句

8.练习99乘法表

2.基本对象

1.创建

2.方法

3.属性

4.特点

Array:数组对象

1创建

2.方法

3.属性

4.特点

Boolean

Date

1.创建

2.方法

Math:数学

1.创建

2.方法

Number

String

RegExp:正则表达式对象

1.正则表达式:定义字符串的组成规则的表达式

1.开始和结束符号

2.量词符号

正则对象:

Global

1.特点:全局对象,这个Global中封装的方法不需要对象就可以直接使用

2.方法:

DOM简单学习:为了满足案例要求

BOM

事件监听机制:

你可能感兴趣的:(前端,java,#,web)