Saito__Asuka
Saito__Asuka

笔记31-HTML

文章目录

  • WEB概念概述
  • HTML
    • 案例

WEB概念概述

  • javaweb:
    • 使用Java语言开发基于互联网的项目
  • 软件架构
    1. C/S: Client/Server 客户端/服务器端
      • . 在用户本地有一个客户端程序，在远程有一个服务器端程序
      • 如: qq, 迅雷…
      • 优点：
        • 用户体验好
      • 缺点：
        • 开发、安装、部署、维护 麻烦
    2. B/S: Browser/Server 浏览器/服务器端
      • 只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务器端程序
      • 优点:
        • 开发、安装、部署、维护、简单
      • 缺点：
        • 如果应用过大，用户的体验可能会受到影响
        • 对硬件要求过高
  • B/S架构详情
    • 资源分类
      1. 静态资源：
        • 使用静态网页开发技术发布的资源。
        • 特点：
          • 所有用户访问，得到的结果是一样的
          • 如：文本、图片、音频、视频、HTML、CSS、JavaScript
          • 如果用户请求的是静态资源，那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎，可以展示静态资源
      2. 动态资源
        • 使用动态网页及时发布的资源
        • 特点：
          • 所有用户访问，得到的结果可能不一样
          • 如： jsp/servlet，php，asp。。。
          • 如果用户请求的是动态资源，那么服务器会执行动态资源，转换为静态资源，再发送给浏览器。
      3. 静态资源：
      • HTML：用于搭建基础网页，展示页面的内容
      • CSS：用于美化页面，布局页面
      • JavaScript：控制页面的元素，让页面有一些动态的效果

HTML

  1. 概念 ： 是最基础的网页开发语言
    • Hyper Text Markup Language 超文本标记语言
      • 超文本：
        • 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本
      • 标记语言：
        • 由标签构成的语言：<标签名称> 如 html ， xml
        • 标记语言不是编程语言
  2. 快速入门：
    • 语法：
      1. html文档后缀名.html 或者 .htm
      2. 标签分为:
        1. 围堵标签: 有开始标签和结束标签. 如< html>< /html>
        2. 自闭和标签: 开始标签和结束标签在一起如:< br />
      3. 标签可以嵌套
        1. 需要正确嵌套,不能你中有我,我中有你
        2. 错误: < a>< b>< /a> < /b>
        3. 正确< a>< b>< /b>< /a>
      4. 在开始标签中可以定义属性,属性是由键值对构成,值需要用引号(单,双都可以)引起来
      5. html的标签不区分大小写,但是建议使用小写.
    • 代码
	<html>
		<head>
			<title>titletitle>
		head>
		<body>
			<font color='red'> hello worldfont><br/>
			<font coklor='green'> hello worldfont>
		body>
	html>
  1. 标签学习:
    1. 文件标签: 构成html的最基本标签
      • html: html文档的跟标签
      • head: 头标签. 用于指定html文档的一些属性,引入外部资源
      • title : 标题标签
      • body: 体标签
      • : html5中定义该文档是html文档
    2. 文本标签:和文本有关的标签
      • 注释: <img src="./image/jingxuan_2.jpg"/> <img src="../image/jingxuan_2.jpg" align="center"> body> html>
      • 列表标签
        • 有序列表
          • ol: 定义有序列表
          • li :定义列表的项目
        • 无序列表
          • ul:定义无序列表。
          • li :定义列表的项目
        
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>列表标签title>
head>
<body>
	
	早上起床干的事情
	<ol type="A" start="5">
		<li>睁眼li>
		<li> 看手机li>
		<li> 穿衣服li>
		<li> 洗漱li>
	ol>

	
	早上起床干的事情
	<ul type="disc">
		<li>睁眼li>
		<li> 看手机li>
		<li> 穿衣服li>
		<li> 洗漱li>
	ul>
	早上起床干的事情
	<ul type="square">
		<li>睁眼li>
		<li> 看手机li>
		<li> 穿衣服li>
		<li> 洗漱li>
	ul>

	早上起床干的事情
	<ul  type="circle">
		<li>睁眼li>
		<li> 看手机li>
		<li> 穿衣服li>
		<li> 洗漱li>
	ul>


