一叶一声秋
一叶一声秋

HTML CSS JavaScript入门知识点

HTML CSS JavaScript入门知识点

本文将主要描述HTML css javascript这三门技术的入门，不做深入的讨论，所有的细节均可以在

http://www.w3school.com.cn/index.html

上查询到，本文只是作为笔记的提点作用，需要系统学习的同学请移步官网。另，建议入门者完成官网的随堂作业
https://www.w3cschool.cn/courses/
学习的效果会比较好~

html标签的几个注意点

  1. 不区分大小写
  2. 空元素，如hr等，比如 '
    ','
    '

html属性

  • 禁止输入

一些特殊字符的转义

显示结果 描述 实体名称 实体编号
空格    
< 小于号 < <
> 大于号 > >
& 和号 & &
¢ 分（cent） ¢ ¢
£ 镑（pound） £ £
¥ 元（yen） ¥ ¥
€ 欧元（euro） € €
© 版权（copyright） © ©
® 注册商标 ® ®

DOCTYPE元素

用于标记一个html文档的开始，这个元素告诉浏览器它将处理HTML。

HTML元素

html 元素或根元素表示HTML的开始。
html 元素有一个 head 元素和一个 body 元素

  • head 元素：必选元素，包含文档的元数据。在HTML中，元数据具有关于文档中的内容和标记的信息。它还包括脚本和对外部资源的引用，例如CSS样式表。比如可以在里面定义编码格式' '

  • head 中的 title 元素必选的元素; 其他元数据元素是可选的。在浏览器的选项卡上显示。

  • body元素：封装了HTML文档的内容，而 head 元素封装元数据和文档信息

开发工具

下列是专门用于编辑 HTML 的 HTML 编辑器：

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • CoffeeCup HTML Editor
  • Nodepad++

HTML属性

  • HTML 元素可以设置属性
  • 属性可以在元素中添加附加信息
  • 属性一般描述于开始标签
  • 属性总是以名称/值对的形式出现，比如：name="value"。一般使用小写
属性 描述
class 为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id 定义元素的唯一id
style 规定元素的行内样式（inline style）
title 描述了元素的额外信息 (作为工具条使用)

几种标签

标签 描述
h1-h6 标题1-6个档
hr 创建水平线
定义注释
br 换行

文本格式标签

标签 描述
b 定义粗体文本
em 定义着重文字
i 定义斜体字
small 定义小号字
strong 定义加重语气
sub 定义下标字
sup 定义上标字
ins 定义插入字
del 定义删除字

HTML "计算机输出" 标签

标签 描述
code 定义计算机代码
kbd 定义键盘码
samp 定义计算机代码样本
var 定义变量
pre 定义预格式文本

HTML 引文, 引用, 及标签定义

标签 描述
abbr 定义缩写
address 定义地址
bdo 定义文字方向
blockquote 定义长的引用
q 定义短的引用语
cite 定义引用、引证
dfn 定义一个定义项目。

链接

  • href: 链接地址，设置为“#”，表示为空链接
  • target: 链接的打开方式，“_blank”为新窗口中打开
  • id: 用于控制网页的定位，比如

在HTML文档中插入ID:

链接A

在HTML文档中创建一个链接到"有用的提示部分(id="tips"）"：

访问链接A

或者，从另一个页面创建一个链接到"有用的提示(id="tips"）部分"：

 Visit the Useful Tips Section

head的内容

  • title: 选项卡上的文字
  • base:标签描述了基本的链接地址/链接目标，该标签作为HTML文档中所有的链接标签的默认链接
  • link: 标签定义了文档与外部资源之间的关系。
  • style: 定义了HTML文档的样式文件引用地址

img

标签有两个必需的属性：src 和 alt

  • src 指 "source"。源属性的值是图像的 URL 地址
  • alt 在浏览器无法载入图像时，替换文本属性告诉读者他们失去的信息
  • height和 width：如果没有指定图片的大小，加载页面时有可能会破坏HTML页面的整体布局

为图片设置背景框

.thick-green-border {
border-color: green; 
border-width: 10px;  
border-style: solid; 
border-radius: 50%; 
border-radius: 10px; 
}

table

HTML 表格的基本结构：

…
：定义表格
…：定义表格的标题栏（文字加粗）
…：定义表格的行
…：定义表格的列

列表

HTML 支持有序、无序和定义列表

  • 无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。


    • Coffee

    • Milk

  • 有序列表：有序列表始于

      标签。每个列表项始于
    1. 标签


  1. Coffee

  2. Milk

  • 自定义列表以
    标签开始。每个列表头以
    开始。列表项以
    开始。

区块

  • div: 定义了文档的区域，块级 (block-level)
  • span: 用来组合文档中的行内元素， 内联元素(inline)

区块元素：

,

