别挡

【HTML】入门笔记

【HTML】笔记

- 一、Web基础知识(了解)
二、HTML入门（重点）
- 2.1什么是HTML
- 2.2HTML 特点
- 2.3HTML的基础语法
- 2.4 HTML文档结构
三、文本标记（重点）
- 3.1 特殊文本的实现
- 3.2 文本样式相关标记
- 3.3 标题元素
- 3.4 滚动
- 3.5 段落元素
- 3.6 换行元素
- 3.7 水平分割线
- 3.8 预格式化
- 3.9 分区元素
- 3.10 块级元素和行内元素
四、图像和超链接
- 4.1 URL
- 4.2 图像
- 4.3 超链接
- 4.4 锚点
五、多媒体

一、Web基础知识(了解)

Internet–网络
由若干台电脑，平板，手机等设备通过网线（WIFI）连接起来的结构
基于Internet上的程序
1. C/S架构
  Client/Server 客户端/ 服务端
  特点：必须通过指定的客户端软件才能访问服务器端的一种程序设计
  比如：桌面版的QQ，LOL等都是C/S架构
2. B/S架构
  
  Browser/Server 浏览器 / 服务端
  特点：不需要下载客户端，只需要一个浏览器即可访问服务器端的一种程序
  比如：PC端的京东，淘宝，天猫，网游等
WEB
1. 什么是WEB
  WEB：是基于Internet上的一种应用程序（网页版的应用程序）
  WEB页面：简称WEB页（网页）,就是保存在服务器端上的一个具体的页面（.html或者.htm作为后缀的一种文件）
2. Web三要素
  1. 服务器
  2. 浏览器
  3. 通信协议
    
    通信协议遵循HTTP协议：超文本传输协议： Hypertext Transfer Protocol
3. Web浏览器
  1. 主要浏览器产品
    1. Microsoft Internet Exployer(IE) 微软
    2. Mozilla Firefor 火狐
    3. Google Chrome
    4. Opera opera
    5. APplke Safari
  2. 浏览器的作用：
    1. 提交用户请求（UA： UserAgent）
    2. 作为 HTML 以及脚本执行的解释器
  3. 主要技术栈
    1. HTML
    2. CSS
    3. JavaScript （JS）
4. 服务器
  1. 功能：
    1. 存储WEB上的内容信息（如网页，CSS，JS，JQuery，图片等）提供管理环境
    2. 响应浏览器的请求，执行服务器端程序
    3. 提供安全功能等
  2. 主要的服务器产品
    1. Tomcat
    2. IIS
    3. Apache

二、HTML入门（重点）

2.1什么是HTML

概念：超文本标记语言

Hyper Text Markup  Launage
超级  文本   标记    语言

超文本：也是文本，具有文本不具备的一些功能

普通文本 a  ：  表示的就是一个字符a
超文本   a  ：  表示一个超链接

普通文本  b :   表示的就是一个字符b
超文本    b :   表示加粗

标记：就是超文本的表现形式

普通文本 a :    a
超文本  a  :   内容

普通文本 b  :  b
超文本  b   :  内容

语言：具有一定的语法规范，单词（标签）等内容

HTML也是由一定的语法规范，拥有独立的标签（单词）

Web页面

WEB页面（HTML页面），就是由HTML语言来进行开发的，以.html或者.htm为后缀的文件
开发 & 运行工具
1. 开发工具
  
  记事本，HBuilder，EditPlus，WebStorm、Sublime，VS Code…
2. 运行工具：浏览器

2.2HTML 特点

由.html或者.htm作为后缀的文件
由浏览器来解释执行
带有尖括号的标记来进行编码
在网页中可以执行JS脚本

2.3HTML的基础语法

标记语法

HTML 中用于描述功能的符号称之为“标记”，标记也称之为“元素”或者“标签”

标记在使用的时候，用<> 括号括起来，标记又分为两种：
1. 双标记
  
  也称之为封闭类型标,
  
  语法：<标记>内容
  
  Ex:
```
<a> 这是一个超链接a>
<p>这是一个段落p>
<div>这是一个DIVdiv>
<h1>这是一个标题h1>
```
2. 单标记
  
  也称之为非封闭类型标记
  
  语法：<标记/> 或者 <标记>
  
  Ex:
```
  : 换行
```

标记的嵌套

在一对标记中，出现另一对（个）标记，从而形成功能的叠加

语法

<标记1>
	<标记2>
		<标记3/>
		内容
	标记2>
标记1>

<a href="https://www.jd.com">
	<b>
		<img src="jdlog.png">
		<br>
		这是一个超链接
	b>
a>