body>
html>
      • 链接标签
        • a : 定义一个超链接
          • 属性:
            • href : 指定访问资源的URL(统一资源定位符)
            • target: 指定打开资源的方式
              • _self: 默认值:, 在当前页面打开
              • _blank: 在空白页面打开
        • 代码
        
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>链接标签title>
head>
<body>
	<a href="http://baidu.com">百度链接a>
	<br/>
	<a href="http://baidu.com" target="_self">点我a>
	<br>
	<a href="http://www.baidu.com" target="_blank">点我a>

	<br>

	<a href="./4_列表标签.html">列表标签a><br>
	<a href="mailto:[email protected]">联系我们a> 

	<br>
	<a href="http://wwwbaidu.com"><img src="image/jingxuan_2.jpg">a>

body>
html>
      • 块标签
        • div : 每一个div占满一整行,块级标签
        • span: 文本信息在一行展示,行内标签,内联标签
    
	<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>块标签title>
	head>
	<body>
	
		<span>黑马程序员span>
		<span>传智播客span>
		<hr>
		<div>黑马程序员div>
		<div>传智播客div>
	body>
	html>
    1. 语义化标签: html5中为了提高程序的可读性,提供了一些标签
      • < header >: 页眉
      • < footer > :页脚
    2. 表格标签
      • table：定义表格
        • width：宽度
        • border：边框
        • cellpadding：定义内容和单元格的距离
        • cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、
        • bgcolor：背景色
        • align：对齐方式
      • tr：定义行
        • bgcolor：背景色
        • align：对齐方式
      • td：定义单元格
        • colspan：合并列
        • rowspan：合并行
      • th：定义表头单元格
      • < caption >：表格标题
      • < thead >：表示表格的头部分
      • < tbody >：表示表格的体部分
      • < tfoot >：表示表格的脚部分

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签title>
head>
<body>
    <table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#faebd7" align="center">
        <tr>
            
            <th>编号th>
            <th>姓名th>
            <th>成绩th>

        tr>

        <tr>
            <td>1td>
            <td>小龙女td>
            <td>100td>

        tr>

        <tr>
            <td>2td>
            <td>杨过td>
            <td>50td>

        tr>
    table>
    <hr>
    <table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#faebd7" align="center">
        <thead>
        <caption>学生信息表caption>

        <tr>
            
            <th>编号th>
            <th>姓名th>
            <th>成绩th>

        tr>
        thead>



        <tbody>
        <tr bgcolor="#7fffd4" align="center">
            <td>1td>
            <td>小龙女td>
            <td>100td>

        tr>

        <tr>
            <td>2td>
            <td>杨过td>
            <td>50td>

        tr>

        tbody>

        <tfoot>
        <tr>
            <td>3td>
            <td>尹志平td>
            <td>10td>

        tr>

        tfoot>


    table>

    <hr>

    <table border="1" width="50%" cellpadding="0" cellspacing="0" bgcolor="#faebd7" align="center">
        <tr>

            <th rowspan="2">编号th>
            <th>姓名th>
            <th>成绩th>

        tr>

        <tr>

            <td>小龙女td>
            <td>100td>

        tr>

        <tr>
            <td>2td>
            <td colspan="2">杨过td>


        tr>

    table>
<hr>
body>
html>

案例

  1. 确定使用table来完成布局
  2. 如果某一行只有一个单元格，则使用
  3. 如果某一行有多个单元格，则使用
    < tr>
    < td>
    < table>< /table>
    < /td>
    < /tr>
  4. 代码