,

    ,
    内联元素：,
    , ,

    表单

    表单是一个包含表单元素的区域。
    表单元素是允许用户在表单中输入内容，比如：文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。

    • input: 输入元素
      • type="password"时，会以星号或原点代替输入。
      • type="radio"，单选框
      • type="checkbox"复选框
      • type="submit" 表单的内容会被传送到另一个文件

    框架

    W3CSCHOOL.CN

    颜色

    • HEX格式：#000000
    • RGB格式： rgb(0,0,0)

    css

    关于id属性的一个很酷的事情是，像类选择器一样，你可以使用CSS来设计样式。
    以下是一个示例，说明如何使用 cat-photo-element 的id属性来获取元素 ，并设置背景颜色为绿色。在你的style 元素中

    为id指定样式

    配置id属性为“cat-photo-element”，选择器要以#号开头

    #cat-photo-element {    
  background-color: green;    
}

    为class指定样式

    配置class属性为“green-box”，选择器要以.号开头

     .green-box {    
  background-color: green;    
}

    为所有的标签指定样式

    例如为标签配置样式
    注意：样式具有继承性，如果body配置了color为绿色，则其子标签都为绿色。

     body {
background-color: black;
font-family: Monospace;
color: green;
}

    各种情况下style的优先级

    • 内联样式具有最高优先级，style="color: white"
    • 一个标签的父元素设置了style,自身也设置了style，后者的优先级高
    • 一个标签被设置了class="blue-text red-text",则后者的优先级高
    • 通过id配置的style比class配置的style具有更高的优先级
    • “!important’’ 关键字，比如“color: pink !important;’’，这样设置后，color始终为pink

    控件距离的控制

    有三个重要的属性控制每个HTML元素的布局：padding(内边距)、margin(外边距)、border(边框)。

    • 元素的 padding 控制元素与其边框 border 之间的距离
    padding: 10px 20px 10px 20px;

    这四个值以顺时针方式排列：顶部、右侧、底部、左侧，简称：上右下左

    • 元素的 margin （外边距）控制元素 border （边框）和周围元素实际所占空间的距离。

    Javascript

    该表某个控件的内容

    document.getElementById("demo").innerHTML="Hello World";

    关联点击事件

    




    我的第一张网页
    


    我的第一个段落。

    注释

    单行以 // 开头
    多行用 /* .... */括起来

    变量声明

    var pi=3.14;
var name="Bill Gates";
var answer='Yes I am!';
    • 如果重新声明 JavaScript 变量，该变量的值不会丢失：
    var carname="Volvo";
var carname;

    carname的值依然是Volvo

    JavaScript对象

    var person={
firstname : "Bill",
lastname  : "Gates",
id        :  5566
};
    • 寻址方式
    name=person.lastname;
name=person["lastname"];

    函数的语法

    • 传参的函数
    • 带有返回值的函数
    function myFunction()
{
var x=5;
return x;
}

document.getElementById("demo").innerHTML=myFunction();

    条件运算符

    variablename=(condition)?value1:value2

    if else语句

    if (time<10)
  {
  x="Good morning";
  }
else if (time<20)
  {
  x="Good day";
  }
else
  {
  x="Good evening";
  }

    switch语句

    switch(n)
{
case 1:
  执行代码块 1
  break;
case 2:
  执行代码块 2
  break;
default:
  n 与 case 1 和 case 2 不同时执行的代码
}

    For循环

    for (var i=0,len=cars.length; i");
}


var person={fname:"John",lname:"Doe",age:25};

for (x in person)
  {
  txt=txt + person[x];
  }

    while

    while (i<5)
  {
  x=x + "The number is " + i + "
    ";
  i++;
  }
  
do
  {
  x=x + "The number is " + i + "
    ";
  i++;
  }
while (i<5);

    • break 语句用于跳出循环。

    • continue 用于跳过循环中的一个迭代。

    try catch

    function message()
{
try
  {
  adddlert("Welcome guest!");
  }
catch(err)
  {
  txt="There was an error on this page.\n\n";
  txt+="Error description: " + err.message + "\n\n";
  txt+="Click OK to continue.\n\n";
  alert(txt);
  }
}

    throw

    


    My First JavaScript
    

    Please input a number between 5 and 10:

    表单验证：必填项

    可以通过onsubmit方法来验证

    

    