注意：

 1. 不建议：  <标记1><标记2><标记3/>内容 这样写代码
 2. 嵌套标记的书写格式： 被嵌套的标记要通过一个缩进(Tab)来表示层级关系

练习：

1. 在页面中，编写一对body,在body中嵌套一对div
2. 在div中嵌套一对b标记
3. 在b标记中嵌套一对a标记
4. 在a 标记中嵌套一对p标记
5. p标记中内容随意

标记的属性
1. 什么是属性
  
  用来修饰标记效果的内容，就是属性。
2. 语法
  1. 属性必须声明在开始标记中
  2. 属性与标记名称之间用空格隔开
  3. 属性和属性值之间用“=”连接，属性值用双引号包裹
  4. 如果一个标记有多个属性，属性之间用空格隔开
3. Demo
```
写一个div，设置其属性id 值为d1
设置align，属性值为right
设置title为 这是一个div
```
标准属性（通用属性）
1. id: 定义元素在页面中独一无二的名称
2. title: 鼠标悬停在元素上时显示的文字
3. class: 引用类选择器的使用使用（CSS中的内容）
4. style: 定义内联方式使用（CSS中使用）

2.4 HTML文档结构

W3C : World Wide Web Consortium 万维网联盟

HTML 文档构成
1. 文档类型声明
  - 语法：
  - 作用: 告知浏览器当前的HTML文档用的是哪个版本，文档声明必须写在文档的最顶端
2. 网页结构
  - 语法：
  - 作用：表示网页的开始和结束，也是HTML文档的根标记
标记
包含的子元素: 头和主体
1. 网页的头部，定义全局信息，是其他头部元素的容器
  
  包含的子元素有两对
  1. “”
    
    定义全局信息
```
 <head>
  <meta charset="UTF-8"> 
  <meta name="Generator" content="EditPlus®">  
  <meta name="Author" content="王志刚"> 
  <meta name="Keywords" content="">  
 head>
```
  2. “ ”：定义网页标题的
  3. “”：定义网页CSS的内容样式的
  4. “” ：定义网页内部的JS脚本
  5. “” : 引入外部的CSS样式
2. 定义网页主体，展示内容
  
  属性：
  1. text: 指定文本颜色
    
    取值是一个颜色值(red,blue,yello)
  2. bgcolor: 背景颜色
    
    取值是一个颜色值

三、文本标记（重点）

3.1 特殊文本的实现

页面的空格以及一些特殊字符需要转义字符的方式体现

标记

标记	释义
& nbsp ;	空格
& lt ;	<
& gt ;	>
& copy ;	©
& yen ;	¥
& reg ；	注册商品
& times ;	关闭 X 号

1. 创建一个页面 2. 在页面中输出以下内容 The

3.2 文本样式相关标记

标记

标记	释义
	加粗
	斜体
	下划线
	删除线
	上标
	下标

这是一段包含，粗体，斜体，下划线，删除线，上标，下标的文本
将以上文本内，对应的文字的特殊效果，用标记体现出来

3.3 标题元素

以醒目的方式表现文本

语法

<h1>一级标题h1>
<h2> 二级标题h2>
<h3>三级标题h3>
<h4>四级标题h4>
<h5>五级标题h5>
<h6>六级标题h6>

特点
1. 字体大小有变化
2. 独占一行
3. 加粗显示
属性
1. align
  - 作用：设置标记内容水平对齐方式
  - 取值：left / center / right

3.4 滚动

标记:：
属性
1. direction：滚动方向
  
  取值： left(默认) / right / up / down
2. loop：滚动次数
  
  取值：正整数，默认不限次数
3. scrollamount ：设置滚动熟读
  
  取值：正整数，默认为6
4. scrolldelay ：表示停顿时间
  
  值也是正整数，默认为0，单位毫秒
5. behavior：滚动方式
  
  取值：
  
  scroll：循环滚动
  
  slide：只滚动一次
  
  alternate：来回交替滚动

3.5 段落元素

语法：
作用：以突出形式显示一段文本
属性：align
- 取值：left / center /right
特点：
- 单独成行
- 字体大小没有变化
- 文本上下有空白间隔（段落之间有间隔）

创建一个页面
	用段落标记写 静夜思
		床前明月光        左对齐
		疑是地上霜        居中对齐
		举头望明月        右对齐
		低头思故乡        居中对齐

3.6 换行元素

语法：


或者

3.7 水平分割线

语法:
作用：在页面中表现为一条直线
属性
- size: 表示水平线的粗细，取值为px 或者 %为单位的整数
- width: 表示水平线的长度，取值为px 或者 %为单位的整数
- color: 设置水平线的颜色，取值是正常的颜色值
- align: 设置水平线的位置：取值： left / center(默认) /right

