天梯梦
天梯梦

SVG 教程 （一）

SVG 简介

SVG 是使用 XML 来描述二维图形和绘图程序的语言。

学习之前应具备的基础知识：

继续学习之前，你应该对以下内容有基本的了解：

  • HTML
  • XML 基础

如果希望首先学习这些内容，请在本站的首页选择相应的教程。

什么是SVG？

  • SVG 指可伸缩矢量图形 (Scalable Vector Graphics)
  • SVG 用来定义用于网络的基于矢量的图形
  • SVG 使用 XML 格式定义图形
  • SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失
  • SVG 是万维网联盟的标准
  • SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体

SVG 是 W3C 推荐标准

SVG 于 2003 年 1 月 14 日成为 W3C 推荐标准。

如需阅读更多有关 W3C 的 SVG 活动的信息，请访问我们的 W3C 教程。

SVG 的历史和优势

在 2003 年一月，SVG 1.1 被确立为 W3C 标准。

参与定义 SVG 的组织有：太阳微系统、Adobe、苹果公司、IBM 以及柯达。

与其他图像格式相比，使用 SVG 的优势在于：

  • SVG 可被非常多的工具读取和修改（比如记事本）
  • SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。
  • SVG 是可伸缩的
  • SVG 图像可在任何的分辨率下被高质量地打印
  • SVG 可在图像质量不下降的情况下被放大
  • SVG 图像中的文本是可选的，同时也是可搜索的（很适合制作地图）
  • SVG 可以与 Java 技术一起运行
  • SVG 是开放的标准
  • SVG 文件是纯粹的 XML

SVG 的主要竞争者是 Flash。

与 Flash 相比，SVG 最大的优势是与其他标准（比如 XSL 和 DOM）相兼容。而 Flash 则是未开源的私有技术。

查看 SVG 文件

Internet Explorer9，火狐，谷歌Chrome，Opera和Safari都支持SVG。

IE8和早期版本都需要一个插件 - 如Adobe SVG浏览器，这是免费提供的。

创建SVG文件

由于SVG是XML文件，SVG图像可以用任何文本编辑器创建，但它往往是与一个绘图程序一起使用，如Inkscape，更方便地创建SVG图像。

SVG 实例

简单的 SVG 实例

一个简单的SVG图形例子：

这里是SVG文件（SVG文件的保存与SVG扩展）：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <circle cx="100" cy="50" r="40" stroke="black"
  stroke-width="2" fill="red" />
</svg>

 

SVG 代码解析：

第一行包含了 XML 声明。请注意 standalone 属性！该属性规定此 SVG 文件是否是"独立的"，或含有对外部文件的引用。

standalone="no" 意味着 SVG 文档会引用一个外部文件 - 在这里，是 DTD 文件。

第二和第三行引用了这个外部的 SVG DTD。该 DTD 位于 "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"。该 DTD 位于 W3C，含有所有允许的 SVG 元素。

 

SVG 代码以 <svg> 元素开始，包括开启标签 <svg> 和关闭标签 </svg> 。这是根元素。width 和 height 属性可设置此 SVG 文档的宽度和高度。version 属性可定义所使用的 SVG 版本，xmlns 属性可定义 SVG 命名空间。

 

SVG 的 <circle> 用来创建一个圆。cx 和 cy 属性定义圆中心的 x 和 y 坐标。如果忽略这两个属性，那么圆点会被设置为 (0, 0)。r 属性定义圆的半径。

stroke 和 stroke-width 属性控制如何显示形状的轮廓。我们把圆的轮廓设置为 2px 宽，黑边框。

fill 属性设置形状内的颜色。我们把填充颜色设置为红色。

关闭标签的作用是关闭 SVG 元素和文档本身。

注释：所有的开启标签必须有关闭标签！

 

SVG 在 HTML 页面

SVG 文件可通过以下标签嵌入 HTML 文档：<embed>、<object> 或者 <iframe>。

SVG的代码可以直接嵌入到HTML页面中，或您可以直接链接到SVG文件。

 

使用 <embed> 标签

<embed>:

  • 优势：所有主要浏览器都支持，并允许使用脚本
  • 缺点：不推荐在HTML4和XHTML中使用（但在HTML5允许）

语法:

<embed src="circle1.svg" type="image/svg+xml" />

 

