雪梅零落
雪梅零落

【温故而知新】HTML5新标签canvas、MathML

文章目录

  • 一、概念
  • 二、新标签
  • 三、canvas
  • 四、SVG
  • 五、MathML

一、概念

HTML5是HTML的最新版本，它引入了许多新的元素和功能，以适应现代网页开发的需求。以下是HTML5的一些主要特点：

  1. 新增语义元素：HTML5引入了许多新的语义元素，如
    、
    、
    、
    等，这些元素有助于提高网页的结构化和可访问性。
  2. 媒体支持：HTML5引入了和`元素，使得开发者可以在网页上直接嵌入音频和视频内容，而不需要依赖第三方插件。
  3. Canvas绘图：HTML5引入了元素，使得开发者可以使用JavaScript在网页上绘制图形和动画。
  4. 语义化标签：HTML5的语义化标签使得网页的结构更加清晰和易于理解。例如，使用
  5. 交互性：HTML5提供了更多的API和事件处理程序，使得开发者可以创建更加交互式的网页和应用。例如，拖放功能、文件上传和下载、地理定位等。
  6. 离线和存储：HTML5提供了离线存储和会话存储功能，使得开发者可以在用户的设备上存储数据，以便在离线时使用。
  7. 更好的表单控制：HTML5改进了表单元素和输入类型，使得表单的验证和输入更加方便和智能。

HTML5是一个非常强大的工具，它为开发者提供了更多的功能和灵活性，使得他们可以创建出更加丰富、交互性更强、功能更全面的网页和应用。

二、新标签

标签 描述
定义页面独立的内容区域。
定义页面的侧边栏内容。
允许您设置一段文本，使其脱离其父元素的文本方向设置。
定义命令按钮，比如单选按钮、复选框或按钮
用于描述文档或文档某个部分的细节
定义对话框，比如提示框
标签包含 details 元素的标题
规定独立的流内容（图像、图表、照片、代码等等）。
定义 元素的标题
定义 section 或 document 的页脚。
定义了文档的头部区域
定义带有记号的文本。
定义度量衡。仅用于已知最大和最小值的度量。
定义导航链接的部分。
定义任何类型的任务的进度。
定义 ruby 注释（中文注音或字符）。
定义字符（中文注音或字符）的解释或发音。
在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。
定义文档中的节（section、区段）。
定义日期或时间。
规定在文本中的何处适合添加换行符。
定义音频内容
定义视频（video 或者 movie）
定义多媒体资源
定义嵌入的内容，比如插件。
为诸如元素之类的媒介规定外部文本轨道。
定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。
规定用于表单的密钥对生成器字段。
定义不同类型的输出，比如脚本的输出。
标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API

三、canvas

Canvas是HTML5的一个功能，它是一个可以用于绘制图形、动画和游戏等的元素。以下是一个简单的Canvas案例代码，可以在页面上绘制一个矩形：

DOCTYPE html>
<html>
  <head>
    <title>Canvas Exampletitle>
    <style>
      #canvas {
        border: 1px solid black;
      }
    style>
  head>
  <body>
    <canvas id="canvas" width="400" height="300">canvas>

    <script>
      var canvas = document.getElementById("canvas");
      var ctx = canvas.getContext("2d");

      // 设置绘制矩形的颜色和大小
      ctx.fillStyle = "red";
      ctx.fillRect(50, 50, 200, 100);

      // 在矩形上绘制文字
      ctx.font = "20px Arial";
      ctx.fillStyle = "white";
      ctx.fillText("Hello, Canvas!", 70, 100);
    script>
  body>
html>

在这个例子中，我们首先创建了一个Canvas元素，并设置了它的宽度和高度。然后通过JavaScript获取到这个Canvas元素的上下文（context），并设置了绘制矩形的颜色和大小，使用fillRect()方法绘制了一个红色的矩形。最后，使用fillText()方法在矩形上绘制了一段文字。

四、SVG

SVG（Scalable Vector Graphics，可伸缩矢量图形）是一种基于XML语法的矢量图形格式，它可以用于在网页上绘制丰富的矢量图形和动画。以下是一个简单的SVG案例代码，可以在页面上绘制一个圆形：

DOCTYPE html>
<html>
  <head>
    <title>SVG Exampletitle>
  head>
  <body>
    <svg width="400" height="300">
      <circle cx="200" cy="150" r="100" fill="red" />
      <text x="180" y="160" fill="white">Hello, SVG!text>
    svg>
  body>
html>

在这个例子中，我们使用了标签创建了一个SVG元素，并设置了它的宽度和高度。在SVG元素中，我们使用标签创建了一个圆形，cx和cy属性用于设置圆心的坐标，r属性用于设置半径，fill属性用于设置填充颜色。然后，使用标签创建了一段文字，x和y属性用于设置文字的起始位置，fill属性用于设置文字的颜色。

SVG的语法相对简单，可以通过直接在HTML文件中嵌入SVG代码来绘制图形。除了基本的图形元素，SVG还支持路径、图像、渐变等更多高级特性，可以实现更复杂的图形和动画效果。

五、MathML

MathML（Mathematical Markup Language，数学标记语言）是一种基于XML语法的数学标记语言，用于在网页中表示和展示数学公式和符号。以下是一个简单的MathML案例代码，可以在页面上显示一个简单的数学公式：

DOCTYPE html>
<html>
  <head>
    <title>MathML Exampletitle>
  head>
  <body>
    <math xmlns="http://www.w3.org/1998/Math/MathML">
      <mrow>
        <mi>xmi>
        <mo>+mo>
        <mi>ymi>
      mrow>
      <mo>=mo>
      <mn>5mn>
    math>
  body>
html>

在这个例子中，我们使用了标签来创建一个MathML元素，并在其中使用了一系列MathML标签来表示数学公式。标签用于创建一个行，并在其中使用标签表示变量或标识符，标签表示运算符，标签表示数字。通过组合这些标签，我们可以构建出复杂的数学公式。

MathML也支持更多的数学元素和属性，用于表示更复杂的数学表达式和结构。在支持MathML的浏览器中，MathML代码会被解析和渲染成可视化的数学公式。

你可能感兴趣的:(HTML/HTML5,html5,前端,html)

  • 搭建属于自己的社交论坛圈子群体/前端全开源圈子获取源码/行业圈子/聊天圈子多端打包支持上线 前端小程序后端数据库程序员
    众所周知，有一个属于自己的圈子，不管是什么行业或者是各种爱好者都可以在圈子里交流讨论自己擅长的领域知识和见解，也能找到志同道合的圈友，还能增长自己的知识，如果你是一个公司的话，也可以向外宣传自己的公司文化，传播自己的产品和知识！那要搭建一个圈子，首先我们要做好做一个小程序或者APP的前期准备，服务器，域名，公司。这些准备好之后，我们需要圈子源码来搭建自己的站点：获取前端源码开源社区与代码托管平台：
  • Web大学生网页作业成品——联想商品商城网页设计与实现(HTML+CSS)（1个页面） 2501_90365653 htmlcss学生网页前端htmlcss
    常见网页设计作业题材有**汽车、环保、明星、文化、国家、抗疫、景点、人物、体育、植物、公益、图书、节日、游戏、商城、旅游、家乡、学校、电影、动漫、非遗、动物、个人、企业、美食、婚纱、其他**等网页设计题目,可满足大学生网页大作业网页设计需求都能满足你的需求。原始HTML+CSS+JS页面设计,web大学生网页设计作业源码，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。文章目录一、
  • wangEditor组件在医疗、OA系统中word粘贴图片上传的解决方案 2501_90699800 wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdf
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • Mac/Python/Flask/全栈 -python全栈项目体会前后端交互过程 Jacky&Jacky flaskpython后端交互
    全栈-前后端项目交互全过程梳理基本思路:先从网络爬取或者本地数据源将要用数据存储到数据库，其他模块中使用SQL语句来查询获取结果，将获取的结果放在Flask的节点中，在js文件中通过ajax请求来后台获取数据。最后前端HTML页面调用js文件渲染形成网页展示。数据来源1.1使用Spyder爬取腾讯疫情数据和百度热搜数据1.2存储在SQL中数据调用main.py中调用此处的get_c1_data()
  • python全栈-前端 兆。 python全栈前端
    python全栈-前端文章目录HTML标签段落p、换行br、水平线hr图片img路径src超文本链接a超链接之锚点href#id文本有序列表ol无序列表ul自定义列表表格table表格属性单元格合并表单Forminput标签HTML5新增type属性HTML5新增常用属性实体字符块元素与行内元素/内联元素容器元素divHTML5新增布局标签视频音频视频音频sourceHTML5新增标签CSSCSS
  • 一文快速掌握前端框架Nextjs 祎程 前端框架nextjs
    文章脑图1.引言在现代web开发中，React已经成为构建用户界面（UI）的热门选择，但当谈到从头到尾完成一个应用时，开发者常常会遇到一些挑战。这就是Next.js这个框架应运而生的原因。Next.js是一个基于React的框架，致力于提供高效的开发体验和出色的性能表现，使得构建复杂的应用变得更加简单和灵活。什么是Next.js？Next.js是一个开源的React应用框架，由Vercel（前身为
  • 1.NextJS基础 comochris cc的全栈之路javascript前端
    NextJS注意要点文件用来定义路由，foldernamebecomestheroutename注意区分客户端渲染和服务器渲染html渲染完成后给到客户端（此时网页内容已经全部提供），有利于crawler和优化seo逻辑更简单requestdeduplication减少API请求可以对比如下两份代码//客户端渲染importReact,{useEffect,useState}from"react"
  • 前端知识-CSS(二) 冉成未来 Web前端css
    文章目录CSS尺寸CSSDisplay(显示)与Visibility（可见性）CSSDisplay-块和内联元素display可设置的值CSSPosition(定位)重叠的元素CSSOverflowoverflow属性值：CSSFloat(浮动)CSS对齐元素居中对齐文本居中对齐图片居中对齐左右对齐-使用定位方式左右对齐-使用float方式垂直居中对齐-使用padding垂直居中-使用line-h
  • Spyglass 脚本 早睡身体好~ 芯片设计中的脚本verilog
    Spyglass小白可以使用Gui界面进行debugSpyglass检查(一)作为IC设计人员，熟练掌握数字前端语法检查工具Spyglass的重要性不言而喻，本文讲解景芯SoChttps://mp.weixin.qq.com/s/fp07o-AvaQvLT79Di0Tb7A熟悉电路和软件之后可以使用脚本完成整个流程spyglass脚本-知乎(zhihu.com)https://zhuanlan.z
  • Tailwind CSS 学习笔记(一) SSHSHLSH 前端UI前端css
    一、简介TailwindCSS是一个工具优先的CSS框架，只需书写HTML代码，无需书写CSS，即可快速构建美观的网站。二、优点1、简洁、规整，避免了随意取类名TailwindCSS的工具类(Utilityclasses)能够为你提供一套约束系统，避免让你的样式表中出现随意的取值。它让颜色、间距、排版、阴影以及一切取值保持一致，并最终形成一个精心构建的设计系统2、灵活性强、你所想地就能实现由于Ta
  • 红宝书《JavaScript高级程序设计（第5版）》学习大纲 前端javascript
    红宝书《JavaScript高级程序设计（第5版）》学习大纲《JavaScript高级程序设计（第5版）》是JavaScript领域的经典“红宝书”，它从基础语法讲到高级特性，还包含浏览器环境和前端工程化等内容。本书2024年12月出版，接下来数篇文章，我将用通俗易懂的方式，把书中的知识点一一详细介绍。搭配书本一起看，效果会更好。本书链接一、JavaScript基础核心1）.语言基础语法与数据类型
  • 前端面试题100题：问答精选与简明解析 薛飞之 前端react.jsjavascript前端框架
    HTML5有哪些新特性？语义标签（如，），多媒体标签（如，），离线存储（localStorage，sessionStorage），新的表单控件（如，）。CSS3有哪些新特性？边框圆角（border-radius），阴影（box-shadow，text-shadow），渐变（linear-gradient，radial-gradient），弹性盒模型（flexbox），媒体查询。JavaScript
  • 如何申请多域名证书 ssl证书
    一、明确需求确定域名数量明确需要保护的域名数量，多域名证书通常支持2-250个域名。选择证书类型根据需求选择适合的证书类型，如DV（域名验证）、OV（组织验证）或EV（扩展验证）证书。二、选择证书提供商→多域名SSL证书申请：https://www.joyssl.com/certificate/select/multi_domain.html?n...比较服务商选择信誉良好的SSL证书提供商。确认
  • 新型蜜罐有哪些？未来方向如何？ 网安技术分享 安全wireshark测试工具网络网络安全
    基于入门网络安全/黑客打造的：黑客&网络安全入门&进阶学习资源包href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"rel="stylesheet"/>href="https://csdnimg.cn/release/blogv2/dist/mdedi
  • 探索HTML5 Canvas：创造动态与交互性网页内容的强大工具 易xingxing html5前端html
    探索HTML5Canvas：创造动态与交互性网页内容的强大工具引言在HTML5的众多新特性中，Canvas无疑是最引人注目的元素之一。它为网页设计师和开发者提供了一个通过JavaScript和HTML直接在网页上绘制图形、图像以及进行动画处理的画布。Canvas的灵活性和强大功能，使得它成为创造动态、交互性网页内容的首选工具。本文将深入探讨HTML5Canvas的基本用法、应用场景以及如何利用它来
  • html+css语言例题,前端HTML+CSS笔试题面试题 周咕嘟 html+css语言例题
    前言前端的面试和学习都是不可或缺的事情，在这里收集一些高频面试题，供自己现在和以后查阅和查缺补漏的同时，也希望对小伙伴有所帮助。HTML1、HTML语义化的理解1、用正确的标签做正确的事情！2、HTML语义化就是让页面的内容结构化，便于对浏览器、搜索引擎解析；3、在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的。4、搜索引擎的爬虫依赖于标记来确定上下文和各个关键字的权重，利于SEO。5
  • web前端期末大作业：网站设计与实现——咖啡网站HTML+CSS+JavaScript web学生网页设计 web前端html网页模版html网页期末作业javascriptweb课程设计与制作web期末大作业
    精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【echarts大屏展示大数据平台可视化(150套)】免费且实用的WEB前端学习指南：【web前端零基础到高级学习视频教程120G干
  • 用HTML+CSS仿网易云音乐网站(6个页面) (1) web学生网页设计 htmlcss前端
    精彩专栏推荐文末获取联系✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts大屏可视化源码：【Echarts大屏展示大数据平台可视化(150套)】HTML+CSS+JS实例代码：【️HTML+CSS+JS实例代码
  • JSTL标准标签库、jsp、EL 表达式、JSTL优点以及常用的标签用法 述雾学java Java核心基础javajava核心基础开发语言
    DAY16.1Java核心基础JSTLJSTL（JSPStandardTagLibrary）JSP标准标签库业务数据从后端传递到前端，前端需要对他们进行处理展示，遍历JSP的特点是将HTML代码和java代码混合在一起符号以内的是Java代码，符号以外的是html代码允许分割获取，比如获取数组的时候@OverrideprotectedvoiddoGet(HttpServletRequestreq,
  • 爬虫技术——抓取滴滴打车优惠券 weixin_30363509 爬虫python
    本文介绍如何抓取滴滴打车优惠券一、数据来源券妈妈。二、抓取方法使用simple_html_dom的方式先抓取整个页面，再进行元素分析。实现代码如下find('tabletbody',0);echo$html_bj_content;foreach($html_bj_content->find('tr')as$item){$title=$item->find('td',0)->plaintext;$s
  • 网络安全入门教程（非常详细）从零基础入门到精通，看完这一篇就够了 白帽黑客坤哥 web安全安全网络安全转行python
    href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/kdoc_html_views-1a98987dfd.css"rel="stylesheet"/>href="https://csdnimg.cn/release/blogv2/dist/mdeditor/css/editerView/ck_htmledit_v
  • 前端解决跨域问题 潜意识Java intellij-ideajavaideagitgitee
    ‍♀️潜意识起点：个人主页座右铭：得之坦然，失之淡然。擅长领域：前端是的，我需要您的：点赞❤️关注收藏是我持续下去的动力！目录一.作者有话说二.第一步2.1在你的vue找到vite.config.js2.2快捷代码三.第二步3.1访问路径更改编辑3.2问题解决了四.总结【不用看，浪费大家时间】4.1安全性4.2灵活性4.3模块化架构4.4分离关注点4.5提高用户体验4.6便于调试和测试4.7支持移
  • Service Worker 实现离线应用思路 诚诚程程成 前端前端
    1背景本地运行一个vue项目，界面如下：使用ServiceWorker对其进行缓存，预期在停止运行项目时（模拟离线场景）也能够正常访问项目2缓存的资源分析检查network，浏览器访问：http://localhost:5173/时，获取的资源需要包含如下，才能正常展示界面：HTML文件JS文件CSS文件3index.html内容ViteAppCardTitleThisisasimplecardw
  • AI开发：用模型来识别手写数字的完整教程含源码 - Python 机器学习 minstbe AI应用与观察Python人工智能python机器学习
    今天一起来学习scikit-learn。scikit-learn是一个强大的Python机器学习库，提供多种分类、回归、聚类算法，适用于从数据预处理到模型评估的全流程。它支持简单一致的API，适合快速构建和测试模型。官方地址在这里，记得Mark很有用：https://scikit-learn.org/dev/index.htmlscikit-learn在手写数字识别方面具有以下特点：提供内置的手写
  • h5接微信js-sdk的详细步骤 爱编程的小学究 公众号与小程序专栏微信javascript前端
    h5接微信js-sdk的详细步骤JS-SDK配置流程（前端需要做的）1、配置JS安全域名2、服务接入3、引入Js文件4、使用wx.config进行权限验证5、代码JS-SDK配置流程（后端需要做的）获取access_token获取jsapi_ticket计算签名参考网站JS-SDK配置流程（前端需要做的）流程图:
  • 机顶盒EPG开发《进阶篇一》 weixin_30363817 javascriptViewUI
    【框架】?STBTV端全栈解决方案。Android、Linux、电信、移动、广电平台https://shitaozhang.github.io/【文档】EPG的全业务解决方案，拥有最新的ES6\ES7API、Preact、Mobx而无需考虑其兼容性。同时包含所有常规功能、业务最佳实践示例转载于:https://www.cnblogs.com/menu/p/7500432.html
  • CentOS7 yum源修改为阿里，配置阿里epel源 萌褚 Linux运维
    镜像下载、域名解析、时间同步请点击阿里巴巴开源镜像站一、概念/区分：yum源什么是yum源：yum是一个在CentOS、RedHat和Fedora操作系统中使用的Shell前端软件包管理器。yum主要管理基于rpm的软件包，Centos先将发布的软件放置到YUM服务器内，然后分析这些软件的依赖属性问题，将软件内的记录信息写下来（header）。然后再将这些信息分析后记录成软件相关性的清单列表。这些
  • 软件测试笔记｜web自动化测试｜什么是class_name元素定位？ 阳哥整理软件测试笔记 web自动化测试自动化
    在Web自动化测试中，class_name元素定位是通过HTML元素的class属性值来定位页面元素的一种方式。例如，有一个HTML元素Somecontent，在自动化测试中可以使用测试框架提供的方法，通过“my-class”这个class属性值来定位到这个div元素。class_name定位的优点是：1.如果页面上的元素具有独特的class属性值，定位相对容易。2.可以同时定位多个具有相同cla
  • pyecharts在jupyter notebook中保存图片 忧王 python
    自己在使用的时候遇到的问题，也是看了很多博客实际上，官网就有使用方法附链接https://pyecharts.org/#/zh-cn/render_images我使用的是snapshot-phantomjssnapshot-phantomjs是pyecharts+phantomjs渲染图片的扩展，需要先安装phantomjs，安装方法请参照官网phantomjs.org/download.html
  • UI自动化测试之八大元素定位方法（最新版） 软测小子 UI自动化测试pythonselenium功能测试
    Selenium—UI自动化测试之八大元素定位方法（最新版）前言UI界面本质上就是HTML直接体现,脚本通过HTML标签信息来找到具体的元素。元素定位：通过代码调用方法查找元素一、ID定位概念：通过元素的id属性来定位元素前置：所要定位的元素必须要有id属性方法：driver.find_element（By.ID,“”)**示例：**输入用户名和密码importtimefromseleniumim
  • java线程Thread和Runnable区别和联系 zx_code javajvmthread多线程Runnable
    我们都晓得java实现线程2种方式，一个是继承Thread，另一个是实现Runnable。 模拟窗口买票，第一例子继承thread，代码如下 package thread; public class ThreadTest { public static void main(String[] args) { Thread1 t1 = new Thread1(
  • 【转】JSON与XML的区别比较 丁_新 jsonxml
    1.定义介绍 (1).XML定义 扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。 XML是标
  • c++ 实现五种基础的排序算法 CrazyMizzz C++c算法
    #include<iostream> using namespace std; //辅助函数，交换两数之值 template<class T> void mySwap(T &x, T &y){ T temp = x; x = y; y = temp; } const int size = 10; //一、用直接插入排
  • 我的软件 麦田的设计者 我的软件音乐类娱乐放松
         这是我写的一款app软件，耗时三个月，是一个根据央视节目开门大吉改变的，提供音调，猜歌曲名。1、手机拥有者在android手机市场下载本APP，同意权限，安装到手机上。2、游客初次进入时会有引导页面提醒用户注册。（同时软件自动播放背景音乐）。3、用户登录到主页后，会有五个模块。a、点击不胫而走，用户得到开门大吉首页部分新闻，点击进入有新闻详情。b、
  • linux awk命令详解 被触发 linux awk
    awk是行处理器: 相比较屏幕处理的优点，在处理庞大文件时不会出现内存溢出或是处理缓慢的问题，通常用来格式化文本信息 awk处理过程: 依次对每一行进行处理，然后输出 awk命令形式: awk [-F|-f|-v] ‘BEGIN{} //{command1; command2} END{}’ file [-F|-f|-v]大参数，-F指定分隔符，-f调用脚本，-v定义变量 var=val
  • 各种语言比较 _wy_ 编程语言
                        Java Ruby PHP 擅长领域                  
  • oracle 中数据类型为clob的编辑 知了ing oracle clob
    public void updateKpiStatus(String kpiStatus,String taskId){ Connection dbc=null; Statement stmt=null; PreparedStatement ps=null; try { dbc = new DBConn().getNewConnection(); //stmt = db
  • 分布式服务框架 Zookeeper -- 管理分布式环境中的数据 矮蛋蛋 zookeeper
    原文地址： http://www.ibm.com/developerworks/cn/opensource/os-cn-zookeeper/ 安装和配置详解 本文介绍的 Zookeeper 是以 3.2.2 这个稳定版本为基础，最新的版本可以通过官网 http://hadoop.apache.org/zookeeper/来获取，Zookeeper 的安装非常简单，下面将从单机模式和集群模式两
  • tomcat数据源 alafqq tomcat
    数据库 JNDI(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。 没有使用JNDI时我用要这样连接数据库： 03.  Class.forName("com.mysql.jdbc.Driver");  04.  conn
  • 遍历的方法 百合不是茶 遍历
                                                          遍历 在java的泛
  • linux查看硬件信息的命令 bijian1013 linux
    linux查看硬件信息的命令 一.查看CPU： cat /proc/cpuinfo   二.查看内存： free   三.查看硬盘： df   linux下查看硬件信息 1、lspci 列出所有PCI 设备； lspci - list all PCI devices:列出机器中的PCI设备（声卡、显卡、Modem、网卡、USB、主板集成设备也能
  • java常见的ClassNotFoundException bijian1013 java
    1.java.lang.ClassNotFoundException: org.apache.commons.logging.LogFactory   添加包common-logging.jar2.java.lang.ClassNotFoundException: javax.transaction.Synchronization    
  • 【Gson五】日期对象的序列化和反序列化 bit1129 反序列化
    对日期类型的数据进行序列化和反序列化时，需要考虑如下问题：   1. 序列化时，Date对象序列化的字符串日期格式如何 2. 反序列化时，把日期字符串序列化为Date对象，也需要考虑日期格式问题 3. Date A -> str -> Date B,A和B对象是否equals   默认序列化和反序列化     import com
  • 【Spark八十六】Spark Streaming之DStream vs. InputDStream bit1129 Stream
      1. DStream的类说明文档：   /** * A Discretized Stream (DStream), the basic abstraction in Spark Streaming, is a continuous * sequence of RDDs (of the same type) representing a continuous st
  • 通过nginx获取header信息 ronin47 nginx header
    1. 提取整个的Cookies内容到一个变量，然后可以在需要时引用，比如记录到日志里面， if ( $http_cookie ~* "(.*)$") {         set $all_cookie $1; }     变量$all_cookie就获得了cookie的值，可以用于运算了
  • java-65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 bylijinnan java
    参考了网上的http://blog.csdn.net/peasking_dd/article/details/6342984 写了个java版的： public class Print_1_To_NDigit { /** * Q65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 * 1.使用字符串
  • Netty源码学习-ReplayingDecoder bylijinnan javanetty
    ReplayingDecoder是FrameDecoder的子类，不熟悉FrameDecoder的，可以先看看 http://bylijinnan.iteye.com/blog/1982618 API说，ReplayingDecoder简化了操作，比如： FrameDecoder在decode时，需要判断数据是否接收完全： public class IntegerH
  • js特殊字符过滤 cngolon js特殊字符js特殊字符过滤
    1.js中用正则表达式 过滤特殊字符, 校验所有输入域是否含有特殊符号function stripscript(s) {    var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）&mdash;—|{}【】‘；：”“'。，、？]"
  • hibernate使用sql查询 ctrain Hibernate
    import java.util.Iterator; import java.util.List; import java.util.Map; import org.hibernate.Hibernate; import org.hibernate.SQLQuery; import org.hibernate.Session; import org.hibernate.Transa
  • linux shell脚本中切换用户执行命令方法 daizj linuxshell命令切换用户
    经常在写shell脚本时，会碰到要以另外一个用户来执行相关命令，其方法简单记下：   1、执行单个命令：su - user -c "command" 如：下面命令是以test用户在/data目录下创建test123目录 [root@slave19 /data]# su - test -c "mkdir /data/test123" 
  • 好的代码里只要一个 return 语句 dcj3sjt126com return
    别再这样写了：public boolean foo() {    if (true) {         return true;     } else {          return false;    
  • Android动画效果学习 dcj3sjt126com android
    1、透明动画效果 方法一：代码实现 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main, container, fals
  • linux复习笔记之bash shell (4)管道命令 eksliang linux管道命令汇总linux管道命令linux常用管道命令
    转载请出自出处： http://eksliang.iteye.com/blog/2105461     bash命令执行的完毕以后，通常这个命令都会有返回结果，怎么对这个返回的结果做一些操作呢？那就得用管道命令‘|’。     上面那段话，简单说了下管道命令的作用，那什么事管道命令呢？     答：非常的经典的一句话，记住了，何为管
  • Android系统中自定义按键的短按、双击、长按事件 gqdy365 android
    在项目中碰到这样的问题： 由于系统中的按键在底层做了重新定义或者新增了按键，此时需要在APP层对按键事件（keyevent）做分解处理，模拟Android系统做法，把keyevent分解成： 1、单击事件：就是普通key的单击； 2、双击事件：500ms内同一按键单击两次； 3、长按事件：同一按键长按超过1000ms（系统中长按事件为500ms）； 4、组合按键：两个以上按键同时按住；
  • asp.net获取站点根目录下子目录的名称 hvt .netC#asp.nethovertreeWeb Forms
    使用Visual Studio建立一个.aspx文件(Web Forms)，例如hovertree.aspx,在页面上加入一个ListBox代码如下： <asp:ListBox runat="server" ID="lbKeleyiFolder" />   那么在页面上显示根目录子文件夹的代码如下： string[] m_sub
  • Eclipse程序员要掌握的常用快捷键 justjavac javaeclipse快捷键ide
      判断一个人的编程水平，就看他用键盘多，还是鼠标多。用键盘一是为了输入代码（当然了，也包括注释），再有就是熟练使用快捷键。   曾有人在豆瓣评 《卓有成效的程序员》：“人有多大懒，才有多大闲”。之前我整理了一个 程序员图书列表，目的也就是通过读书，让程序员变懒。  写道 程序员作为特殊的群体，有的人可以这么懒，懒到事情都交给机器去做，而有的人又可
  • c++编程随记 lx.asymmetric C++笔记
     为了字体更好看，改变了格式……   &&运算符：   #include<iostream> using namespace std; int main(){      int a=-1,b=4,k;      k=(++a<0)&&!(b--
  • linux标准IO缓冲机制研究 音频数据 linux
    一、什么是缓存I/O(Buffered I/O)缓存I/O又被称作标准I/O,大多数文件系统默认I/O操作都是缓存I/O。在Linux的缓存I/O机制中，操作系统会将I/O的数据缓存在文件系统的页缓存(page cache)中，也就是说，数据会先被拷贝到操作系统内核的缓冲区中，然后才会从操作系统内核的缓冲区拷贝到应用程序的地址空间。1.缓存I/O有以下优点:A.缓存I/O使用了操作系统内核缓冲区，
  • 随想 生活 暗黑小菠萝 生活
    其实账户之前就申请了，但是决定要自己更新一些东西看也是最近。从毕业到现在已经一年了。没有进步是假的，但是有多大的进步可能只有我自己知道。   毕业的时候班里12个女生，真正最后做到软件开发的只要两个包括我，PS：我不是说测试不好。当时因为考研完全放弃找工作，考研失败，我想这只是我的借口。那个时候才想到为什么大学的时候不能好好的学习技术，增强自己的实战能力，以至于后来找工作比较费劲。我
  • 我认为POJO是一个错误的概念 windshome javaPOJO编程J2EE设计
                  这篇内容其实没有经过太多的深思熟虑，只是个人一时的感觉。从个人风格上来讲，我倾向简单质朴的设计开发理念；从方法论上，我更加倾向自顶向下的设计；从做事情的目标上来看，我追求质量优先，更愿意使用较为保守和稳妥的理念和方法。    &
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他