新建页面，增加一条水平线，size为5px，宽度为50%, 居中对齐，颜色为 blue

3.8 预格式化

作用：保留源文档中的回车和空格的作用
语法：

3.9 分区元素

块级分区元素
- 语法：
- 作用：用于页面的布局效果
- 特点：单独成行
行内分区元素
- 语法：
- 作用：设置同一行文字的不同样式

<div>
			<h2>静夜思h2>
			<div>床前明月光div>
			<div>疑是地上霜div>
			<div>举头望明月div>
			<div>低头思故乡div>
		div>
		
		<div>
			<h2>春宵h2>
			<span style="color:red">春宵一刻值千金span>
			<span style="color:blue">花有清香月有阴span>
			<span style="font-size: 24px">歌管楼台声细细span>
			<span style="background-color:yellow">秋千月落野迟迟span>
		div>

3.10 块级元素和行内元素

按照元素的表现形式来分类，分为行内元素和块级元素

行内元素
- 在一行内允许显示多个的元素，称之为行内元素
- 在页面中行内元素时从左往右依次排列的
- 页面中常见的行内元素：、、、、、、、
- 作用：用于包裹文本，并处理文本的表现形式
块级元素
- 在网页中独占一行显示的元素称之为“块级元素”
- 块级元素都是从上到下排列
- 页面常见的块级元素：
  …
  、
  、
- 注意
  - p标记不要去嵌套其他块级元素
  - 行内元素中最好不要嵌套块级元素

四、图像和超链接

4.1 URL

目录结构

文件目录：保存文件的文件夹的名称

多个文件夹之间的关系就是目录结构（文件夹嵌套的结构）
URL

URL（Uniform Resource Locator）：统一资源定位器，俗称：路径

用来标识某资源文件的位置
URL在WEB中的表现形式

共有三种表现形式
1. 绝对路径
  - 特点：从文件所在的最高级目录处开始查找资源文件所经过的路径就是绝对路径
  - 使用场合：当想访问互联网上的资源时，只能使用绝对路径
  - 给你一个绝对路径，你一定可以找到你想要的资源
    1. 网络资源
      
      在网络资源中完整的绝对路径分四不分
      1. 通信协议
        
        https
      2. 域名（主机名称，IP地址）
        
        www.jyvtc.edu.cn
      3. 文件目录结构（路径）
        
        jyvtc/resource/cms/2021/11
      4. 文件具体名称
        
        /2021111211025226326.png
      https://www.jyvtc.edu.cn/jyvtc/resource/cms/2021/11/2021111211025226326.png
    2. 本机资源
2. 相对路径
3. 根相对路径
1. 相对路径
  
  场合：使用本机文件时使用
  1. 什么是相对路径：
    
    从当前文件位置处开始查找资源文件所经过的路径就是相对路径。
  2. 分类
    1. 同级目录
      
      直接引用
    2. 子级目录
      
      先进入子集文件夹，再引入
    3. 父级目录
      
      先返回，在引用
      
      …/ 表示返回上一级路径
2. 根相对路径
  
  从web站点胡根目录开启去查找
  
  以"/"开始，“/” 表示的是服务器的根路径
  
  / 表示的就是C盘

4.2 图像

图片格式
- .jpg : 压缩比例大，比较模糊
- .png : 背景透明，比较清晰
- . gif : 动图
语法
```
  或者 
```
属性
- src: source 源，设置图片的路径
- alt : 图像出错时，所给的提示文字
- width: 设置图片的宽度，取值以px结尾或者以%结尾的正整数
- height：设置图片的高度
- title：鼠标悬停时在该标记上显示的文本

练习：

在网页中，显示三张图片，要求：分别以相对路径中的三种形式来引入图片，设置图片的宽高，和提示文字

4.3 超链接

语法

标记
属性
- href : 超链接的路径
- target : 指定打开超链接的方式
  
  取值：
  1. _self : 默认值，在当前标签页中打开新的网页
  2. _blank ：在新的标签页中打开网页

练习：

1. 创建一个超链接，内容为 百度一下，点击时 在自身标签页内打开 “https://www.baidu.com”
2. 创建一个超链接，内容为 京东的Logo ,点击时，在新的标签页内打开 “https://www.jd.com”

其他表现形式
1. 下载资源
  
  让链接的URL链接到 rar/zip等压缩文件即可
```
下载
```
2. 返回网页顶部
```
返回顶部
```
3. 链接到电子邮件
```
联系我们
```
  前提：必须在计算机中安装并配置好至少一个邮件客户端
4. 链接到JavaScript执行脚本
```
运行JS脚本
```

4.4 锚点

什么是锚点