Email:

    JavaScript的作用

    • JavaScript 能够改变页面中的所有 HTML 元素
    • JavaScript 能够改变页面中的所有 HTML 属性
    • JavaScript 能够改变页面中的所有 CSS 样式
    • JavaScript 能够对页面中的所有事件做出反应

    查找HTML元素

    • 通过 id 找到 HTML 元素
      document.getElementById("intro")
    • 通过标签名找到 HTML 元素
      var x=document.getElementById("main");
      var y=x.getElementsByTagName("p");
    • 通过类名找到 HTML 元素 通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。

    改变html的内容

    document.getElementById(id).innerHTML=new HTML

    改变html的内容

    document.getElementById(id).innerHTML=new HTML

    改变 HTML 属性

    document.getElementById("image").src="landscape.jpg";

    改变 HTML 样式

    document.getElementById("p2").style.color="blue";

    改变 HTML 属性

    document.getElementById("image").src="landscape.jpg";

    创建新的 HTML 元素

    var para=document.createElement("p");
var node=document.createTextNode("这是新段落。");
para.appendChild(node);

var element=document.getElementById("div1");
element.appendChild(para);

    删除已有的 HTML 元素

    var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);

    JavaScript对象

    • 创建一个新的对象
    function person(firstname,lastname,age,eyecolor)
{
this.firstname=firstname;
this.lastname=lastname;
this.age=age;
this.eyecolor=eyecolor;
//自带的方法
function changeName(name)
{
this.lastname=name;
}
}
    • 新建一个实例
    var myFather=new person("Bill","Gates",56,"blue");