<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>旅游网站title>
head>
<body>
    
    <table width="100%" align="center">
        
        <tr>
            <td>
                <img src="image/top_banner.jpg" width="100%" alt="">
            td>
        tr>
        
        <tr>
            <td>
                <table width="100%" align="center">
                    <tr>
                        <td>
                            <img src="logo.jpg" alt="">
                        td>
                        <td>
                            <img src="search.png" alt="">
                        td>
                        <td>
                            <img src="hotel_tel.png" alt="">
                        td>
                    tr>
                table>
            td>
        tr>
        
        <tr>
            <td>
                <table width="100%" align="center">
                    <tr bgcolor="#ffd700" align="center"  height="45" >
                        <td>
                            <a href="./综合案例_旅游网站.html">首页a>
                        td>
                        <td>
                            门票
                        td>

                        <td>
                            门票
                        td>

                        <td>
                            门票
                        td>

                        <td>
                            门票
                        td>

                        <td>
                            门票
                        td>

                        <td>
                            门票
                        td>

                        <td>
                            门票
                        td>

                        <td>
                            门票
                        td>

                        <td>
                            门票
                        td>
                    tr>
                table>
            td>
        tr>
        
        <tr>
            <td>
                <img src="banner_3.jpg" alt="" width="100%">
            td>
        tr>

        
        <tr>
            <td>
                <img src="icon_5.jpg" alt="">
                黑马精选
                <hr  color="#ffd700" >
            td>
        tr>

        
        <tr>
            <td>
                <table align="center" width="95%">
                    <tr>
                        <td>
                            <img src="./jiangxuan_1.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)p>
                            <font color="red">¥ 899font>
                            
                        td>
                        <td>

                            <img src="./jiangxuan_1.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)p>
                            <font color="red">¥ 899font>
                        td>
                        <td>

                            <img src="./jiangxuan_1.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)p>
                            <font color="red">¥ 899font>
                        td>
                        <td>

                            <img src="./jiangxuan_1.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)p>
                            <font color="red">¥ 899font>
                        td>

                    tr>
                table>
            td>
        tr>
        
        <tr>
            <td>
                <img src="icon_6.jpg" alt="">
                国内游
                <hr  color="#ffd700" >
            td>
        tr>
        
        <tr>
            <td>
                <table align="center" width="95%">
                    <tr>
                        <td rowspan="2">
                            <img src="guonei_1.jpg">
                        td>
                        <td>
                            <img src="./jiangxuan_2.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)p>
                            <font color="red">¥ 899font>
                            
                        td>
                        <td>

                            <img src="./jiangxuan_2.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)p>
                            <font color="red">¥ 899font>
                        td>
                        <td>

                            <img src="./jiangxuan_2.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)p>
                            <font color="red">¥ 899font>
                        td>
                    tr>
                    <tr>
                        <td>

                            <img src="./jiangxuan_2.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)p>
                            <font color="red">¥ 899font>
                        td>
                        <td>

                            <img src="./jiangxuan_2.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)p>
                            <font color="red">¥ 899font>
                        td>
                        <td>

                            <img src="./jiangxuan_2.jpg" alt="">
                            <p>上海飞三亚五天4晚自由行(春节销售+亲子+蜜月+自由行)p>
                            <font color="red">¥ 899font>
                        td>
                    tr>
                table>
            td>
        tr>
        
        <tr>
            <td>
                <img src="footer_service.png" alt="" width="100%">
            td>
        tr>
        
        <tr>
            <td align="center" bgcolor="#ffd700" height="40">
                <font color="gray" size="2">
                    江苏传智播客教育科技股份有限公司<br/>
                    版权所有Copyright 2006-2018©, All Rights Reserved 苏ICP备16007882
                font>
            td>
        tr>
    table>
body>
html>