锚点就是在网页中的一个记号，可以通过超链接的方式链接到这个记号标记的位置
锚点的使用
1. 定义锚点
  
  第一种：使用a标记的name属性来定义锚点
  第二种：使用任意标记的id属性来定义锚点名称
2. 链接到锚点：
  1. 链接到当前页面的锚点
  2. 链接到其他页面的锚点
```
锚点一
```

五、多媒体

什么是多媒体

Web上的多媒体指的就是音效，音乐，视频，动画等
音频

语法：

属性：
1. autoplay：音频就绪后马上播放
  
  取值：autoplay
2. controls: 表示显示控件
  
  取值：controls
3. loop: 音频结束后重新播放
  
  取值：loop
4. src：要播放的音频的URl
5. preload: 如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
  
  取值：preload
```
		
<audio src="../多媒体资料/张磊%20-%20南山南.mp3" autoplay="autoplay" controls="controls">audio>
		
		
		
<audio autoplay="autoplay" controls="controls">
	<source src="../多媒体资料/张磊%20-%20南山南.mp3" type="audio/mp3">
audio>
		
```
视频

语法：

属性
1. autoplay:视频就绪后马上播放
2. controls: 显示控件
3. height: 设置视频高度
4. width: 设置视频宽度
5. src: 视频URL

你可能感兴趣的:(html,笔记,前端)