var myMother=new person("Steve","Jobs",48,"green");

    你可能感兴趣的:(HTML CSS JavaScript入门知识点)

    • 三菱PLC全套学习资料及应用手册 good2know
      本文还有配套的精品资源，点击获取简介：三菱PLC作为工业自动化领域的核心设备，其系列产品的学习和应用需要全面深入的知识。本次资料包为学习者提供从基础到进阶的全方位学习资源，包括各种型号PLC的操作手册、编程指南、软件操作教程以及实际案例分析，旨在帮助用户系统掌握PLC的编程语言、指令系统及在各类工业应用中的实施。1.三菱PLC基础知识入门1.1PLC的基本概念可编程逻辑控制器（PLC）是工业自动化
    • 移动端城市区县二级联动选择功能实现包 good2know
      本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
    • 9、汇编语言编程入门：从环境搭建到简单程序实现 神经网络酱 汇编语言MEPISGNU工具链
      汇编语言编程入门：从环境搭建到简单程序实现1.数据存储介质问题解决在处理数据存储时，若要使用MEPIS系统，需确保有其可访问的存储介质。目前，MEPIS无法向采用NTFS格式（常用于Windows2000和XP工作站）的硬盘写入数据。不过，若硬盘采用FAT32格式，MEPIS就能进行写入操作。此外，MEPIS还能将文件写入软盘和大多数USB闪存驱动器。若工作站连接到局域网，还可通过FTP协议或挂载
    • SpringMVC的执行流程
      1、什么是MVCMVC是一种设计模式。MVC的原理图如下所示M-Model模型（完成业务逻辑：有javaBean构成，service+dao+entity）V-View视图（做界面的展示jsp，html……）C-Controller控制器（接收请求—>调用模型—>根据结果派发页面2、SpringMVC是什么SpringMVC是一个MVC的开源框架，SpringMVC=Struts2+Spring，
    • 深入理解汇编语言子程序设计与系统调用 网安spinage 汇编语言开发语言汇编算法
      本文将全面解析汇编语言中子程序设计的核心技术以及系统调用的实现方法，涵盖参数传递的多种方式、堆栈管理、API调用等关键知识点，并提供实际案例演示。一、子程序设计：参数传递的艺术1.寄存器传参：高效简洁.386.modelflat,stdcalloptioncasemap:none.dataxdd5;定义变量ydd6sumdd?.code;函数定义：addxy1addxy1procpushebpmo
    • 图论算法经典题目解析：DFS、BFS与拓扑排序实战 周童學 数据结构与算法深度优先算法图论
      图论算法经典题目解析：DFS、BFS与拓扑排序实战图论问题是算法面试中的高频考点，本博客将通过四道LeetCode经典题目（均来自"Top100Liked"题库），深入讲解图论的核心算法思想和实现技巧。涵盖DFS、BFS、拓扑排序和前缀树等知识点，每道题配有Java实现和易错点分析。1.岛屿数量(DFS遍历)问题描述给定一个由'1'(陆地)和'0'(水)组成的二维网格，计算岛屿的数量。岛屿由水平或
    • STM32入门之TIM基本定时器 嵌入式白话 STM32入门学习stm32嵌入式硬件单片机
      一、定时器简介定时器是嵌入式系统中的关键外设之一，它可以用于生成精确的延时、周期性中断、PWM波形生成等功能。在STM32F1系列单片机中，定时器不仅能为系统提供精确的时钟，还支持外部事件的捕获以及信号输出。对于定时器的功能，我们可以通过一个生活中非常常见的例子来形象地描述：微波炉的定时器。想象你正在使用微波炉加热食物。在微波炉里，定时器的作用就是帮助你控制食物加热的时间。当你设置了加热时间后，定
    • js操作样式 郝加升
      DOM样式属性和方法：指定的元素，它的style有这么几个属性和方法：cssText：通过这个属性可以访问到元素的特性style设置的属性，并且可以直接赋值设置。removeProperty（属性名称）：从样式中删除给定属性。setProperty（属性名称，值，权重）：可以通过这个方法设置给定样式的同时设置其权重，可以传入”important”或者一个空字符串。获取计算后样式：window.ge
    • Selenium 特殊控件操作与 ActionChains 实践详解 小馋喵知识杂货铺 selenium测试工具
      1.下拉框单选操作(a)使用SeleniumSelect类（标准HTML标签）Selenium提供了内置的Select类用于操作标准下拉框，这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个
    • 微信公众号回调java_处理微信公众号消息回调 weixin_39607620 微信公众号回调java
      1、背景在上一节中，咱们知道如何接入微信公众号，可是以后公众号会与咱们进行交互，那么微信公众号如何通知到咱们本身的服务器呢？咱们知道咱们接入的时候提供的url是GET/mp/entry，那么公众号以后产生的事件将会以POST/mp/entry发送到咱们本身的服务器上。html2、代码实现，此处仍是使用weixin-java-mp这个框架实现一、引入weixin-java-mpcom.github.
    • 人工智能应用研究快讯 2021-11-30 峰谷皆平
      [HTML]ArtificialIntelligenceforSkinCancerDetection:ScopingReviewATakiddin,JSchneider,YYang,AAbd-Alrazaq...JournalofMedicalInternet...,2021ABSTACT:Background:Skincanceristhemostcommoncancertypeaffectin
    • 机器学习必备数学与编程指南：从入门到精通 a小胡哦 机器学习基础机器学习人工智能
      一、机器学习核心数学基础1.线性代数（神经网络的基础）必须掌握：矩阵运算（乘法、转置、逆）向量空间与线性变换特征值分解与奇异值分解(SVD)为什么重要：神经网络本质就是矩阵运算学习技巧：用NumPy实际操作矩阵运算2.概率与统计（模型评估的关键）核心概念：条件概率与贝叶斯定理概率分布（正态、泊松、伯努利）假设检验与p值应用场景：朴素贝叶斯、A/B测试3.微积分（优化算法的基础）重点掌握：导数与偏导
    • 【Jupyter】个人开发常见命令 TIM老师 #Pycharm&VSCodepythonJupyter
      1.查看python版本importsysprint(sys.version)2.ipynb/py文件转换jupyternbconvert--topythonmy_file.ipynbipynb转换为mdjupyternbconvert--tomdmy_file.ipynbipynb转为htmljupyternbconvert--tohtmlmy_file.ipynbipython转换为pdfju
    • 免费编程课程大汇总：从入门到精通的一站式资源 大力出奇迹985 人工智能大数据
      在数字化时代，编程已成为一项至关重要的技能，无论是为了职业发展还是个人兴趣，学习编程都极具价值。本文精心汇总了丰富的免费编程课程资源，涵盖从基础入门到精通的各个阶段。通过全面介绍如Coursera、edX等在线学习平台，Codecademy、freeCodeCamp等交互式学习网站，以及B站、网易云课堂等视频课程平台的免费课程，为编程学习者提供了一站式的资源指南，帮助读者轻松开启编程学习之旅，逐步
    • 用代码生成艺术字：设计个性化海报的秘密
      本文围绕“用代码生成艺术字：设计个性化海报的秘密”展开，先概述代码生成艺术字在海报设计中的独特价值，接着介绍常用的代码工具（如HTML、CSS、JavaScript等），详细阐述从构思到实现的完整流程，包括字体样式设计、动态效果添加等，还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势，为设计师提供打造个性化海报的实用指南，助力提升海报设计的独特性与吸引力，符合搜索引擎SEO标准
    • 用 Python 开发小游戏：零基础也能做出《贪吃蛇》
      本文专为零基础学习者打造，详细介绍如何用Python开发经典小游戏《贪吃蛇》。无需复杂编程知识，从环境搭建到代码编写、功能实现，逐步讲解核心逻辑与操作。涵盖Pygame库的基础运用、游戏界面设计、蛇的移动与食物生成规则等，让新手能按步骤完成开发，同时融入SEO优化要点，帮助读者轻松入门Python游戏开发，体验从0到1做出游戏的乐趣。一、为什么选择用Python开发《贪吃蛇》对于零基础学习者来说，
    • 前端面试每日 3+1 —— 第39天 浪子神剑
      今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么？[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么？《论语》，曾子曰：“吾日三省吾身”（我每天多次反省自己）。前端面试每日3+1题，以面试题来驱动学习，每天进步一点！让努力成为一种习惯，让奋斗成为一种享受！欢迎在Iss
    • 大数据技术笔记—spring入门 卿卿老祖
      篇一spring介绍spring.io官网快速开始Aop面向切面编程，可以任何位置，并且可以细致到方法上连接框架与框架Spring就是IOCAOP思想有效的组织中间层对象一般都是切入service层spring组成前后端分离已学方式，前后台未分离：Spring的远程通信：明日更新创建第一个spring项目来源：科多大数据
    • Django学习笔记（一）
      学习视频为：pythondjangoweb框架开发入门全套视频教程一、安装pipinstalldjango==****检查是否安装成功django.get_version()二、django新建项目操作1、新建一个项目django-adminstartprojectproject_name2、新建APPcdproject_namedjango-adminstartappApp注：一个project
    • GDP经济社会人文民生栅格数据下载网站汇总 疯狂学习GIS
        本文为“GIS数据获取整理”专栏（https://blog.csdn.net/zhebushibiaoshifu/category_10857546.html）中第八篇独立博客，因此本文全部标题均由“8”开头。本文对目前主要的GDP、社会与经济数据获取网站加以整理与介绍，若需其它GIS领域数据（如遥感影像数据、气象数据、土地土壤数据、农业数据等），大家可以点击上方专栏查看，也可以看这一篇汇总文
    • 思维导图中的3A 画画的小常
      图片发自App在学习思维导图3A之前，我们先来看看东方古国传统教书过程。分三步：听话，合作，变化。听话，学生摹仿老师，在这个过程中除非必需问题需要老师澄清解释，其他所有的都要求先行记忆。合作，这一阶段大多已经掌握基本知识点，允许学生提出问题，老师引导学生采用合适的方法，让学生亲自动手，解决问题。变化，经历了前面2个阶段，知识已经彻底掌握，此阶段要充分发挥洞察力和生发出新的思想以回馈老师。较之传统教
    • 大学生入门：初识方法及其易踩坑的点
      在java学习过程中，我们不难发现有很多重复使用的功能代码块，每次使用如果都要重新写一遍，岂不是很麻烦，就算是“cv”大法，感觉也不是很方便，那么，有什么办法可以解决这个问题呢？方法！java中，一段可重用的，用于执行特定功能的代码块叫做方法，它可以接收参数、返回结果，并且可以被多次使用。一、方法的基本结构[修饰符]返回值类型方法名([参数列表])[throws异常类型]{//方法体}[throw
    • 大学生入门：分支结构及其易踩坑的点 山中月侣 java大学生入门java开发语言经验分享
      循环和分支在我们的日常代码中出现频率很高，无论是简单的数据处理还是复杂的业务逻辑，都会经常用到，它们看似简单，但是使用起来还是有很多隐藏的问题的，接下来我们一起学习或者复习一下：一、分支结构1、if语句主要包括三种：if语句、if-else语句、if-elseif-else语句if语句：if(条件表达式){//条件为真时执行的代码块}如果要执行的语句只有一句，可以省略“{}”，但是不建议if-el
    • 【MySQL】MySQL数据库如何改名 武昌库里写JAVA 面试题汇总与解析springbootvue.jssqljava学习
      MySQL建库授权语句https://www.jianshu.com/p/2237a9649ceeMySQL数据库改名的三种方法https://www.cnblogs.com/gomysql/p/3584881.htmlMySQL安全修改数据库名几种方法https://blog.csdn.net/haiross/article/details/51282417MySQL重命名数据库https://
    • Qt 下拉框QComboBox控件：从入门到实战
      一、QComboBox核心功能解析1.核心属性属性说明当前示例场景count列表项总数统计学历下拉框中的选项数量editable是否允许用户编辑学历选择时可输入自定义学历currentText当前选中项的文本获取用户选择的"硕士"文本currentData当前选中项的附加数据获取太原对应的区号"0351"currentIndex当前选中项的索引位置(从0开始)确定"硕士"在列表中的位置2.核心方法
    • java web开发实战经典 当当_java web项目实战开发 飞翔的酋长大人 javaweb开发实战经典当当
      本书以问题为导向，涵盖JavaWeb开发技术中所有的核心知识点；实战开发案例丰富，所有的知识案例都来源于企业真实项目，实战性和可操作性强；代码注释详细准确，结构简洁清晰；语言简明易懂，由浅入深地带你学会JavaWeb技术及应用。本书面向广大Java开发工程师和普通高校学生，可作为高等学校计算机及其相关专业Web编程技术课程教材，也可供从事JavaWeb应用开发的技术人员学习参考。¥80.00定价：
    • 为什么学习Web前端一定要掌握JavaScript？ web前端学习指南
      为什么学习Web前端一定要掌握JavaScript？在前端的世界里，没有什么是JavaScript实现不了的，关于JS有一句话：凡是可以用JavaScript来写的应用，最终都会用JavaScript，JavaScript可运行在所有主要平台的所有主流浏览器上，也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。
    • 2025.07 Java入门笔记01 殷浩焕 笔记
      一、熟悉IDEA和Java语法（一）LiuCourseJavaOOP1.一直在用C++开发，python也用了些，Java是真的不熟，用什么IDE还是问的同事；2.一开始安装了jdk-23，拿VSCode当编辑器，在cmd窗口编译运行，也能玩；但是想正儿八经搞项目开发，还是需要IDE；3.安装了IDEA社区版：（1）IDE通常自带对应编程语言的安装包，例如IDEA自带jbr-21（和jdk是不同的
    • Spring AI Alibaba 快速入门指南（适合初学者） 会飞的架狗师 AIspring人工智能java
      如果你是刚接触AI开发或Spring框架的初学者，不用担心，本指南会用简单易懂的语言带你一步步了解并使用SpringAIAlibaba。一、什么是SpringAIAlibaba（小白也能懂）简单来说，SpringAIAlibaba就是一个“工具包”，它把阿里巴巴的AI技术（比如通义千问大模型、向量数据库等）和大家常用的Spring框架“打包”到了一起。**打个比方：**就像你想做蛋糕（开发AI应用
    • Java朴实无华按天计划从入门到实战（强化速战版-66天） 岫珩 Java后端java开发语言学习Java时间安排学习计划
      致敬读者感谢阅读笑口常开生日快乐⬛早点睡觉博主相关博主信息博客首页专栏推荐活动信息文章目录Java朴实无华按天计划从入门到实战（强化速战版-66天）1.基础（18）1.1JavaSE核心（5天）1.2数据库与SQL（5天）1.3前端基础（8天）2.进阶（17天）2.1JavaWeb核心（5天）2.2Mybatis与Spring全家桶（6天）2.3中间件入门（4天）2.4实践项目（2天）3.高阶（1
    • 开发者关心的那些事 圣子足道 ios游戏编程apple支付
      我要在app里添加IAP，必须要注册自己的产品标识符（product identifiers）。产品标识符是什么？ 产品标识符（Product Identifiers）是一串字符串，它用来识别你在应用内贩卖的每件商品。App Store用产品标识符来检索产品信息，标识符只能包含大小写字母（A-Z）、数字（0-9）、下划线（-）、以及圆点(.)。你可以任意排列这些元素，但我们建议你创建标识符时使用
    • 负载均衡器技术Nginx和F5的优缺点对比 bijian1013 nginxF5
              对于数据流量过大的网络中，往往单一设备无法承担，需要多台设备进行数据分流，而负载均衡器就是用来将数据分流到多台设备的一个转发器。         目前有许多不同的负载均衡技术用以满足不同的应用需求，如软/硬件负载均衡、本地/全局负载均衡、更高
    • LeetCode[Math] - #9 Palindrome Number Cwind javaAlgorithm题解LeetCodeMath
      原题链接：#9 Palindrome Number   要求： 判断一个整数是否是回文数，不要使用额外的存储空间   难度：简单   分析： 题目限制不允许使用额外的存储空间应指不允许使用O(n)的内存空间，O(1)的内存用于存储中间结果是可以接受的。于是考虑将该整型数反转，然后与原数字进行比较。 注：没有看到有关负数是否可以是回文数的明确结论，例如
    • 画图板的基本实现 15700786134 画图板
       要实现画图板的基本功能，除了在qq登陆界面中用到的组件和方法外，还需要添加鼠标监听器，和接口实现。 首先，需要显示一个JFrame界面： public class DrameFrame extends JFrame {              //显示
    • linux的ps命令 被触发 linux
      Linux中的ps命令是Process Status的缩写。ps命令用来列出系统中当前运行的那些进程。ps命令列出的是当前那些进程的快照，就是执行ps命令的那个时刻的那些进程，如果想要动态的显示进程信息，就可以使用top命令。 要对进程进行监测和控制，首先必须要了解当前进程的情况，也就是需要查看当前进程，而 ps 命令就是最基本同时也是非常强大的进程查看命令。使用该命令可以确定有哪些进程正在运行
    • Android 音乐播放器 下一曲 连续跳几首歌 肆无忌惮_ android
      最近在写安卓音乐播放器的时候遇到个问题。在MediaPlayer播放结束时会回调 player.setOnCompletionListener(new OnCompletionListener() { @Override public void onCompletion(MediaPlayer mp) { mp.reset(); Log.i("H
    • java导出txt文件的例子 知了ing javaservlet
      代码很简单就一个servlet,如下： package com.eastcom.servlet; import java.io.BufferedOutputStream; import java.io.IOException; import java.net.URLEncoder; import java.sql.Connection; import java.sql.Resu
    • Scala stack试玩, 提高第三方依赖下载速度 矮蛋蛋 scalasbt
      原文地址： http://segmentfault.com/a/1190000002894524 sbt下载速度实在是惨不忍睹, 需要做些配置优化 下载typesafe离线包, 保存为ivy本地库 wget http://downloads.typesafe.com/typesafe-activator/1.3.4/typesafe-activator-1.3.4.zip 解压r
    • phantomjs安装(linux，附带环境变量设置) ，以及casperjs安装。 alleni123 linuxspider
      1. 首先从官网 http://phantomjs.org/下载phantomjs压缩包，解压缩到/root/phantomjs文件夹。 2. 安装依赖 sudo yum install fontconfig freetype libfreetype.so.6 libfontconfig.so.1 libstdc++.so.6 3. 配置环境变量 vi /etc/profil
    • JAVA IO FileInputStream和FileOutputStream，字节流的打包输出 百合不是茶 java核心思想JAVA IO操作字节流
      在程序设计语言中，数据的保存是基本，如果某程序语言不能保存数据那么该语言是不可能存在的，JAVA是当今最流行的面向对象设计语言之一，在保存数据中也有自己独特的一面，字节流和字符流 1，字节流是由字节构成的，字符流是由字符构成的 字节流和字符流都是继承的InputStream和OutPutStream ,java中两种最基本的就是字节流和字符流   类 FileInputStream
    • Spring基础实例（依赖注入和控制反转） bijian1013 spring
      前提条件：在http://www.springsource.org/download网站上下载Spring框架，并将spring.jar、log4j-1.2.15.jar、commons-logging.jar加载至工程1.武器接口 package com.bijian.spring.base3; public interface Weapon { void kil
    • HR看重的十大技能 bijian1013 提升能力HR成长
          一个人掌握何种技能取决于他的兴趣、能力和聪明程度，也取决于他所能支配的资源以及制定的事业目标，拥有过硬技能的人有更多的工作机会。但是，由于经济发展前景不确定，掌握对你的事业有所帮助的技能显得尤为重要。以下是最受雇主欢迎的十种技能。 　　一、解决问题的能力 　　每天，我们都要在生活和工作中解决一些综合性的问题。那些能够发现问题、解决问题并迅速作出有效决
    • 【Thrift一】Thrift编译安装 bit1129 thrift
      什么是Thrift The Apache Thrift software framework, for scalable cross-language services development, combines a software stack with a code generation engine to build services that work efficiently and s
    • 【Avro三】Hadoop MapReduce读写Avro文件 bit1129 mapreduce
      Avro是Doug Cutting(此人绝对是神一般的存在）牵头开发的。 开发之初就是围绕着完善Hadoop生态系统的数据处理而开展的（使用Avro作为Hadoop MapReduce需要处理数据序列化和反序列化的场景）,因此Hadoop MapReduce集成Avro也就是自然而然的事情。 这个例子是一个简单的Hadoop MapReduce读取Avro格式的源文件进行计数统计，然后将计算结果
    • nginx定制500，502，503，504页面 ronin47 nginx　错误显示
      server { listen 80; error_page 500/500.html; error_page 502/502.html; error_page 503/503.html; error_page 504/504.html; location /test {return502;}} 配置很简单，和配
    • java-1.二叉查找树转为双向链表 bylijinnan 二叉查找树
      import java.util.ArrayList; import java.util.List; public class BSTreeToLinkedList { /* 把二元查找树转变成排序的双向链表 题目： 输入一棵二元查找树，将该二元查找树转换成一个排序的双向链表。 要求不能创建任何新的结点，只调整指针的指向。 10 / \ 6 14 / \
    • Netty源码学习-HTTP-tunnel bylijinnan javanetty
      Netty关于HTTP tunnel的说明： http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/socket/http/package-summary.html#package_description 这个说明有点太简略了 一个完整的例子在这里： https://github.com/bylijinnan
    • JSONUtil.serialize(map)和JSON.toJSONString(map)的区别 coder_xpf jqueryjsonmapval()
       JSONUtil.serialize(map)和JSON.toJSONString(map)的区别   数据库查询出来的map有一个字段为空   通过System.out.println()输出 JSONUtil.serialize(map)： {"one":"1","two":"nul
    • Hibernate缓存总结 cuishikuan 开源sshjavawebhibernate缓存三大框架
      一、为什么要用Hibernate缓存？ Hibernate是一个持久层框架，经常访问物理数据库。 为了降低应用程序对物理数据源访问的频次，从而提高应用程序的运行性能。 缓存内的数据是对物理数据源中的数据的复制，应用程序在运行时从缓存读写数据，在特定的时刻或事件会同步缓存和物理数据源的数据。   二、Hibernate缓存原理是怎样的？ Hibernate缓存包括两大类：Hib
    • CentOs6 dalan_123 centos
      首先su - 切换到root下面1、首先要先安装GCC GCC-C++ Openssl等以来模块：yum -y install make gcc gcc-c++ kernel-devel m4 ncurses-devel openssl-devel2、再安装ncurses模块yum -y install ncurses-develyum install ncurses-devel3、下载Erang
    • 10款用 jquery 实现滚动条至页面底端自动加载数据效果 dcj3sjt126com JavaScript
        无限滚动自动翻页可以说是web2.0时代的一项堪称伟大的技术，它让我们在浏览页面的时候只需要把滚动条拉到网页底部就能自动显示下一页的结果，改变了一直以来只能通过点击下一页来翻页这种常规做法。 无限滚动自动翻页技术的鼻祖是微博的先驱：推特(twitter)，后来必应图片搜索、谷歌图片搜索、google reader、箱包批发网等纷纷抄袭了这一项技术，于是靠滚动浏览器滚动条
    • ImageButton去边框&Button或者ImageButton的背景透明 dcj3sjt126com imagebutton
      在ImageButton中载入图片后，很多人会觉得有图片周围的白边会影响到美观，其实解决这个问题有两种方法 一种方法是将ImageButton的背景改为所需要的图片。如：android:background="@drawable/XXX" 第二种方法就是将ImageButton背景改为透明，这个方法更常用 在XML里；    <ImageBut
    • JSP之c:foreach eksliang jspforearch
      原文出自：http://www.cnblogs.com/draem0507/archive/2012/09/24/2699745.html <c:forEach>标签用于通用数据循环，它有以下属性 属 性 描 述 是否必须 缺省值 items 进行循环的项目 否 无 begin 开始条件 否 0 end 结束条件 否 集合中的最后一个项目 step 步长 否 1
    • Android实现主动连接蓝牙耳机 gqdy365 android
      在Android程序中可以实现自动扫描蓝牙、配对蓝牙、建立数据通道。蓝牙分不同类型，这篇文字只讨论如何与蓝牙耳机连接。 大致可以分三步： 一、扫描蓝牙设备： 1、注册并监听广播： BluetoothAdapter.ACTION_DISCOVERY_STARTED BluetoothDevice.ACTION_FOUND BluetoothAdapter.ACTION_DIS
    • android学习轨迹之四：org.json.JSONException: No value for hyz301 json
      org.json.JSONException: No value for items  在JSON解析中会遇到一种错误，很常见的错误   06-21 12:19:08.714 2098-2127/com.jikexueyuan.secret I/System.out﹕ Result:{"status":1,"page":1,&
    • 干货分享：从零开始学编程 系列汇总 justjavac 编程
      程序员总爱重新发明轮子，于是做了要给轮子汇总。 从零开始写个编译器吧系列 (知乎专栏) 从零开始写一个简单的操作系统 (伯乐在线) 从零开始写JavaScript框架 (图灵社区) 从零开始写jQuery框架 (蓝色理想 ) 从零开始nodejs系列文章 (粉丝日志) 从零开始编写网络游戏 
    • jquery-autocomplete 使用手册 macroli jqueryAjax脚本
      jquery-autocomplete学习 一、用前必备 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/ 当前版本：1.1 需要JQuery版本：1.2.6 二、使用 <script src="./jquery-1.3.2.js" type="text/ja
    • PLSQL-Developer或者Navicat等工具连接远程oracle数据库的详细配置以及数据库编码的修改 超声波 oracleplsql
      　　在服务器上将Oracle安装好之后接下来要做的就是通过本地机器来远程连接服务器端的oracle数据库，常用的客户端连接工具就是PLSQL-Developer或者Navicat这些工具了。刚开始也是各种报错，什么TNS:no listener;TNS:lost connection;TNS:target hosts...花了一天的时间终于让PLSQL-Developer和Navicat等这些客户
    • 数据仓库数据模型之：极限存储--历史拉链表 superlxw1234 极限存储数据仓库数据模型拉链历史表
      在数据仓库的数据模型设计过程中，经常会遇到这样的需求： 1. 数据量比较大; 2. 表中的部分字段会被update,如用户的地址，产品的描述信息，订单的状态等等; 3. 需要查看某一个时间点或者时间段的历史快照信息，比如，查看某一个订单在历史某一个时间点的状态，    比如，查看某一个用户在过去某一段时间内，更新过几次等等; 4. 变化的比例和频率不是很大，比如，总共有10
    • 10点睛Spring MVC4.1-全局异常处理 wiselyman spring mvc
      10.1 全局异常处理 使用@ControllerAdvice注解来实现全局异常处理; 使用@ControllerAdvice的属性缩小处理范围 10.2 演示 演示控制器 package com.wisely.web; import org.springframework.stereotype.Controller; import org.spring