你可能感兴趣的:(笔记)

  • MySQL性能优化实战笔记 - 通俗易懂版 泥潭硬拔 mysql性能优化笔记
    1.存储引擎选择-到底选哪个？InnoDBvsMyISAM通俗对比想象你开了一家银行：InnoDB就像是有保险柜的银行支持事务：比如转账，要么都成功，要么都失败行级锁：小明在存钱时，小红还能同时取钱缺点：需要更多内存和CPUMyISAM就像是简易储物柜不支持事务：操作简单直接表级锁：一个人在用时，其他人要等待优点：读取速度快，占用资源少2.实战案例：常见性能问题及解决方案案例1：查询特别慢--糟糕
  • rust学习笔记16-206.反转链表(递归) 水蜜桃one 学习笔记链表
    rust函数递归在14中已经提到，接下来我们把206.反转链表，用递归法实现递归函数通常包含两个主要部分：基准条件（BaseCase）：递归终止的条件，避免无限递归。递归步骤（RecursiveStep）：将问题分解为更小的子问题，并调用自身来解决这些子问题。//Definitionforsingly-linkedlist.#[derive(PartialEq,Eq,Clone,Debug)]pu
  • 嵌入式笔记 | 正点原子STM32F103ZET6 3 | 时钟系统 J鸟 笔记stm32单片机嵌入式硬件
    1.RCC（复位和时钟控制）RCC（ResetandClockControl）是STM32的时钟系统控制模块，负责管理整个芯片的时钟信号。在使用任何外设之前，必须先使能其时钟。2.时钟系统框图解析时钟源（5种）HSI（高速内部时钟）由内部RC振荡器产生，默认8MHz精度较低，适用于对时钟精度要求不高的应用可作为系统时钟源HSE（高速外部时钟）由外部晶振（石英/陶瓷谐振器或外部时钟）产生，频率范围4
  • 25年申报工商年报前先看这篇笔记，帮你避坑，少走弯路！ 搬砖小杨聊资质 笔记
    又到工商年报申报的时候了（25年截止日期6月30日）,今年年报申报与去年有点区别，我特意整理出来与大家分享，帮助大家避坑。笔记不长，5分钟时间让你事半功倍，你就是老板眼中最靓的仔！！1、今年国家企业信用信息公示系统做了个更新，未完成年报填写或有多家公司需要申报的，一定要点击退出登录，不要直接关闭网页。否则当你想要继续填写年报或申报其他公司的，需要等待系统【自动退出登录】，时间2-3个小时，会大大影
  • day11 学习笔记 豆豆 学习笔记python
    文章目录前言一、类方法二、静态方法三、构造方法四、魔术方法前言通过今天的学习，我掌握了更多Python中有关面向对象编程思想中方法的概念与操作，包括类方法，静态方法，构造方法，魔术方法一、类方法类方法是属于类的行为，一般使用类而非对象进行调用类方法需要使用@classmethod装饰器定义类方法至少有一个形参用于绑定类，约定为cls类和该类的实例都可以调用类方法，但一般不用实例进行调用类方法不能访
  • 《Operating System Concepts》阅读笔记：p449-p459 操作系统
    《OperatingSystemConcepts》学习第35天，p449-p459总结，总计11页。一、技术总结1.NVM&SSDFlash-memory-basedNVMisfrequentlyusedinadisk-drive-likecontainer,inwhichcaseitiscalledasolid-statedisk(SSD)(Figure11.3)。2.HDDScheduling
  • 数智读书笔记系列021《大数据医疗》：探索医疗行业的智能变革 Allen_Lyb 数智读书笔记大数据健康医疗人工智能python
    一、书籍介绍《大数据医疗》由徐曼、沈江、余海燕合著，由机械工业出版社出版。徐曼是南开大学商学院副教授，在大数据驱动的智能决策研究领域颇有建树，尤其在大数据驱动的医疗与健康决策方面有着深入研究，曾获天津优秀博士论文、教育部博士研究生新人奖。沈江等作者也在相关学术和实践领域有着丰富的经验和深厚的专业知识。这本书系统且深入地探讨了大数据技术在医疗领域的应用与变革，对推动医疗行业的智能化发展具有重要的理论
  • 笔记：代码随想录算法训练营day57：99.岛屿数量 深搜、岛屿数量 广搜、100.岛屿的最大面积 jingjingjing1111 深度优先算法笔记
    学习资料：代码随想录注：文中含大模型生成内容99.岛屿数量卡码网题目链接（ACM模式）先看深搜方法：找到未标标记过的说明找到一片陆地的或者一片陆地的一个角落，dfs搜索是寻找相连接的陆地其余部分并做好标记#include#includeusingnamespacestd;intdirection[4][2]={0,1,-1,0,0,-1,1,0};voiddfs(constvector>&B612
  • 笔记：代码随想录算法训练营day56:图论理论基础、深搜理论基础、98. 所有可达路径、广搜理论基础 jingjingjing1111 笔记
    学习资料：代码随想录连通图是给无向图的定义，强连通图是给有向图的定义朴素存储：二维数组邻接矩阵邻接表：list基础知识：C++容器类|菜鸟教程深搜是沿着一个方向搜到头再不断回溯，转向；广搜是每一次搜索要把当前能够得到的方向搜个遍深搜三部曲：传入参数、终止条件、处理节点+递推+回溯98.所有可达路径卡码网题目链接（ACM模式）先是用邻接矩阵，矩阵的x,y表示从x到y有一条边主要还是用回溯方法遍历整个
  • Neo4j GDS-02-graph-data-science 插件库安装实战笔记 后端java
    neo4japoc系列Neo4jAPOC-01-图数据库apoc插件介绍Neo4jAPOC-01-图数据库apoc插件安装neo4jonwindows10Neo4jAPOC-03-图数据库apoc实战使用使用Neo4jAPOC-04-图数据库apoc实战使用使用apoc.path.spanningTree最小生成树Neo4jAPOC-05-图数据库apoc实战使用使用labelFilterNeo4
  • Windows使用Browser Use笔记 人工智能ai开发
    相关文档：https://docs.browser-use.com/quickstart首先安装UV命令行cmdpowershell-ExecutionPolicyByPass-c"irmhttps://astral.sh/uv/install.ps1|iex"设置环境变量setPath=C:\xx\.local\bin;%Path%查看版本uv-V查看可用和已安装的Python版本uvpytho
  • 使用spring data MongoDB对MongoDB进行简单CURD操作示例 其实我就是个萌新 springmongodbjava
    本文章为作者个人学习笔记，仅作参考。1.application.properties配置spring.data.mongodb.database=[数据库名]spring.data.mongodb.host=localhost[主机名,本机：localhost]spring.data.mongodb.port=[数据库端口，默认:27017]2.根据数据库文档定义实体类：@RequiredArgs
  • 【Vue3笔记01】如何使用Vue3和Vite搭建前端项目的基础开发环境 Mr.小朱同学 Web前端笔记前端笔记vue.jsVue3Vite搭建项目环境
    这篇文章，主要介绍如何使用Vue3和Vite搭建前端项目的基础开发环境【知识星球】。目录一、搭建项目环境1.1、前提条件1.2、开始搭建1.3、下载依赖1.4、启动工程一、搭建项目环境目前前端开发中，使用最多的就是Vue.js框架，目前Vue.js框架常用的有Vue2、Vue3两个版本，Vue3和Vue2在语法上还是存在很大的差异的，这里我将介绍如何搭建Vue3开发环境。1.1、前提条件在创建Vu
  • 【自学笔记】NFT基础知识点总览-持续更新 Long_poem 笔记区块链
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录NFT（非同质化代币）基础知识点总览1.NFT简介2.NFT的应用场景3.NFT的工作原理4.NFT的创建和发行5.代码示例代码解释总结NFT（非同质化代币）基础知识点总览1.NFT简介NFT（Non-FungibleToken，非同质化代币）是一种基于区块链技术的独特数字资产，每个NFT都是唯一的、不可互换的。与同质化代币（
  • 《算法笔记》9.2小节——数据结构专题(2)-＞二叉树的遍历 问题 A: 复原二叉树（同问题 C: 二叉树遍历） 圣保罗的大教堂 《算法笔记》算法
    题目描述小明在做数据结构的作业，其中一题是给你一棵二叉树的前序遍历和中序遍历结果，要求你写出这棵二叉树的后序遍历结果。输入输入包含多组测试数据。每组输入包含两个字符串，分别表示二叉树的前序遍历和中序遍历结果。每个字符串由不重复的大写字母组成。输出对于每组输入，输出对应的二叉树的后续遍历结果。样例输入DBACEGFABCDEFGBCADCBAD样例输出ACBFGEDCDAB分析：不建树直接找的方法。
  • 数据结构复习笔记5.2：二叉树 SGCGYU_Tan 数据结构笔记数据结构笔记c++
    1.二叉树的概念⼆叉树是每个结点最多有两个⼦树的树结构。也就是说⼆叉树不允许存在度⼤于2的树。它有五种最基本的形态：⼆叉树可以是空集。根可以有空的左⼦树或者右⼦树；或者左右⼦树都是空。其中只有左⼦树或者右子树的叫做斜树。为何要重点研究每结点最多只有两个“叉”的树？二叉树的结构最简单，规律性最强；可以证明，所有树都能转为唯一对应的二叉树，不失一般性。普通树（多叉树）若不转化为二叉树，则运算很难实现。
  • 数学建模清风课程笔记——第二章 TOPSIS法 minpengyuanBITer 数学建模数学建模笔记
    TOPSIS(TechniqueforOrderPreferencebySimilaritytoIdealSolution)可翻译为逼近理想解排序法，国内简称为优劣解距离法。TOPSIS法是一种常用的综合评价方法，其能充分利用原始数据的信息，其结果能够精确地反映各评价方案之间的差距。评价类问题1TOPSIS法TOPSIS法概念：TOPSIS法是一种常用的综合评价方法，能充分利用原始数据的信息，其结
  • JDK8 Stream 数据流效率分析，Java开发你需要了解的那些事 气质大叔 程序员后端面试java
    此外还有一系列特化流，如IntStream，LongStream，DoubleStream等），Java8引入的的Stream主要用于取代部分Collection的操作，每个流代表一个值序列，流提供一系列常用的聚集操作，可以便捷的在它上面进行各种运算。集合类库也提供了便捷的方式使我们可以以操作流的方式使用集合、数组以及其它数据结构；作为阅读福利，小编也整理了一些Java学习笔记（包含面试真题+脑图
  • 计算机网络笔记、面试八股（二）—— HTTP协议 Your_Raymond 计算机网络http计算机网络面试
    本章目录2.HTTP协议2.1HTTP协议简介2.2HTTP协议的优点2.3HTTP协议的缺点2.4HTTP协议属于哪一层2.5HTTP通信过程2.6常见请求方法2.7GET和POST的区别2.8请求报文与响应报文2.8.1HTTP请求报文2.8.2HTTP响应报文2.9响应状态码2.10HTTP1.0和1.1的区别2.10.1长连接2.10.2错误响应码2.10.3缓存处理2.10.4带宽的优化
  • linuxcentos6笔记 lnes， linuxcentosvim
    目录Linux笔记11目录结构51.1基本指令51.2Ls指令：51.3Pwd指令：61.4Cd指令：71.5mkdir指令：71.6touch指令：71.7cp指令：71.8mv指令：81.9rm指令：81.10vim指令：91.11输出重定向：91.12cat指令：102进阶指令102.1Df指令：102.2free指令：102.3head指令：112.4tail指令：112.5less指令：
  • 【考研计算机网络】课堂笔记1 第一章 概述 刘鑫磊up #操作系统计算机网络计算机网络
    文章目录：一：计算机网络的概述1.计算机网络的基本概念2.计算机网络的组成3.计算机网络的功能4.计算机网络的分类4.1分布范围分类4.2传输技术分类4.3按照拓扑结构分类4.4按照使用者分类4.5按照传输介质分类二：计算机网络的标准化工作及相关组织三：计算机网络的性能指标速率kb千Mb兆Gb吉Tb太的单位换算存储容量KBMBGBTB的单位换数四：网络分层五：计算机网络协议、接口、服务的概念1.协
  • 常用的pdf技术有哪些？--笔记 我不是彭于晏灬 pdf笔记
    常用的pdf技术有哪些？1.iTextPDF：iText是著名的开放项目，是用于生成PDF文档的一个java类库。通过iText不仅可以生成PDF或rtf的文档，而且可以将XML、Html文件转化为PDF文件。Openoffice：openoffice是开源软件且能在windows和linux平台下运行，可以灵活的将word或者Excel转化为PDF文档。JasperReport：是一个强大、灵活
  • 计算机网络笔记再战——理解几个经典的协议HTTP章4 charlie114514191 计算机网络学习计算机网络笔记http学习网络协议网络
    计算机网络笔记再战——理解几个经典的协议10HTTP章4确保Web安全的HTTPSHTTP是不安全的，它使用的是明文传递，这意味着潜在的报文纂改。这里我们将学习更加安全的HTTPS协议通信使用明文（不加密），内容可能会被窃听不验证通信方的身份，因此有可能遭遇伪装无法证明报文的完整性，所以有可能已遭篡改HTTP本身没有办法加密，但是可以跟SSL（SecureSocketLayer）或者是TLS（Tr
  • C++ 结构型设计模式 十七12138 C++c++设计模式
    C++设计模式自己理解整理笔记结构型-适配器模式适配器模式（AdapterPattern）是一种结构型设计模式，它的主要作用是将一个类的接口转换成客户希望的另一个接口，使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。适配器模式主要有两种实现方式：类适配器模式和对象适配器模式。类适配器类适配器通过多重继承实现，这种方式利用了继承优点直接调用：由于适配器类继承了被适配类，所以可以直接调用被适
  • numpy学习笔记3：三维数组 np.ones((2, 3, 4)) 的详细解释 宁宁可可 #机器学习#Python基础与进阶numpy学习笔记
    numpy学习笔记3：三维数组np.ones((2,3,4))的详细解释以下是关于三维数组np.ones((2,3,4))的详细解释：1.三维数组的形状形状(2,3,4)表示：最外层维度：2个“层”（或“块”）；中间维度：每个层有3行；最内层维度：每行有4个元素。可以类比为：2本书（外层），每本书有3页（中间层），每页有4行文字（内层）。2.创建全1三维数组代码示例：importnumpyasnp
  • Ts学习笔记 初学者7. 学习笔记typescript
    一、Ts与Js区别TsJsJavaScript的超集，用于解决大型项目的代码复杂性一种脚本语言，用于创建动态网页。强类型，支持静态和动态类型动态弱类型语言可以在编译期间发现并纠正错误只能在运行时发现错误不允许改变变量的数据类型变量可以被赋予不同类型的值二、Ts基础类型：boolean,number,string,undefined,null,any,unknown,void，neverany,un
  • Qt爬坑笔记 klzed_ qtc++后端ui
    1.自定义一个QWidget的派生类，将其作为子部件并设置样式表时，需要重写paintEvent事件，否则样式表可能无效，如下所示：voidCustomWidget::paintEvent(QPaintEvent*){QStyleOptionopt;opt.init(this);QPainterp(this);
  • LeetCode刷题笔记 小李李李李腊八 leetcode算法java
    leetcode_01两数之和斐波那契数列三个数最大乘积反转链表x的平方根环形列表LeetCode随笔两数之和给定一个整数数组nums和一个整数目标值target，请你在该数组中找出和为目标值target的那两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。暴力法记录下数组第一个数值，对数组进行循环，将之后的值
  • numpy学习笔记2：ones = np.ones((2, 4)) 的详解 宁宁可可 #机器学习#Python基础与进阶numpypython开发语言
    numpy学习笔记2：ones=np.ones((2,4))的详解np.ones()是NumPy中用于创建全1数组的核心函数，其用法和参数与np.zeros()类似，但生成的数组元素值全部为1。以下是详细解释：1、语法numpy.ones(shape,dtype=float,order='C')作用：生成一个指定形状和数据类型的全1数组。参数：shape：数组的形状，以元组形式传递（如(2,4)表
  • 软考 中级软件设计师 考点知识点笔记总结 day05 莫问alicia 软考中级软件设计师笔记算法
    文章目录4、栈和队列4.1、栈的定义4.2、队列定义5、串、数组、矩阵和广义表5.1、串5.2、数组5.3、稀疏矩阵5.4、广义表4、栈和队列4.1、栈的定义线性表是具有相同数据类型的n个数据元素的有限序列，n为表厂。n=0时线性表是一个空表L=（a1,a2,a3,…an）栈是只允许在一端进行插入或删除操作的线性表栈顶允许插入和删除的一端栈顶进栈顶出栈底不允许插入和删除的一端4.2、队列定义队列是
  • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
    今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
  • maven依赖范围 bitcarter maven
    1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
  • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
    如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
  • CSS Specificity 周凡杨 html权重Specificitycss
      有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
  • java与servlet g21121 servlet
    servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
  • eclipse中安装maven插件 510888780 eclipsemaven
    1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
  • jpa@OneToOne关联关系 布衣凌宇 jpa
    Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
  • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
    这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
  • java 动态代理简单实现 antlove javahandlerproxydynamicservice
    dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
  • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
             如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
  • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
    谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
  • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
            对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
  • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
    MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
  • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
    这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
  • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
    社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
  • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
    public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
  • 看博客，应该是有方向的 Cb123456 反省看博客
    看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
  • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
         为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
  • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
    见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
  • Hibernat and Ibatis dashuaifu Hibernateibatis
    Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
  • 备份MYSQL脚本 dcj3sjt126com mysql
    #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
  • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
    转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
  • html wlwmanifest.xml eoems htmlxml
    所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
  • 浅谈Java定时器发展 hacksin java并发timer定时器
    java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
  • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
    效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
  • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
    在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
  • redis学习笔记 MJC410621 redisNoSQL
    1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
  • 使用redis实现分布式锁 qifeifei
    在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
  • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
           BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
  • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
    1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他