文本也许是HTML里最常见的元素了，所以我们有必要对HTML的文本操作标签做下认识。1. <em>，<i>内的文字呈现为倾斜效果；2. <strong>，<b>内的文字呈现为加粗效果；3. <b>，<i>只是单纯的为了让文本具有某种特殊样式，而<strong>，<em>不仅带有特殊样式，而且也表达了某种语义；4. 在单纯的为了达到某种样式的情况下，建议使用不带有语义的标签。体验如下：http://www.mayacoder.com/lesson/lesson?lesson_id=28&knowledge_id=5原文...
添加HTML内容与文本内容以前用的是innerHTML与innerText方法，最近发现还有insertAdjacentHTML和 insertAdjacentText方法，这两个方法更灵活，可以在指定的地方插入html内容和文本内容。~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~参数资料：msdn.microsoft.com/en-us/library/ms536452(VS.85).aspxwww.w3.org/TR/2000/REC-DOM-Level-2-Traversal-Range-20001113/ranges.html#Level2-Range...
1、前端： 不同设备的适配 显示--》性能优化 某些计算任务 html5 2、xml: 传输数据 保存配置文件 3、乱码是因为编码方式与解码方式不同 4、html具体标签（属性）具体使用可参考帮助手册 排版标签 <p>、<br>、<hr>、<!--注释--> 字体标签 <font>、<h1-6>、特殊字符 图像标签 <img> 属性及参数 清单标签 <ol type=> <ul> <dl><dt><dd> 超链接 <a href的目标地址：锚点、文件、...
1.使用System.Windows.Forms命名空间下的WebBrowser控件加载网页并生成图片GiHub参考地址：https://github.com/tianma3798/FileOparate/ 使用方法：publicstaticvoid TestOne() {ThumbnailImg img = new ThumbnailImg("e:\\one.png");//img.SetToJpeg();//img.SetToGif();ThumbnailOperate _operate = new ThumbnailOperate("http://korea.weilanliuxue.cn", img);_operate.GenerateImg();Console.WriteLine("保存成功"); } 核心代...
媒体查询允许网站根据智能手机和平板的方向来调整布局。但有时候你希网站锁定到一个特定的方向，横屏或竖屏，此时，原生应用的格式是可以被指定的。APP只在预设格式下显示—独立于实际的设备方向。通过使用HTML5的 Screen Orientation API, 可以在JavaScript定义屏幕方向。 为一个文档定义屏幕方向通过screen.orientation属性的lock()方法可以调整屏幕方向，其默认值是any，这允许设备根据其物理方向来应用任何方向。值”natural”...
女朋友已经发话了，就由我来做一个可以拖动图片的网页。我说你还是另请高明吧，我也不是谦虚，我一个搞大数据的怎么就跑来搞前端了。目标：搞一个支持图片拖动的网页。百度了一圈，资源还挺多。接下来就是各种调框框大小，圆角啥的。结果搞出来这么一段相当丑陋的HTML的代码来，勉强能满足需求。<!DOCTYPE html> <html><head><meta charset="utf-8"><title>证据的分类练习</title><style type="text/css">#div1{width: 20%;height:...
无意间发现一个在线调试H5和JS的方法。 随便搜一个H5标签，然后进入W3School网站，这里以label为例，进入W3school提供的调试页面后就可以自己玩了，需要调试JS的话，得在线引入jQuery，地址：https://code.jquery.com/jquery-3.1.1.min.js<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"></script> 原文：https://www.cnblogs.com/JillisRealM/p/11322532.html
WebGL开启了网页3D渲染的新时代，它允许在canvas中直接渲染3D的内容，而不借助任何插件。WebGL同canvas 2D的API一样，都是通过脚本操纵对象，所以步骤也是基本相似：准备工作上下文，准备数据，在canvas中绘制对象并渲染。与2D不同的就是3D涉及的知识更多了，例如世界、光线、纹理、相机、矩阵等专业知识。WebGL有一个很好的中文教程，就是下面使用参考中的第一个链接，所以这里不再班门弄斧，后面的内容只是简单的总结一下学习的内...
一、标签语义化html标签语义化是让大家直观的认识标签和属性的用途和作用，好处最主要的是对搜索引擎友好。Eg:1、如果你想在页面中突出"奥巴马"这三个字，让搜索引擎重视它，如果你这么写：<div> 奥巴马</div>对于搜索引擎来说，它也只是一个普通得不能再普通的三个字而已，尽管它是指代美国总统。那么应该怎样才能让搜索引擎知道它的重要性呢？来看看语义化的写法吧：<h1>奥巴马</h1>奥巴马看了后，乐了，哥本来就应该备受关注的！...
The FileReader InterfaceThe FileReader interface provides a number of methods that can be used to read either File or Blob objects. These methods are all asynchronous which means that your program will not stall whilst a file is being read. This is particularly useful when dealing with large files.The following code shows how to create a new instance of FileReader.var reader = new FileReader(...
1 标签：xml或者html1.1 使用XmlSlurper解析xmlgroovy处理xml非常容易。XmlSlurper 类用来处理xml。在处理xml方面，还有其他的处理方式，但是XmlSlurper 处理效率更加的高效，并且灵活性很好。XmlSlurper 执行parseText后返回GPathResult 对象。能够使用GPath 表达式来访问xml树中的各个层级节点。用点（.）来读取需要的子节点，并且使用@读取属性值。package xml class XmlSlurperTest { static main(args) { de...
http://www.cnblogs.com/milkmap/archive/2012/02/09/2343880.htmlionicframework.com原文：http://www.cnblogs.com/Athrun/p/4683429.html
<html><!--定义了整个 HTML 文档。--><head><!--定义html头部信息--><title>再见，时光</title><!--定义文档的标题--></head><body><!--定义了 HTML 文档的主体。--><h1>再见，时光</h1><p>如果没有遇见，就没有失去，又何必会遗憾?工作，选择就意味着接受。冷冷的冬，冷冷的城，冷冷的世界。站里的残雪几近消融，蓝莹莹的天像无垠的海，好想放一只船载我整颗心去远航，没有忧伤，没有心急。隔天轮值的夜班，清苦又烦闷。在或梦或醒...
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><input type="text" id="txt" value="1"/><input type="button" onclick="add()" value="+"><input type="button" onclick="sub()" value="-"></td><script>function add(){var txt=document.getElementById("txt");var a=txt.value;a++;txt.value=a;}function sub(){var txt=document.getElementById("txt");var a=txt.value;if...
利用HTML5的新特点做文件异步上传很easy方便，本文主要展示JS部分。html结构。以下的代码并未使用第三发库，假设有參照，请注意一些未展现出来的代码片段。我这边的效果预览：1.文件未选择 2.文件已选择HTML代码部分： 思路：以下代码中我利用css的z-index属性将input="file”标签隐藏在了id=btnSelect元素以下，通过触发a标签的点击后，弹出文件选择框。以下的masklayer用于点击确认button后的弹出层，避免用户反复点击确认but...