明里灰
明里灰

html5前端学习

html5前端学习_第1张图片

HTML5基本骨架

html标签

定义HTML文档，浏览器看到后就明白这个是HTML文档，所以其他元素要包裹在它里面，标签限定了文档的开始点和结束点。

head标签

head标签用于定义文档的头部，描述了文档的各种属性和信息，包括文档的标题、在Web的位置以及和其他文档的关系等，绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

body标签

body元素定义文档的主体。body和head同级

body元素包含文档的所有内容，比如文本、超链接、图像、表格和列表等。

它会直接在页面中显示出来，也就是用户可以直观看到的内容。



    
    
    
        我会显示在浏览器中

title标签

  • 可定义文档的标题
  • 它显示在浏览器的标题栏或状态栏上
  • 标签是<head>标签中唯一必须要包含的东西，就是说head一定要写title</li> <li><title>的增加有利于SEO优化</li> </ul> <p>SEO是搜索引擎优化的英文缩写，通过对网站内容调整，满足搜索引擎的排名需求</p> <pre><code><!DOCTYPE html> <html> <head> <title>第一个页面 我会显示在浏览器中

    meta标签

    meta标签用来描述一个HTML网页文档的属性，关键词等，例如：charset="utf-8"是说当前使用的是utf-8编码格式，在开发中会看到utf-8或是gbk。

    

    
        
        第一个页面
    
    
        我会显示在浏览器中

    内容

    标题

    是通过

    ~

    标签进行定义的

    定义最大的标签，

    定义最小的标签

    生成h1~h6快捷键：

    h$*6

    在标题标签位置摆放（在标签中添加属性）

    align="left|center|right"默认居左

    段落

    段落是通过

    标签定义的

    段落一
    

    段落二

    换行 

    换行是在不产生新段落的情况下进行换行，使用


    元素是一个空的HTML元素

    段落
    换行
    

    段落
    换行

    水平线 

    标签是在HTML页面中创建水平线

     属性：

    • color：设置水平线的颜色
    • width：设置水平线的长度
    • size：设置水平线的高度
    • align：设置水平线的对齐方式（默认居中），可取值left|right

    图片

    标签定义HTML页面中的图像，单标签

    属性：

    • src：路径（图片地址与名字）
    • alt：规定图像的替代文本
    • width：规定图像的宽度
    • height：规定图像的宽度
    • title：鼠标悬停在图片上给予提示

    图片路径：

    1.绝对路径

    2.相对路径：

    • 子级关系：/
    • 父级关系：../
    • 同级关系：./（可省）

    3.网络路径

    超文本链接

    HTML使用标签来设置超文本链接

    超链接可以是一个字、词、句子、图像等，可以点击这些内容跳转到新的文档或者当前文档中的某部分

    链接文本

    属性：

    文本

    常用文本标签和段落是不同的，段落代表一段文本，而文本标签一般表示文本词汇

    常用文本标签：

    html5前端学习_第2张图片

     有序列表

    有序列表是一列项目，列表项目使用数字进行标记。

    有序列表始于

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

    有序列表可以嵌套。

      
    
    1. 列表一
      2. 
    
    2. 列表二
      3.

    属性：

      的属性type拥有的选项

      • 1        表示列表项目用数组标号（1,2,3,4）
      • a        表示列表项目用小写字母标号（a,b,c,d）
      • A        表示列表项目用大写字母标号（A,B,C,D）
      • i        表示列表项目用小写罗马数字标号（i,ii,iii）
      • I        表示列表项目用大写罗马数字标号（I,II,III）

      无序列表

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

      无序列表始于

        标签，每个列表项始于
      • 标签。

      无序列表可以嵌套。

        
    
      • 列表一
        • 
    
      • 列表二
        •

      属性type拥有的选项：

      • disc        默认实心圆
      • circle        空心圆
      • square       小方块
      • none       不显示

      常见引用场景：

      • 无序的列表效果
      • 导航效果

      快捷键：

      快速生成ul+li布局：ul>li*3（数字根据自己的需要的li的数量修改）

      表格

      表格在数据展示方面非常简单。

      表格组成与特点：行、列、单元格（同行等高，同列等宽）

      表格标签：

      表格                     

      行                         

      单元格（列）       

      表单

      表单在Web网页中用来个用户填写信息，从而能采集用户信息，使网页具有交互的功能

      所有的用户输入内容的地方都用表单来写，如登录注册搜索框。

      表单是由容器和控件组成，一个表单一般应该包括用户填写信息的输入框和按钮（控件）等，表单就是容器，它能够容纳各种各样的控件。

      属性：

      action        服务器地址

      name        表单名称

      method中Get和Post的区别:

      • 数据提交方式，get把提交的数据url可以看到，post看不到
      • get一般用于提交少量数据，post用来提交大量数据

      表单元素——三个基本组成部分：表单标签、表单域、表单按钮

      文本框

      文本域通过标签来设定。

      当用户要在表单中键入字母、数字等内容时，要用到文本域。

      
        First name:
        
      
        Last name:

      密码框

      密码字段通过标签来定义

      密码字段不会明文显示，而是以星号或圆点替代。

      
    Password:

      提交按钮

      当用户单击确认按钮时，表单的内容会被传送到另一个文件，表单的动作属于定义了目的文件的文件名，由动作属性定义的这个文件通常会接收到的输入数据进行相关的处理。

          
      
        Username:

      块元素与行内元素

      HTML5出现之前，把元素按照块级元素和内联元素来区分，HRML中元素按照内容模型来区分，分为元数据型，区块型，标题型，文档流型，语句型，内嵌型，交互型。元素不属于任何一个类别，被称为穿透的，元素可能属于不止一个类别，称为混合的。

      内联元素和块级元素的区别：

      块级元素

      • 块元素会在页面中独占一行（自上向下垂直排列）
      • 可设置width，height属性
      • 一般会计元素可以包含行内元素和其他块级元素

      内联元素

      • 行内元素不会独占页面中的一行，只占自身的大小
      • 行内元素设置width，height属性无效
      • 一般内联元素包含内联元素，不包含块级元素

      常见块级元素：div、form、h1~h6、hr、p、table、ul等

      常见内联元素：a、b、em、i、span、strong等

      行内块级元素（特点：不换行、能够识别宽高）：button、img、input等

      新增标签

      div容器元素，是页面中见到的最多的元素

      html5前端学习_第3张图片

      • 头部
      • 导航
      • 定义文档中的节，丽丽如章节、页眉、页脚
      • 侧边栏
      •  
        脚部
      • 代表一个独立的、完整的相关内容块，例如一篇完整的论坛帖子，一篇博客文章，一个用户评论等

      你可能感兴趣的:(总结,前端,html,前端)

      • 深入 JavaScript：前端开发的核心语言
        JavaScript是一种广泛应用于前端开发的编程语言，最早由Netscape公司在1995年推出。作为一种轻量、解释性和多范式的编程语言，JavaScript支持事件驱动、面向对象和函数式编程。它不仅是网页交互的核心技术之一，还随着Node.js的出现，逐渐渗透到了后端开发。本文将带你了解JavaScript的核心概念、特点及常见应用场景，帮助你掌握这门现代化的编程语言。一、JavaScript
      • Vue.js：轻量高效的前端框架
        Vue.js是一个用于构建用户界面的渐进式JavaScript框架，因其轻量、灵活和易上手的特性备受欢迎。Vue.js不仅适合小型项目的快速开发，也可用于构建复杂的单页面应用（SPA）。本文将介绍Vue.js的核心特性、项目结构、常用功能及其在现代前端开发中的应用场景。一、Vue.js简介Vue.js（简称Vue）由尤雨溪于2014年推出，是一个专注于视图层的JavaScript框架。它采用渐进式
      • vue表单案例练习：vue表单创建一行数据及删除数据的实现与理解
        ==如何使用Vue：基本结构:1、引入Vue的核心JS文件2、准备Dom结构3、实例化组件通过el属性，挂载元素，绑定id为app的html元素通过data属性，定义数据，可以在html代码段中显示的数据4、获取数据数据绑定最常见的形式就是使用“Mustache”语法(双大括号)的文本插值==@[TOC]目标两个例子:1.表单数据一行的创建+删除(彻底删除/隐藏双实现)代码+注释==特色:1:内容
      • Svelte 5震撼发布，前端开发的新变革！ 前端程序员
        title:Svelte5震撼发布，前端开发的新变革！博主小程序体验|博主公众号分享亲爱的前端小伙伴们，大家好！Svelte5正式发布啦！这可是新一代的前端框架哦。就在10月22日，这个备受期待的版本终于和我们见面了。它带来了好多超棒的更新呢。首先，它是完全重写的框架哦。这意味着什么呢？就是它让应用变得更快啦，体积更小了，而且更加可靠。我们写出来的代码也会更加一致，更符合我们的习惯。比如在代码结构
      • 【9.1】Golang后端开发系列--Gin快速入门指南 不知名美食探索家 Golang系统性学习golanggin开发语言
        文章目录一、引言二、Gin框架概述（一）什么是Gin（二）为什么选择Gin三、安装Gin框架（一）安装Go语言环境（二）使用GoModules安装Gin四、路由基础（一）基本路由定义（二）路由参数（三）查询参数五、请求处理和响应（一）处理JSON数据（二）处理表单数据六、中间件的使用️（一）内置中间件（二）中间件的执行顺序七、模板渲染（一）使用HTML模板（二）模板语法和数据传递八、错误处理❌（一
      • unplugin-dist-zip-pack：前端构建产物打包神器，开发者的得力助手
        作为一名前端开发者，在项目开发过程中，我们常常需要对构建产物进行高效的打包管理。最近，我发现了一个超级好用的插件——unplugin-dist-zip-pack，它简直是我们开发者的福音。一、强大的功能特性unplugin-dist-zip-pack能够将构建产物完美打包，并且支持众多主流的构建工具，包括Webpack、Vue-CLI、Vite、Rollup、esbuild、Astro、Nuxt和
      • AJAX是如何凭一己之力提高前端程序员的工资水平的？ 前端程序员ajax
        作者：阿达西链接：juejin.cn/post/7395396352183009290emmm，今天无意间听到一个比较奇怪的信息，就是在很早之前，前端工程师只是一个切图崽，而且工资也不是很高。说白了，就是没含金量的工作。因为那时候的Web应用相对简单，主要关注于页面的静态内容和基本的交互。所以前端开发的工作主要集中在HTML、CSS和基础的JavaScript上。但是自从AJAX出现后，前端程序员
      • cat命令详解 猫咪-9527 计算机操作系统Linux指令
        ️专栏：https://blog.csdn.net/2301_81831423/category_12872319.html主页：猫咪-9527-CSDN博客“欲穷千里目，更上一层楼。会当凌绝顶，一览众山小。”cat是Linux/Unix中的一个非常常用的命令，主要用于连接文件并显示文件内容。它的名称来源于concatenate（连接），不仅可以查看文件内容，还能将多个文件合并为一个文件，或用作其
      • ls指令详讲 猫咪-9527 计算机操作系统linux
        ️专栏：https://blog.csdn.net/2301_81831423/category_12872319.html主页：猫咪-9527-CSDN博客“欲穷千里目，更上一层楼。会当凌绝顶，一览众山小。”目录基本语法常用选项详解1.基本选项2.组合选项文件类型表示高级选项常见用法示例常用别名ls是Linux/Unix系统中一个非常常用的命令，用于列出指定目录中的文件和子目录。它可以提供文件的
      • MySQL 简介与总结 MyNoSql mysql数据库sql
        MySQL是一种开源的关系型数据库管理系统（RDBMS），它是许多网站和应用程序的首选数据库。MySQL提供了可靠、高性能的数据存储和检索解决方案，并且易于使用和管理。以下是对MySQL的简介和总结：特点和优势:可靠性：MySQL提供了数据持久性和故障恢复机制，确保数据安全。性能：MySQL具有高度优化的查询引擎和索引机制，能够处理大量的并发请求。可扩展性：MySQL支持主从复制、分区和集群等功能
      • 如何启动一个静态的前端工程的服务
        使用场景在前端开发过程中，可能会要对发布到生产的包做验证或者要本地运行一个开源的包的实例，这时候就需要在本地启动一个前端服务，一般有以下两种方式运行方式Live-Server通过VsCode去安装插件LiveServer，然后打开静态工程，点击右下角的LiveServer按钮即可运行工程优点：使用简单，方便快捷缺点：不支持自定义配置，如工程里面需要代理请求，则无法实现express使用expres
      • Javascript(turfjs)等值线图绘制 前端空间计算mapbox
        使用气象、环境类空间数据绘制等值线通常是由NCL、Python来做，在一些场景中：你只是想在WEB端做一些简单的绘制你的后端只有Node.js环境你纯粹是个前端工程师你也许需要使用纯Javascript来做这件事。本文尝试根据空间中的一组散点来绘制等值线图（或色斑图）。1.准备工作turfjs，空间分析（geospatialanalysis）工具包，支持在浏览器和Node.js环境中运行，空间数据
      • 如何用JavaScript判断前端应用运行环境（移动平台还是桌面环境）
        在多模态模型的架构上，ChatGPT的绘图能力主要依赖以下几个核心组件：跨模态编码器（Cross-ModalEncoder）：跨模态编码器的作用是将文本和图像的特征进行对齐。GPT可以将用户输入的文本描述转换为文本特征表示，然后利用跨模态编码器将这些特征映射到图像特征空间。这种方式确保模型能够理解描述性语言中不同细节是如何与图像特征对应的。
      • 腾讯新闻中心首页改版啦 javascripthtml
        本人博客：http://www.xiabingbao.com正式地址：http://www.xiabingbao.com/post/news/2016/05/16/qq-news-revision.html腾讯新闻中心的首页改版啦，欢迎访问【http://news.qq.com】。我是负责这次改版的前端开发工程师，今天也从前端的角度分析一下改版的过程和效果。我们先来看看改版前后的首屏效果：从对比图
      • 读《javaScript高级程序设计－第6章》之继承 javascript
        读这篇之前，最好是已读过我前面的关于对象的理解和封装类的笔记。第6章我一共写了3篇总结，下面是相关链接：读《javaScript高级程序设计－第6章》之理解对象读《javaScript高级程序设计－第6章》之封装类一、原型链原型链最简单的理解就是：原型对象指向另一个构造函数的实例。此时的原型对象包括一个指向另一个原型的指针，相应的，另一个原型中的constructor指向另一个构造函数。这种关系层
      • 后端：撑起互联网世界的基石 后端
        在互联网的广袤世界中，后端如同沉稳的基石，默默支撑着前端的绚烂繁华，是网站、应用和服务的核心，是连接用户与数据的关键桥梁。后端是数据的守护者，负责处理和保护海量的数据，确保数据的安全性、完整性和可靠性，让用户放心使用互联网服务。为提供流畅的用户体验，后端开发者需不断优化系统性能，通过优化数据库查询、缓存技术等手段，提高系统的响应速度和稳定性。随着业务增长，后端系统必须具备良好的可扩展性，开发者要设
      • 销售易、用友、销帮帮CRM：优势特色与适用企业深度总结 程序员编辑器运维
        一、销售易CRM优势特色全渠道客户互动：整合线上线下多个渠道，实现客户信息的统一管理。销售自动化：自动化销售流程，提高销售效率，减少人为错误。智能分析与报告：提供深入的数据分析和定制化报告，帮助企业做出数据驱动的决策。高度定制化：根据企业需求定制CRM功能，满足不同业务场景的需求。移动办公支持：移动应用支持销售人员随时随地访问CRM系统，提高工作效率。集成能力：能够与ERP、OA等企业管理系统集成
      • 【10】Golang实用且神奇的开发操作总结 不知名美食探索家 Golang系统性学习golang服务器开发语言
        文章目录一、文件操作（一）文件读取与写入（二）文件路径操作（三）文件信息获取（四）目录操作️二、并发与并行处理⚙️（一）Goroutines并发（二）Channels通信（三）Select语句⏱️（四）ConcurrencyPatterns并发模式三、网络编程（一）HTTP服务（二）TCP服务与客户端（三）WebSocket服务四、数据库操作️（一）SQL数据库（二）NoSQL数据库五、日志记录与
      • 后端开发技术 后端
        在当今数字化和互联网化的时代背景下，后端开发技术作为连接前端和用户的重要桥梁，正以前所未有的速度发展和演进。后端开发的核心技术通常包括主流服务器端语言如Java、Python、Node.js等；关系型或非关系型数据库如MySQL、MongoDB等；容器编排工具如Docker、Kubernetes等。以Python为例，其简洁明了的语法受众多开发者青睐，适合快速原型开发和敏捷项目交付。随着云计算的普
      • 探索后端的无尽魅力：构建强大而高效的服务器世界 后端
        在当今数字化的时代，后端技术犹如一座坚实的桥梁，连接着用户和丰富多彩的互联网世界。后端是默默耕耘的力量，在互联网舞台上，前端吸引眼球，而后端是支撑舞台的坚实支柱。它负责处理数据、管理服务器、确保系统的稳定性和安全性，没有后端，前端的华丽展示将无从谈起。随着技术发展，后端领域迎来诸多热点，如人工智能、大数据、云计算等新兴技术崛起，为后端开发带来无限可能，但也带来新挑战，如在海量数据中实现高效处理和存
      • Svelte 最新中文文档（4）—— 符文（Runes）下
        前言Svelte，一个非常“有趣”、用起来“很爽”的前端框架。从Svelte诞生之初，就备受开发者的喜爱，根据统计，从2019年到2024年，连续6年一直是开发者最感兴趣的前端框架No.1：Svelte以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级Web项目，也是我做个人项目的首选技术栈。目前Svelte基于Svelte5发布了最新的官方文档，但却缺少对应的中文
      • OC语言多界面传值五大方式 Magnetic_h iosui学习objective-c开发语言
        前言在完成暑假仿写项目时，遇到了许多需要用到多界面传值的地方，这篇博客来总结一下比较常用的五种多界面传值的方式。属性传值属性传值一般用前一个界面向后一个界面传值，简单地说就是通过访问后一个视图控制器的属性来为它赋值，通过这个属性来做到从前一个界面向后一个界面传值。首先在后一个界面中定义属性@interfaceBViewController:UIViewController@propertyNSSt
      • 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 的部分方法 某公司摸鱼前端 htmluni-app前端
        示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了
      • 水平垂直居中的几种方法（总结） LJ小番茄 CSS_玄学语言htmljavascript前端csscss3
        1.使用flexbox的justify-content和align-items.parent{display:flex;justify-content:center;/*水平居中*/align-items:center;/*垂直居中*/height:100vh;/*需要指定高度*/}2.使用grid的place-items:center.parent{display:grid;place-item
      • 【一起学Rust | 设计模式】习惯语法——使用借用类型作为参数、格式化拼接字符串、构造函数 广龙宇 一起学Rust#Rust设计模式rust设计模式开发语言
        提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、使用借用类型作为参数二、格式化拼接字符串三、使用构造函数总结前言Rust不是传统的面向对象编程语言，它的所有特性，使其独一无二。因此，学习特定于Rust的设计模式是必要的。本系列文章为作者学习《Rust设计模式》的学习笔记以及自己的见解。因此，本系列文章的结构也与此书的结构相同（后续可能会调成结构），基本上分为三个部分
      • 关于提高复杂业务逻辑代码可读性的思考 编程经验分享 开发经验java数据库开发语言
        目录前言需求场景常规写法拆分方法领域对象总结前言实际工作中大部分时间都是在写业务逻辑，一般都是三层架构，表示层（Controller）接收客户端请求，并对入参做检验，业务逻辑层（Service）负责处理业务逻辑，一般开发都是在这一层中写具体的业务逻辑。数据访问层（Dao）是直接和数据库交互的，用于查数据给业务逻辑层，或者是将业务逻辑层处理后的数据写入数据库。简单的增删改查接口不用多说，基本上写好一
      • 拥有断舍离的心态，过精简生活--《断舍离》读书笔记 爱吃丸子的小樱桃
        不知不觉间房间里的东西越来越多，虽然摆放整齐，但也时常会觉得空间逼仄，令人心生烦闷。抱着断舍离的态度，我开始阅读《断舍离》这本书，希望从书中能找到一些有效的方法，帮助我实现空间、物品上的断舍离。《断舍离》是日本作家山下英子通过自己的经历、思考和实践总结而成的，整体内涵也从刚开始的私人生活哲学的“断舍离”升华成了“人生实践哲学”，接着又成为每个人都能实行的“改变人生的断舍离”，从“哲学”逐渐升华成“
      • 四章-32-点要素的聚合 彩云飘过
        本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters.
      • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
        Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
      • mongoDB 分片 开窍的石头 mongodb
            mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
      • OVER(PARTITION BY)函数用法 0624chenhong oracle
        这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
      • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
        首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
      • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
        pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
      • 编码乱码问题 灵静志远 javajvmjsp编码
        1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
      • java 求几个月后的日期 darkranger calendargetinstance
        Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
      • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
        关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
      • 想学工作流怎么入手 atongyeye jbpm
        工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
      • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
               一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
      • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
                group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
      • vi opertion 征客丶 macoprationvi
        进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
      • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
          对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
      • java类加载机制 BlueSkator java虚拟机
        java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
      • 动态添加文本框 BreakingBad 文本框
          <script>     var num=1; function AddInput() {      var str="";     str+="<input 
      • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
        声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
      • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
        这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
      • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
        我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
      • oracle 11g新特性Flashback data archive daizj oracle
        1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
      • 多叉树:2-3-4树 dieslrae 树
            平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
      • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
        /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
      • Objective-C编码规范[译] dcj3sjt126com 代码规范
          原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
      • 0.性能优化-目录 frank1234 性能优化
        从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
      • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
          import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
      • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
          ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
      • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
        ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
      • 第12章 Ajax（中） onestopweb Ajax
        index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
      • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
        http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
      • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
        1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
      • 世纪互联与结盟有感 阿尔萨斯
        10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟

      快捷键：

      快速生成表格结构：table>tr*2>td{单元格}

      表格属性：

      1. border：设置表格边框
      2. width：设置表格的宽度
      3. height：设置表格的高度

      单元格合并

      水平合并：colspan（保留左边，删除右边）

      垂直合并：rowspan（保留上边，删除下边）

      		单元格