10月|愿你的青春不负梦想-读书笔记-01 Tracy的小书斋
本书的作者是俞敏洪，大家都很熟悉他了吧。俞敏洪老师是我行业的领头羊吧，也是我事业上的偶像。本日摘录他书中第一章中的金句：『一个人如果什么目标都没有，就会浑浑噩噩，感觉生命中缺少能量。能给我们能量的，是对未来的期待。第一件事，我始终为了进步而努力。与其追寻全世界的骏马，不如种植丰美的草原，到时骏马自然会来。第二件事，我始终有阶段性的目标。什么东西能给我能量？答案是对未来的期待。』读到这里的时候，我便
《投行人生》读书笔记小蘑菇的树洞
《投行人生》----作者詹姆斯-A-朗德摩根斯坦利副主席40年的职业洞见-很短小精悍的篇幅，比较适合初入职场的新人。第一部分成功的职业生涯需要规划1.情商归为适应能力分享与协作同理心适应能力，更多的是自我意识，你有能力识别自己的情并分辨这些情绪如何影响你的思想和行为。2.对于初入职场的人的建议，细节，截止日期和数据很重要截止日期，一种有效的方法是请老板为你所有的任务进行优先级排序。和老板喝咖啡的好
Long类型前后端数据不一致 igotyback 前端
响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问
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
html 中如何使用 uniapp 的部分方法某公司摸鱼前端 html uni-app 前端
示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数广龙宇一起学Rust #Rust设计模式 rust 设计模式开发语言
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
git常用命令笔记咩酱-小羊 git 笔记
###用习惯了idea总是不记得git的一些常见命令，需要用到的时候总是担心旁边站了人~~~记个笔记@_@，告诉自己看笔记不丢人初始化初始化一个新的Git仓库gitinit配置配置用户信息gitconfig--globaluser.name"YourName"gitconfig--globaluser.email"[email protected]"基本操作克隆远程仓库gitclone查看
509. 斐波那契数(每日一题) lzyprime
lzyprime博客(github)创建时间：2021.01.04qq及邮箱：2383518170leetcode笔记题目描述斐波那契数，通常用F(n)表示，形成的序列称为斐波那契数列。该数列由0和1开始，后面的每一项数字都是前面两项数字的和。也就是：F(0)=0，F(1)=1F(n)=F(n-1)+F(n-2)，其中n>1给你n，请计算F(n)。示例1：输入：2输出：1解释：F(2)=F(1)+
拥有断舍离的心态，过精简生活--《断舍离》读书笔记爱吃丸子的小樱桃
不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“
四章-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样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程
高端密码学院笔记285 柚子_b4b4
高端幸福密码学院（高级班）幸福使者：李华第（598）期《幸福》之回归内在深层生命原动力基础篇——揭秘“激励”成长的喜悦心理案例分析主讲：刘莉一，知识扩充:成功=艰苦劳动+正确方法+少说空话。贪图省力的船夫，目标永远下游。智者的梦再美，也不如愚人实干的脚印。幸福早课堂2020.10.16星期五一笔记:1，重视和珍惜的前提是知道它的价值非常重要，当你珍惜了，你就真正定下来，真正的学到身上。2，大家需要
【加密社】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：做与用户的交互行为文章目录前端学习路线
Day17笔记-高阶函数 ~在杰难逃~ Python 笔记 python 开发语言 pycharm 数据分析
高阶函数【重点掌握】函数的本质：函数是一个变量，函数名是一个变量名，一个函数可以作为另一个函数的参数或返回值使用如果A函数作为B函数的参数，B函数调用完成之后，会得到一个结果，则B函数被称为高阶函数常用的高阶函数：map(),reduce(),filter(),sorted()1.map()map(func,iterable)，返回值是一个iterator【容器，迭代器】func:函数iterab
Day1笔记-Python简介&标识符和关键字&输入输出 ~在杰难逃~ Python python 开发语言大数据数据分析数据挖掘
大家好，从今天开始呢，杰哥开展一个新的专栏，当然，数据分析部分也会不定时更新的，这个新的专栏主要是讲解一些Python的基础语法和知识，帮助0基础的小伙伴入门和学习Python，感兴趣的小伙伴可以开始认真学习啦！一、Python简介【了解】1.计算机工作原理编程语言就是用来定义计算机程序的形式语言。我们通过编程语言来编写程序代码，再通过语言处理程序执行向计算机发送指令，让计算机完成对应的工作，编程
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的运行
数据仓库——维度表一致性墨染丶eye 背诵数据仓库
数据仓库基础笔记思维导图已经整理完毕，完整连接为：数据仓库基础知识笔记思维导图维度一致性问题从逻辑层面来看，当一系列星型模型共享一组公共维度时，所涉及的维度称为一致性维度。当维度表存在不一致时，短期的成功难以弥补长期的错误。维度时确保不同过程中信息集成起来实现横向钻取货活动的关键。造成横向钻取失败的原因维度结构的差别，因为维度的差别，分析工作涉及的领域从简单到复杂，但是都是通过复杂的报表来弥补设计
【Git】常见命令(仅笔记) 好想有猫猫 Git Linux学习笔记 git 笔记 elasticsearch linux c++
文章目录创建/初始化本地仓库添加本地仓库配置项提交文件查看仓库状态回退仓库查看日志分支删除文件暂存工作区代码远程仓库使用`.gitigore`文件让git不追踪一些文件标签创建/初始化本地仓库gitinit添加本地仓库配置项gitconfig-l#以列表形式显示配置项gitconfiguser.name"ljh"#配置user.namegitconfiguser.email"[email protected]
为什么你总是对下属不满意? ZhaoWu1050
【ZhaoWu的听课笔记】大多数公司，都存在两种问题。我创业四年，更是体会深切。这两种问题就是：老板经常不满意下属的表现；下属总是不知道老板想要什么；虽然这两种问题普遍存在，其实解决方法并不复杂。这节课，我们再聊聊第一个问题：为什么老板经常不满意下属表现?其实，这背后也是一条管理常识。管理学家德鲁克先生早就说过：管理者的任务，不是去改变人。*来自《卓有成效的管理者》只是大多数老板和我一样，都是一边
母亲节如何做小红书营销美橙传媒
小红书的一举一动引起了外界的高度关注。通过爆款笔记和流行话题，我们可以看到“干货”类型的内容在小红书中偏向实用的生活经验共享和生活指南非常受欢迎。根据运营社的分析，这种现象是由小红书用户心智和内容社区背后机制共同决定的。首先，小红书将使用“强搜索”逻辑为用户提供特定的“搜索场景”。在“我必须这样生活”中，大量使用了满足小红书站用户喜好和需求的内容。内容社区自制的高质量内容也吸引了寻找营销新途径的品
读书笔记|《遇见孩子，遇见更好的自己》5 抹茶社长
为人父母意味着放弃自己的过去，不要对以往没有实现的心愿耿耿于怀，只有这样，孩子们才能做回自己。985909803.jpg孩子在与父母保持亲密的同时更需要独立，唯有这样，孩子才会成为孩子，父母才会成其为父母。有耐心的人生往往更幸福，给孩子留点余地。认识到养儿育女是对耐心的考验。为失败做好心理准备，教会孩子控制情绪。了解自己的底线，说到底线，有一点很重要，父母之所以发脾气，真正的原因往往在于他们自己，
基于Python给出的PDF文档转Markdown文档的方法程序媛了了 python pdf 开发语言
注：网上有很多将Markdown文档转为PDF文档的方法，但是却很少有将PDF文档转为Markdown文档的方法。就算有，比如某些网站声称可以将PDF文档转为Markdown文档，尝试过，不太符合自己的要求，而且无法保证文档没有泄露风险。于是本人为了解决这个问题，借助GPT（能使用GPT镜像或者有条件直接使用GPT的，反正能调用GPT接口就行）生成Python代码来完成这个功能。笔记、代码难免存在
语文主题教学学习笔记之87 东哥杂谈
“语文主题教学”学习笔记之八十七（0125）今天继续学习小学语文主题教学的实践样态。板块三：教学中体现“书艺”味道。作为四大名著之一的《水浒传》，堪称我国文学宝库之经典。对从《水浒传》中摘选的单元，教师就要了解其原生态，即评书体特点。这也要求教师要了解一些常用的评书行话术语，然后在教学时适时地加入一些，让学生体味其文本中原有的特色。学生也要尽可能地通过朗读的方式，而不单是分析讲解的方式进行学习。细
Armv8.3 体系结构扩展--原文版代码改变世界ctw ARM-TEE-Android armv8 嵌入式 arm架构安全架构芯片 Trustzone Secureboot
快速链接:.ARMv8/ARMv9架构入门到精通-[目录]付费专栏-付费课程【购买须知】:个人博客笔记导读目录(全部)TheArmv8.3architectureextensionTheArmv8.3architectureextensionisanextensiontoArmv8.2.Itaddsmandatoryandoptionalarchitecturalfeatures.Somefeat
springboot+vue项目实战一-创建SpringBoot简单项目苹果酱0567 面试题汇总与解析 spring boot 后端 java 中间件开发语言
这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一
阅读《认知觉醒》读书笔记就看看书
本周阅读了周岭的《认知觉醒开启自我改变的原动力》，启发较多，故做读书笔记一则，留待学习。全书共八章，讲述了大脑、潜意识、元认知、专注力、学习力、行动力、情绪力及成本最低的成长之道。具体描述了大脑、焦虑、耐心、模糊、感性、元认知、自控力、专注力、情绪专注、学习专注、匹配、深度、关联、体系、打卡、反馈、休息、清晰、傻瓜、行动、心智宽带、单一视角、游戏心态、早起、冥想、阅读、写作、运动等相关知识点。大脑
阅读笔记：阅读方法中的逻辑和转念施吉涛
聊聊一些阅读的方法论吧，别人家的读书方法刚开始想写，然后就不知道写什么了，因为作者写的非常的“精致”我有一种乡巴佬进城的感觉，看到精美的摆盘，精致的食材不知道该如何下口也就是《阅读的方法》，我们姑且来试一下强劲的大脑篇，第一节：逻辑通俗的来讲，也就是表达的排列和顺序，再进一步就是因果关系和关联实际上书已经看了大概一遍，但直到打算写一下笔记的时候，才发现作者讲的推理更多的是阅读的对象中呈现出的逻辑也
博客网站制作教程 2401_85194651 java maven
首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
Java 并发包之线程池和原子计数 lijingyao8206 Java计数 ThreadPool 并发包 java线程池
对于大数据量关联的业务处理逻辑，比较直接的想法就是用JDK提供的并发包去解决多线程情况下的业务数据处理。线程池可以提供很好的管理线程的方式，并且可以提高线程利用率，并发包中的原子计数在多线程的情况下可以让我们避免去写一些同步代码。这里就先把jdk并发包中的线程池处理器ThreadPoolExecutor 以原子计数类AomicInteger 和倒数计时锁C
java编程思想抽象类和接口百合不是茶 java 抽象类接口
接口c++对接口和内部类只有简介的支持,但在java中有队这些类的直接支持 1 ,抽象类 : 如果一个类包含一个或多个抽象方法,该类必须限定为抽象类(否者编译器报错) 抽象方法 : 在方法中仅有声明而没有方法体 package com.wj.Interface;
[房地产与大数据]房地产数据挖掘系统 comsci 数据挖掘
随着一个关键核心技术的突破,我们已经是独立自主的开发某些先进模块,但是要完全实现,还需要一定的时间... 所以,除了代码工作以外,我们还需要关心一下非技术领域的事件..比如说房地产 &nb
数组队列总结沐刃青蛟数组队列
数组队列是一种大小可以改变，类型没有定死的类似数组的工具。不过与数组相比，它更具有灵活性。因为它不但不用担心越界问题，而且因为泛型（类似c++中模板的东西）的存在而支持各种类型。以下是数组队列的功能实现代码： import List.Student; public class
Oracle存储过程无法编译的解决方法 IT独行者 oracle 存储过程　
今天同事修改Oracle存储过程又导致2个过程无法被编译，流程规范上的东西，Dave 这里不多说，看看怎么解决问题。 1. 查看无效对象 XEZF@xezf(qs-xezf-db1)> select object_name,object_type,status from all_objects where status='IN
重装系统之后oracle恢复文强chu oracle
前几天正在使用电脑，没有暂停oracle的各种服务。突然win8.1系统奔溃，无法修复，开机时系统提示正在搜集错误信息，然后再开机，再提示的无限循环中。无耐我拿出系统u盘准备重装系统，没想到竟然无法从u盘引导成功。晚上到外面早了一家修电脑店，让人家给装了个系统，并且那哥们在我没反应过来的时候，直接把我的c盘给格式化了并且清理了注册表，再装系统。然后的结果就是我的oracl
python学习二（一些基础语法）小桔子 pthon 基础语法
紧接着把！昨天没看继续看django 官方教程，学了下python的基本语法与c类语言还是有些小差别： 1.ptyhon的源文件以UTF-8编码格式 2. / 除结果浮点型 // 除结果整形 % 除取余数 * 乘 ** 乘方 eg 5**2 结果是5的2次方25 _&
svn 常用命令 aichenglong SVN 版本回退
1 svn回退版本 1)在window中选择log,根据想要回退的内容,选择revert this version或revert chanages from this version 两者的区别: revert this version:表示回退到当前版本(该版本后的版本全部作废) revert chanages from this versio
某小公司面试归来 alafqq 面试
先填单子，还要写笔试题，我以时间为急，拒绝了它。。时间宝贵。老拿这些对付毕业生的东东来吓唬我。。面试官很刁难，问了几个问题，记录下； 1，包的范围。。。public,private,protect. --悲剧了 2，hashcode方法和equals方法的区别。谁覆盖谁.结果，他说我说反了。 3，最恶心的一道题，抽象类继承抽象类吗？（察，一般它都是被继承的啊） 4，stru
动态数组的存储速度比较集合框架百合不是茶集合框架
集合框架：自定义数据结构(增删改查等) package 数组; /** * 创建动态数组 * @author 百合 * */ public class ArrayDemo{ //定义一个数组来存放数据 String[] src = new String[0]; /** * 增加元素加入容器 * @param s要加入容器
用JS实现一个JS对象，对象里有两个属性一个方法 bijian1013 js对象
<html> <head> </head> <body> 用js代码实现一个js对象，对象里有两个属性，一个方法 </body> <script> var obj={a:'1234567',b:'bbbbbbbbbb',c:function(x){
探索JUnit4扩展：使用Rule bijian1013 java 单元测试 JUnit Rule
在上一篇文章中，讨论了使用Runner扩展JUnit4的方式，即直接修改Test Runner的实现(BlockJUnit4ClassRunner)。但这种方法显然不便于灵活地添加或删除扩展功能。下面将使用JUnit4.7才开始引入的扩展方式——Rule来实现相同的扩展功能。 1. Rule &n
[Gson一]非泛型POJO对象的反序列化 bit1129 POJO
当要将JSON数据串反序列化自身为非泛型的POJO时，使用Gson.fromJson(String, Class)方法。自身为非泛型的POJO的包括两种： 1. POJO对象不包含任何泛型的字段 2. POJO对象包含泛型字段，例如泛型集合或者泛型类 Data类 a.不是泛型类， b.Data中的集合List和Map都是泛型的 c.Data中不包含其它的POJO
【Kakfa五】Kafka Producer和Consumer基本使用 bit1129 kafka
0.Kafka服务器的配置一个Broker，一个Topic Topic中只有一个Partition（） 1. Producer： package kafka.examples.producers; import kafka.producer.KeyedMessage; import kafka.javaapi.producer.Producer; impor
lsyncd实时同步搭建指南——取代rsync+inotify ronin47
1. 几大实时同步工具比较 1.1 inotify + rsync 最近一直在寻求生产服务服务器上的同步替代方案，原先使用的是 inotify + rsync，但随着文件数量的增大到100W+，目录下的文件列表就达20M，在网络状况不佳或者限速的情况下，变更的文件可能10来个才几M，却因此要发送的文件列表就达20M，严重减低的带宽的使用效率以及同步效率；更为要紧的是，加入inotify
java-9. 判断整数序列是不是二元查找树的后序遍历结果 bylijinnan java
public class IsBinTreePostTraverse{ static boolean isBSTPostOrder(int[] a){ if(a==null){ return false; } /*1.只有一个结点时，肯定是查找树 *2.只有两个结点时，肯定是查找树。例如{5,6}对应的BST是 6 {6,5}对应的BST是
MySQL的sum函数返回的类型 bylijinnan java spring sql mysql jdbc
今天项目切换数据库时，出错访问数据库的代码大概是这样： String sql = "select sum(number) as sumNumberOfOneDay from tableName"; List<Map> rows = getJdbcTemplate().queryForList(sql); for (Map row : rows
java设计模式之单例模式 chicony java设计模式
在阎宏博士的《JAVA与模式》一书中开头是这样描述单例模式的：　　作为对象的创建模式，单例模式确保某一个类只有一个实例，而且自行实例化并向整个系统提供这个实例。这个类称为单例类。单例模式的结构　　单例模式的特点：单例类只能有一个实例。单例类必须自己创建自己的唯一实例。单例类必须给所有其他对象提供这一实例。　　饿汉式单例类 publ
javascript取当月最后一天 ctrain JavaScript
 <script language=javascript> var current = new Date(); var year = current.getYear(); var month = current.getMonth(); showMonthLastDay(year, mont
linux tune2fs命令详解 daizj linux tune2fs 查看系统文件块信息
一.简介： tune2fs是调整和查看ext2/ext3文件系统的文件系统参数，Windows下面如果出现意外断电死机情况，下次开机一般都会出现系统自检。Linux系统下面也有文件系统自检，而且是可以通过tune2fs命令，自行定义自检周期及方式。二.用法： Usage: tune2fs [-c max_mounts_count] [-e errors_behavior] [-g grou
做有中国特色的程序员 dcj3sjt126com 程序员
从出版业说起网络作品排到靠前的，都不会太难看，一般人不爱看某部作品也是因为不喜欢这个类型，而此人也不会全不喜欢这些网络作品。究其原因，是因为网络作品都是让人先白看的，看的好了才出了头。而纸质作品就不一定了，排行榜靠前的，有好作品，也有垃圾。许多大牛都是写了博客，后来出了书。这些书也都不次，可能有人让为不好，是因为技术书不像小说，小说在读故事，技术书是在学知识或温习知识，有
Android：TextView属性大全 dcj3sjt126com textview
android:autoLink 设置是否当文本为URL链接/email/电话号码/map时，文本显示为可点击的链接。可选值(none/web/email/phone/map/all) android:autoText 如果设置，将自动执行输入值的拼写纠正。此处无效果，在显示输入法并输
tomcat虚拟目录安装及其配置 eksliang tomcat配置说明 tomca部署web应用 tomcat虚拟目录安装
转载请出自出处：http://eksliang.iteye.com/blog/2097184 1.-------------------------------------------tomcat 目录结构 config：存放tomcat的配置文件 temp ：存放tomcat跑起来后存放临时文件用的 work ：当第一次访问应用中的jsp
浅谈：APP有哪些常被黑客利用的安全漏洞 gg163 APP
首先，说到APP的安全漏洞，身为程序猿的大家应该不陌生；如果抛开安卓自身开源的问题的话，其主要产生的原因就是开发过程中疏忽或者代码不严谨引起的。但这些责任也不能怪在程序猿头上，有时会因为BOSS时间催得紧等很多可观原因。由国内移动应用安全检测团队爱内测（ineice.com）的CTO给我们浅谈关于Android 系统的开源设计以及生态环境。 1. 应用反编译漏洞：APK 包非常容易被反编译成可读
C#根据网址生成静态页面 hvt Web .net C#asp.net hovertree
HoverTree开源项目中HoverTreeWeb.HVTPanel的Index.aspx文件是后台管理的首页。包含生成留言板首页，以及显示用户名，退出等功能。根据网址生成页面的方法： bool CreateHtmlFile(string url, string path) { //http://keleyi.com/a/bjae/3d10wfax.htm stri
SVG 教程（一）天梯梦 svg
SVG 简介 SVG 是使用 XML 来描述二维图形和绘图程序的语言。学习之前应具备的基础知识：继续学习之前，你应该对以下内容有基本的了解： HTML XML 基础如果希望首先学习这些内容，请在本站的首页选择相应的教程。什么是SVG？ SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量
一个简单的java栈 luyulong java 数据结构栈
public class MyStack { private long[] arr; private int top; public MyStack() { arr = new long[10]; top = -1; } public MyStack(int maxsize) { arr = new long[maxsize]; top
基础数据结构和算法八：Binary search sunwinner Algorithm Binary search
Binary search needs an ordered array so that it can use array indexing to dramatically reduce the number of compares required for each search, using the classic and venerable binary search algori
12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！刘星宇 c 面试
12个C语言面试题，涉及指针、进程、运算、结构体、函数、内存，看看你能做出几个！ 1.gets()函数问：请找出下面代码里的问题： #include<stdio.h> int main(void) { char buff[10]; memset(buff,0,sizeof(buff));
ITeye 7月技术图书有奖试读获奖名单公布 ITeye管理员活动 ITeye 试读
ITeye携手人民邮电出版社图灵教育共同举办的7月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 7月试读活动回顾： http://webmaster.iteye.com/blog/2092746 本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：《Java性能优化权威指南》