使用 <object> 标签

<object>:

  • 优势：所有主要浏览器都支持，并支持HTML4，XHTML和HTML5标准
  • 缺点：不允许使用脚本。

语法:

<object data="circle1.svg" type="image/svg+xml"></object>

 

使用 <iframe> 标签

<iframe>:

  • 优势：所有主要浏览器都支持，并允许使用脚本
  • 缺点：不推荐在HTML4和XHTML中使用（但在HTML5允许）

语法:

<iframe src="circle1.svg"></iframe>

 

直接在HTML嵌入SVG代码

在Firefox、Internet Explorer9、谷歌Chrome和Safari中，你可以直接在HTML嵌入SVG代码。

注意：SVG不能直接嵌入到Opera。

<html>
<body>

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <circle cx="100" cy="50" r="40" stroke="black"
  stroke-width="2" fill="red"/>
</svg>

</body>
</html>

 

链接到SVG文件

您还可以用<a>标签链接到一个SVG文件：链接到SVG文件

您还可以用<a>标签链接到一个SVG文件：

<a href="circle1.svg">View SVG file</a>

 

http://www.runoob.com/try/demo_source/circle1.svg

 

转自：http://www.runoob.com/svg/svg-tutorial.html

转自：SVG 教程 （一）

 

 

你可能感兴趣的:(svg)

  • SVG 在线编辑器 lly202406 开发语言
    SVG在线编辑器引言随着互联网技术的发展，矢量图形在网页设计和数据可视化中扮演着越来越重要的角色。SVG（可缩放矢量图形）因其文件小、无限缩放不模糊的特性，成为了网页设计中常用的图形格式。SVG在线编辑器的出现，为设计师和开发者提供了极大的便利，使得图形的创建和修改变得更加高效。本文将详细介绍SVG在线编辑器的功能、应用场景以及发展趋势。SVG在线编辑器概述SVG在线编辑器是一种基于网页的图形编辑
  • 中文思维导图 Xmind 2025（Mac） 2501_92809465 xmindmacosmac
    原文地址：Xmind2025中文思维导图Xmind一款出色的思维导图和头脑风暴，拥有美观的智能配色方案，便于你轻松理清思路捕捉创意。丰富的导图模板及多种创意整合工具，可助力导图迸发更多活力。还拥有强大演说模式，及提供Markdown、SVG、PNG、PDF、Office等多种导出格式，方便使用思维导图做宣讲与材料分享。
  • MFC扩展库BCGControlBar Pro v36.2新版亮点：可视化设计器升级 界面开发小八哥 mfcc++UI开发界面控件BCG
    BCGControlBar库拥有500多个经过全面设计、测试和充分记录的MFC扩展类。我们的组件可以轻松地集成到您的应用程序中，并为您节省数百个开发和调试时间。BCGControlBar专业版v36.2已全新发布了，在这个版本中添加了一个新的扩展器控件、改进了网格和报表控件的性能、实现了SVG阴影过滤器优化等，最新版点击下方获取：BCGControlBarProforMFCv36.2正式版下载可视
  • MFC扩展库BCGControlBar Pro v36.2新版亮点：图形管理器等全新升级
    BCGControlBar库拥有500多个经过全面设计、测试和充分记录的MFC扩展类。我们的组件可以轻松地集成到您的应用程序中，并为您节省数百个开发和调试时间。BCGControlBar专业版v36.2已全新发布了，在这个版本中添加了一个新的扩展器控件、改进了网格和报表控件的性能、实现了SVG阴影过滤器优化等，最新版点击下方获取：BCGControlBarProforMFCv36.2正式版下载控件
  • HTML5和SVG篝火动画实战：月亮下的野营炊烟效果 申增浩
    本文还有配套的精品资源，点击获取简介：HTML5是网页标记语言的最新标准，支持更加动态和丰富的用户体验。本项目源码展示了如何使用HTML5的SVG来绘制篝火和炊烟动画，通过CSS3动画、JavaScript交互、Canvas与SVG的选择以及Web动画性能优化，实现了一个月亮下的篝火和野营炊烟效果。项目还考虑了响应式设计和数据结构的使用，为开发者提供了一个学习Web前端开发的实践案例。1.HTML
  • 使用电脑如何将多张CAD图纸转换成高清黑白SVG格式？ 周周周大璇
    使用电脑如何将多张CAD图纸转换成高清黑白SVG格式？SVG格式是图片的格式之一，为了方便将图纸文件进行打开查看的操作，将CAD图纸文件进行格式间的转换成SVG格式是在CAD工作中经常需要进行的，具体应该怎么样操作，多张CAD图纸文件共同进行此项操作的步骤是什么，下面小编就要来教大家的就是使用电脑如何将多张CAD图纸转换成高清黑白SVG格式的全部操作步骤，希望能够帮助到你们，望采纳！步骤一：首先需
  • Vue常用插件汇总(2) 2401_84094908 程序员vue.js前端javascript
    文件上传vue-upload-component-Vuejs文件上传组件vue-core-image-upload-轻量级的vue上传插件vue-dropzone-用于文件上传的Vue组件图片处理vue-lazyload-img-移动优化的vue图片懒加载插件vue-image-crop-upload-vue图片剪裁上传组件vue-svgicon-创建svg图标组件的工具vue-img-loade
  • 小程序, uni-app等不支持svg标签的情况下,svg图标解决方案 非常帅气的昵称吧
    SVG因其缩放不失真,可动态改变颜色等特点,在web开发中得到了广泛的使用,目前常见的使用方式有两种1.转换成字体文件线上的网站很多,像iconfont,iconmoon等,可以把选定的图标整合成一套字体文件,然后以特定的标签+类名进行使用2.使用symbol引用主要原理就是把所有要用到的svg文件代码,整合到一个代码块内,并给定每个svg图片一个唯一ID,使用时候通个这个ID引入具体的svg图片
  • GIMP 3.0 中文版下载与安装全指南，附软件下载链接
    GIMP（GNUImageManipulationProgram）作为开源图像处理领域的标杆工具，其3.0版本在技术架构上实现了多项突破：界面与性能升级基于GTK3重构的UI支持高分辨率屏幕，SVG图标体系带来更现代的视觉体验；引入多线程渲染与SIMD指令集加速，滤镜处理效率提升300%+非破坏性编辑机制通过图层版本控制与历史状态隔离，实现图像修改与原始数据的分离，这一特性对专业设计流程至关重要跨
  • 在 React 中根据数值动态设置 SVG 线条粗细 啃火龙果的兔子 开发DEMOreact.js前端前端框架
    在React中根据数值动态设置SVG线条粗细在React中，你可以根据不同的数值动态设置SVG元素的粗细（stroke-width）。以下是几种实现方式：方法1：直接根据props设置stroke-widthconstDynamicSVG=({thickness})=>();//使用示例//粗线//细线方法2：根据数值范围映射不同粗细constgetStrokeWidth=(value)=>{if
  • 打造自己的组件库（一）宏函数解析 行云＆流水 Vue3组件库vue3组件库vue.jsjavascript前端
    1.初始化项目npmcreatevite生成项目后，文件目录如下：├──.idea/#IntelliJIDEA配置目录├──.vscode/#VSCode配置目录├──public/#静态资源目录│└──vite.svg#Vite默认图标├──src/#源代码目录│├──assets/#项目资源文件││└──vue.svg#Vue图标│├──components/#Vue组件目录││└──Hell
  • svg图标引发的思考：想晋升高级？这些得了解。 前端svg
    问题背景：我在优化整理项目代码的时候，发现项目中有通过方式引用的svg图标，也有通过iconfont引用的图标。然后当好几个项目改造为对接微前端的时候，发现有些样式冲突了（千万不要小看样式问题（看似简单的问题），往往背后藏着不少值得深挖的学问）复现步骤：先在微前端中打开A项目，图标颜色是正确的。此时打开B项目，再切换回A项目，发现A项目的图标颜色变了。正常是灰色的，有问题的是橙色：解决过程：首先要
  • 【前端 SVG 使用方式探讨：从技术选型到工程实践】 Gazer_S CSS前端工程化前端
    前端SVG使用方式探讨：从技术选型到工程实践引言在现代前端开发中，SVG作为可缩放矢量图形的代表，以其轻量、保真、可编程的特性成为了图标和复杂图形的首选方案。然而，如何在工程化项目中优雅且高效地使用SVG，却是一个值得深入探讨的技术话题。本文通过对不同SVG实现方案的深度分析，记录了一次完整的技术决策过程，从最初的简单疑问到复杂的工程权衡，最终形成系统性的最佳实践指南。第一章：技术起点-TSX中的
  • SVG格式深度解析与Path应用实战：从原理到企业级全场景开发（实战版）
    一、简介在数字图形领域，SVG（ScalableVectorGraphics）凭借其矢量特性、可编辑性和交互能力，成为现代设计和开发的核心工具。本文将从SVG的基础原理出发，深入解析其技术特性，并与主流图像格式（如JPEG、PNG、PLT等）进行对比分析。通过企业级应用案例，结合代码示例和Mermaid图表，帮助开发者全面掌握SVG的应用场景与开发技巧，实现从零到一的高效实践。二、SVG格式的核心
  • MFC扩展库BCGControlBar Pro v36.2亮点：Ribbon Bar、表单等组件升级 界面开发小八哥 mfcribbonc++界面控件UI开发BCG
    BCGControlBar库拥有500多个经过全面设计、测试和充分记录的MFC扩展类。我们的组件可以轻松地集成到您的应用程序中，并为您节省数百个开发和调试时间。BCGControlBar专业版v36.2已全新发布了，在这个版本中添加了一个新的扩展器控件、改进了网格和报表控件的性能、实现了SVG阴影过滤器优化等，最新版点击下方获取：BCGControlBarProforMFCv36.2正式版下载Ri
  • ArcGIS规划符号库详解与应用指南 Neo-ke
    本文还有配套的精品资源，点击获取简介：ArcGIS是一个广泛应用于地理信息系统领域的软件，规划符号库是其关键组成部分，提供标准化图形元素来绘制地图上的规划信息。符号库以SVG格式存储，支持自定义调整，便于在地图制作和空间分析中使用。本篇详解规划符号库的结构、特点以及如何导入到ArcGIS样式库中，展示如何在实际应用中提高地图表达的专业性和可视化效果。1.ArcGIS软件介绍ArcGIS，全称Arc
  • SVG 安装使用教程 小奇JAVA面试 安装使用教程SVG
    一、SVG简介SVG（ScalableVectorGraphics，可缩放矢量图形）是一种基于XML的图像格式，用于描述二维图形。与传统的PNG、JPG等位图格式不同，SVG不会因放大而失真，适合展示图标、图表、动画和交互图形。二、SVG的应用场景网站图标和UI元素数据可视化（与ECharts、D3.js等结合）响应式Web设计中的矢量图动画和交互图形三、SVG安装环境（无需专门安装）3.1浏览器
  • SVG VSCode：深度解析与最佳实践 froginwe11 开发语言
    SVGVSCode：深度解析与最佳实践引言SVG（可缩放矢量图形）作为一种矢量图形格式，因其高度的可缩放性和矢量特性，在网页设计中得到了广泛应用。而VSCode（VisualStudioCode）作为一款流行的代码编辑器，同样在开发者中备受欢迎。本文将深入探讨SVG在VSCode中的使用，包括其优势、配置方法以及最佳实践。SVG简介什么是SVG？SVG（ScalableVectorGraphics
  • 前端渲染大量图片的首屏加载优化方案 啃火龙果的兔子 开发DEMO前端
    渲染大量图片时，首屏加载性能至关重要。以下是全面的优化方案：一、图片资源优化1.图片格式选择WebP格式：比JPEG小25-35%，支持透明AVIF格式：新一代格式，压缩率更高（Chrome/Firefox支持）渐进式JPEG：逐步加载显示SVG：适合图标/简单图形2.图片压缩使用工具压缩：TinyPNG、Squoosh、ImageOptim服务端自动压缩：Sharp（Node.js）、Pillo
  • SVG 在 VSCode 中的使用与优势
    SVG在VSCode中的使用与优势引言SVG（可缩放矢量图形）是一种基于可扩展标记语言的图形图像格式，与传统的位图格式（如JPEG或PNG）相比，SVG图像具有更高的灵活性和可缩放性。随着前端开发领域的不断发展，SVG在网页设计中的应用越来越广泛。本文将介绍SVG在VisualStudioCode（VSCode）中的使用方法及其优势。SVG简介SVG是一种矢量图形格式，与位图不同，矢量图形由直线和
  • svg全链路流程轨迹 一块小砖头儿 javascript开发语言
    直接上效果exportdefault{props:{},data(){return{svgData:["0,200200,200300,300400,300400,200500,200"],};},computed:{},mounted(){},methods:{},};.circle-load-rect-svg{width:800px;}.g-rect-path{fill:none;stroke
  • Skia图形库：绘制2D世界的核心组件
    文章摘要Skia是Google开发的跨平台2D图形库，核心组件包括：SkCanvas（绘图入口）、SkPaint（画笔样式）、SkPath（几何形状）、SkImage/SkBitmap（图片处理）、SkFont/SkTypeface（文本渲染）以及SkSurface（画布载体）。支持CPU/GPU/PDF/SVG多种渲染后端，广泛应用于Chrome、Flutter等项目中，提供从基础绘图到高级特效
  • CAD文件处理控件Aspose.CAD教程：在 C# 中将 DXF 文件转换为 SVG - AutoCAD C# 示例 CodeCraft Studio 控件文档管理c#javaasposeAspose.CADCAD格式转换
    概述使用C#轻松将DXF文件转换为SVG。此转换可更好地兼容Web应用程序，并增强CAD图纸的视觉呈现效果。使用Aspose.CADfor.NET，开发人员可以轻松实现此转换过程。该SDK提供强大的功能，使其成为C#开发人员的可靠选择。Aspose.CADfor.NET凭借其易于集成和高级自定义选项，成为高效处理CAD文件的卓越工具。Aspose.CAD试用版下载加入Aspose技术交流QQ群（1
  • 自用 SVG动态 渐变背景 动画效果无水印 A5资源网 A5资源网性能优化wordpress
    这是一个使用SVG制作的动态渐变背景动画效果，具有流畅的动画过渡和优美的色彩变化。效果预览（附原文件下载）SVG动态渐变背景动画效果-A5资源网body{margin:0;padding:0;overflow:hidden;}svg{width:100vw;height:100vh;}A5资源动态渐变背景效果A5资源网www.A5.org.cnCopyright©2024A5资源网.Allrigh
  • OpenStack-Dashboard界面简单修改 陌殇殇殇 openstack
    OpenStackDashboard界面替换图片一、dashboard界面Logo的路径及文件dashboard的Logo存放（在Controller节点）的路径：/usr/share/openstack-dashboard/openstack_dashboard/static/dashboard/img/涉及需要修改的文件（3个）：favicon.ico//浏览器窗口的小图标logo.svg//
  • WebGL&图形学总结（二） GISer_Jinger 中大厂面试webgl前端javascript
    一、简历中图形学与渲染相关内容梳理（一）专业技能中的图形学储备WebGL与Shader编程：掌握GPU渲染管线原理，能使用GLSL编写着色器，熟悉ShadowMapping、RTT等图形算法。三维引擎应用：熟练使用Three.js和Cesium.js，具备三维场景搭建与高效渲染能力。可视化技术：熟悉Canvas、SVG，掌握GPU加速渲染与主流三维引擎集成（如WebGL与Cesium结合）。（二）
  • nacos开启集群配置 ௸྄ིོུ倾心ღ᭄ᝰꫛꫀꪝ springcloudJava
    在nacos/conf目录下把nacos-mysql.sql导入数据库在application.properties添加以下内容nacos.security.ignore.urls=/,/error,/**/*.css,/**/*.js,/**/*.html,/**/*.map,/**/*.svg,/**/*.png,/**/*.ico,/console-ui/public/**,/v1/auth
  • HTML5+JS实现一个简单的SVG 贝塞尔曲线可视化设计器,通过几个点移动位置,控制曲线的方向 专注VB编程开发20年 html5前端htmlJSSVGbezier-curve贝塞尔曲线
    三次贝塞尔曲线,二次贝塞尔曲线有什么区别https://blog.csdn.net/xiaoyao961/article/details/148678265SVG贝塞尔曲线可视化设计器下面是一个简单的贝塞尔曲线可视化设计器，使用HTML5和JavaScript实现。这个设计器允许你通过拖动控制点来实时调整贝塞尔曲线的形状。这个贝塞尔曲线设计器具有以下特点：直观的交互：可以直接拖动起点、终点和控制点
  • 前端开发者必须要掌握的技术栈及学习建议，都是干货 老猿阿浪 前端学习前端
    作为前端开发者，必须要掌握的技术栈非常的广泛，但总体脉络不变，以下是当前前端开发的核心技术分类和学习建议，按优先级和重要性排序如下（都是干货）：一、基础三件套（必学）HTML5语义化标签、表单验证、WebAccessibility（无障碍访问）Canvas/SVG、音视频嵌入CSS3盒模型、Flex/Grid布局、响应式设计（媒体查询）动画（Transition/Animation）、变量（CSS
  • HTML5 更新的功能 TE-茶叶蛋 面试复习系列html知识html5前端html
    文章目录前言**一、语义化标签（SemanticElements）****二、多媒体支持（Audio&Video）****三、图形与绘图（Canvas&SVG）****1.``****2.SVG内联支持****四、表单增强（FormFeatures）****1.新输入类型****2.新属性****五、本地存储（WebStorage）****六、地理定位（Geolocation）****七、拖放AP
  • VMware Workstation 11 或者 VMware Player 7安装MAC OS X 10.10 Yosemite iwindyforest vmwaremac os10.10workstationplayer
    最近尝试了下VMware下安装MacOS 系统， 安装过程中发现网上可供参考的文章都是VMware Workstation 10以下， MacOS X 10.9以下的文章， 只能提供大概的思路， 但是实际安装起来由于版本问题， 走了不少弯路， 所以我尝试写以下总结， 希望能给有兴趣安装OSX的人提供一点帮助。     写在前面的话： 其实安装好后发现， 由于我的th
  • 关于《基于模型驱动的B/S在线开发平台》源代码开源的疑虑？ deathwknight JavaScriptjava框架
    本人从学习Java开发到现在已有10年整，从一个要自学 java买成javascript的小菜鸟，成长为只会java和javascript语言的老菜鸟（个人邮箱：[email protected]） 一路走来，跌跌撞撞。用自己的三年多业余时间，瞎搞一个小东西（基于模型驱动的B/S在线开发平台，非MVC框架、非代码生成）。希望与大家一起分享，同时有许些疑虑，希望有人可以交流下 平台
  • 如何把maven项目转成web项目 Kai_Ge mavenMyEclipse
    创建Web工程，使用eclipse ee创建maven web工程 1.右键项目,选择Project Facets,点击Convert to faceted from 2.更改Dynamic Web Module的Version为2.5.(3.0为Java7的,Tomcat6不支持). 如果提示错误,可能需要在Java Compiler设置Compiler compl
  • 主管？？？ Array_06 工作
    转载：http://www.blogjava.net/fastzch/archive/2010/11/25/339054.html 很久以前跟同事参加的培训，同事整理得很详细，必须得转！ 前段时间，公司有组织中高阶主管及其培养干部进行了为期三天的管理训练培训。三天的课程下来，虽然内容较多，因对老师三天来的课程内容深有感触，故借着整理学习心得的机会，将三天来的培训课程做了一个
  • python内置函数大全 2002wmj python
    最近一直在看python的document，打算在基础方面重点看一下python的keyword、Build-in Function、Build-in Constants、Build-in Types、Build-in Exception这四个方面，其实在看的时候发现整个《The Python Standard Library》章节都是很不错的，其中描述了很多不错的主题。先把Build-in Fu
  • JSP页面通过JQUERY合并行 357029540 JavaScriptjquery
    在写程序的过程中我们难免会遇到在页面上合并单元行的情况，如图所示 如果对于会的同学可能很简单，但是对没有思路的同学来说还是比较麻烦的，提供一下用JQUERY实现的参考代码 function mergeCell(){         var trs = $("#table tr"); &nb
  • Java基础 冰天百华 java基础
    学习函数式编程 package base; import java.text.DecimalFormat; public class Main { public static void main(String[] args) { // Integer a = 4; // Double aa = (double)a / 100000; // Decimal
  • unix时间戳相互转换 adminjun 转换unix时间戳
    如何在不同编程语言中获取现在的Unix时间戳(Unix timestamp)？ Java time JavaScript Math.round(new Date().getTime()/1000) getTime()返回数值的单位是毫秒 Microsoft .NET / C# epoch = (DateTime.Now.ToUniversalTime().Ticks - 62135
  • 作为一个合格程序员该做的事 aijuans 程序员
    作为一个合格程序员每天该做的事 1、总结自己一天任务的完成情况 最好的方式是写工作日志，把自己今天完成了什么事情，遇见了什么问题都记录下来，日后翻看好处多多 2、考虑自己明天应该做的主要工作 把明天要做的事情列出来，并按照优先级排列，第二天应该把自己效率最高的时间分配给最重要的工作 3、考虑自己一天工作中失误的地方，并想出避免下一次再犯的方法 出错不要紧，最重
  • 由html5视频播放引发的总结 ayaoxinchao html5视频video
    前言   项目中存在视频播放的功能，前期设计是以flash播放器播放视频的。但是现在由于需要兼容苹果的设备，必须采用html5的方式来播放视频。我就出于兴趣对html5播放视频做了简单的了解，不了解不知道，水真是很深。本文所记录的知识一些浅尝辄止的知识，说起来很惭愧。   视频结构   本该直接介绍html5的<video>的，但鉴于本人对视频
  • 解决httpclient访问自签名https报javax.net.ssl.SSLHandshakeException: sun.security.validat bewithme httpclient
         如果你构建了一个https协议的站点，而此站点的安全证书并不是合法的第三方证书颁发机构所签发，那么你用httpclient去访问此站点会报如下错误   javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException: PKIX path bu
  • Jedis连接池的入门级使用 bijian1013 redisredis数据库jedis
    Jedis连接池操作步骤如下：         a.获取Jedis实例需要从JedisPool中获取；         b.用完Jedis实例需要返还给JedisPool；         c.如果Jedis在使用过程中出错，则也需要还给JedisPool； packag
  • 变与不变 bingyingao 不变变亲情永恒
    变与不变    周末骑车转到了五年前租住的小区，曾经最爱吃的西北面馆、江西水饺、手工拉面早已不在，    各种店铺都换了好几茬，这些是变的。    三年前还很流行的一款手机在今天看起来已经落后的不像样子。    三年前还运行的好好的一家公司，今天也已经不复存在。    一座座高楼拔地而起，
  • 【Scala十】Scala核心四：集合框架之List bit1129 scala
    Spark的RDD作为一个分布式不可变的数据集合，它提供的转换操作，很多是借鉴于Scala的集合框架提供的一些函数，因此，有必要对Scala的集合进行详细的了解   1. 泛型集合都是协变的，对于List而言，如果B是A的子类，那么List[B]也是List[A]的子类，即可以把List[B]的实例赋值给List[A]变量   2. 给变量赋值(注意val关键字，a，b
  • Nested Functions in C bookjovi cclosure
      Nested Functions 又称closure，属于functional language中的概念，一直以为C中是不支持closure的，现在看来我错了，不过C标准中是不支持的，而GCC支持。   既然GCC支持了closure，那么 lexical scoping自然也支持了，同时在C中label也是可以在nested functions中自由跳转的
  • Java-Collections Framework学习与总结-WeakHashMap BrokenDreams Collections
            总结这个类之前，首先看一下Java引用的相关知识。Java的引用分为四种：强引用、软引用、弱引用和虚引用。         强引用：就是常见的代码中的引用，如Object o = new Object();存在强引用的对象不会被垃圾收集
  • 读《研磨设计模式》-代码笔记-解释器模式-Interpret bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 解释器（Interpreter）模式的意图是可以按照自己定义的组合规则集合来组合可执行对象 * * 代码示例实现XML里面1.读取单个元素的值 2.读取单个属性的值 * 多
  • After Effects操作&快捷键 cherishLC After Effects
    1、快捷键官方文档 中文版：https://helpx.adobe.com/cn/after-effects/using/keyboard-shortcuts-reference.html 英文版：https://helpx.adobe.com/after-effects/using/keyboard-shortcuts-reference.html 2、常用快捷键
  • Maven 常用命令 crabdave maven
    Maven 常用命令   mvn archetype:generate mvn install mvn clean mvn clean complie mvn clean test mvn clean install mvn clean package mvn test mvn package mvn site   mvn dependency:res
  • shell bad substitution daizj shell脚本
    #!/bin/sh /data/script/common/run_cmd.exp 192.168.13.168 "impala-shell -islave4 -q 'insert OVERWRITE table imeis.${tableName} select ${selectFields}, ds, fnv_hash(concat(cast(ds as string), im
  • Java SE 第二讲（原生数据类型 Primitive Data Type） dcj3sjt126com java
    Java SE  第二讲： 1.   Windows: notepad, editplus, ultraedit, gvim Linux: vi, vim, gedit 2.   Java 中的数据类型分为两大类： 1）原生数据类型  （Primitive Data Type） 2）引用类型（对象类型）  （R
  • CGridView中实现批量删除 dcj3sjt126com PHPyii
    1，CGridView中的columns添加 array( 'selectableRows' => 2, 'footer' => '<button type="button" onclick="GetCheckbox();" style=&
  • Java中泛型的各种使用 dyy_gusi java泛型
    Java中的泛型的使用：1.普通的泛型使用 在使用类的时候后面的<>中的类型就是我们确定的类型。 public class MyClass1<T> {//此处定义的泛型是T private T var; public T getVar() { return var; } public void setVa
  • Web开发技术十年发展历程 gcq511120594 Web浏览器数据挖掘
    回顾web开发技术这十年发展历程： Ajax 03年的时候我上六年级，那时候网吧刚在小县城的角落萌生。传奇，大话西游第一代网游一时风靡。我抱着试一试的心态给了网吧老板两块钱想申请个号玩玩，然后接下来的一个小时我一直在，注，册，账，号。 彼时网吧用的512k的带宽，注册的时候，填了一堆信息，提交，页面跳转，嘣，”您填写的信息有误，请重填”。然后跳转回注册页面，以此循环。我现在时常想，如果当时a
  • openSession()与getCurrentSession()区别： hetongfei javaDAOHibernate
    来自 http://blog.csdn.net/dy511/article/details/6166134 1.getCurrentSession创建的session会和绑定到当前线程,而openSession不会。 2. getCurrentSession创建的线程会在事务回滚或事物提交后自动关闭,而openSession必须手动关闭。 这里getCurrentSession本地事务(本地
  • 第一章 安装Nginx+Lua开发环境 jinnianshilongnian nginxluaopenresty
    首先我们选择使用OpenResty，其是由Nginx核心加很多第三方模块组成，其最大的亮点是默认集成了Lua开发环境，使得Nginx可以作为一个Web Server使用。借助于Nginx的事件驱动模型和非阻塞IO，可以实现高性能的Web应用程序。而且OpenResty提供了大量组件如Mysql、Redis、Memcached等等，使在Nginx上开发Web应用更方便更简单。目前在京东如实时价格、秒
  • HSQLDB In-Process方式访问内存数据库 liyonghui160com
        HSQLDB一大特色就是能够在内存中建立数据库，当然它也能将这些内存数据库保存到文件中以便实现真正的持久化。   先睹为快！   下面是一个In-Process方式访问内存数据库的代码示例：     下面代码需要引入hsqldb.jar包 （hsqldb-2.2.8）   import java.s
  • Java线程的5个使用技巧 pda158 java数据结构
    Java线程有哪些不太为人所知的技巧与用法？ 　　萝卜白菜各有所爱。像我就喜欢Java。学无止境，这也是我喜欢它的一个原因。日常 工作中你所用到的工具，通常都有些你从来没有了解过的东西，比方说某个方法或者是一些有趣的用法。比如说线程。没错，就是线程。或者确切说是Thread这个类。当我们在构建高可扩展性系统的时候，通常会面临各种各样的并发编程的问题，不过我们现在所要讲的可能会略有不同。
  • 开发资源大整合：编程语言篇——JavaScript（1） shoothao JavaScript
    概述：本系列的资源整合来自于github中各个领域的大牛，来收藏你感兴趣的东西吧。     程序包管理器   管理javascript库并提供对这些库的快速使用与打包的服务。 Bower - 用于web的程序包管理。 component - 用于客户端的程序包管理，构建更好的web应用程序。 spm - 全新的静态的文件包管
  • 避免使用终结函数 vahoa.ma javajvmC++
    终结函数（finalizer）通常是不可预测的，常常也是很危险的，一般情况下不是必要的。使用终结函数会导致不稳定的行为、更差的性能，以及带来移植性问题。不要把终结函数当做C++中的析构函数（destructors）的对应物。       我自己总结了一下这一条的综合性结论是这样的： 1）在涉及使用资源，使用完毕后要释放资源的情形下，首先要用一个显示的方
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他