写一个BUI折叠菜单插件效果预览 控件分析控件结构 一个点击显示隐藏的效果, 并且点击的时候, 会先把展开进行隐藏, 再展开自己的. 从界面上我们来看看结构的设计. !-- 一般控件最外层...

noscript定义和用法 noscript 元素用来定义在脚本未被执行时的替代内容（文本）。 此标签可被用于可识别 script 标签但无法支持其中的脚本的浏览器。 HTML 与 XHTML 之间的差异 NONE 提示和注...

canvas海报内容有背景图，圆形头像，用户昵称，链接的二维码图片。 问题如下 图片不显示 绘制渲染的时候图像不显示：是因为图片异步加载，所以canvas的操作需要放在onload事件中，否...

HTML标签：上标 在HTML语言中， sup 标签可定义上标文本。例如：要求显示：2个氧离子，在html代码【文章原创作者：高防服务器ip】中则需要写成：2Osup2-/sup。 2O2- 包含在 sup 标签和其结束...

最近挺忙的，这次抽空写写文 陶冶下情操 ， 浏览器滚动 真的天天见日日见啦，比如你现在看的这篇文章，往下看就必须得滚动，这篇文章主要聊聊 滚动相关 的一些 方法 跟 属性 ，还...

有些时候我们需要根据某些条件来控制Web页面中的HTML元素显示还是隐藏，可以通过display或visibility来实现。通过下面的例子了解display和visibility的区别，简单的例子代码如下： 复制代码...

将SVG图引入到HTML网页，目前只有三种办法，前两种很相似，第三种更简单。下来介绍一下这是那种方法。 第一种： 使用 embed 标签： 这个是官方推荐的用法，但是这个官方是Adobe官方，...

复制代码 代码如下: span style="font-f【文章出处:cc防御 转载请说明出处】amily:Microsoft YaHei;"select id="lstTest" onfocus="this.defaultIndex=this.selectedIndex;" onchange="this.selectedIndex=this.defaultIndex;" option...

最近由于公司业务要求，需要完成一个一键生成照片图片打印总图的功能 html2canvas是一个非常强大的截图插件，很多生成图片和打印的场景会用到它 但是效果很模糊 ，本文主要记录一...

主要是针对低版本的浏览器 !-- --是html的注释标签，高版本的浏览器会识别style标签是样式表， 并忽略里面的html注释标签，会【文章来自：http://www.yidunidc.com/gfcdn.html 欢迎留下您的宝贵建...

之前在项目中遇到一个环形进度条的需求，要求能实时更新进度，脑海中瞬间便蹦出css，svg，canvas3中方案，对于3种方案个人更偏向于svg，用法简单，代码量也很少，同时也便于实时控...

实现回车!=提交的问题，一般可以从按钮的type类型 和 输入框个数两处着手。 默认情况下，单个输入框，无论按钮的type=submit还是type=button类型，回车即提交。 1.当type=submit时，无论有几...

模糊原因 首先，需要理解canvas的展示机制。 canvas id=map width=375 height=667/canvas 我绘制了一张375px的canvas，iphone6的宽度也是375px，ok，canvas铺满了整个屏幕。 那么canvas的大小就是375px，can...

W3Cschool上是这样说明的 meta 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。 meta 标签位于文档的头部，不包含任何内容。meta 标签的属性...

使用Html5中的cavas画一面国旗，具体代码如下所示： var canvas = document.getElementById(canvas);//创建一个cavas画板 var context = canvas.getContext('2d');//设置画板属性 var width=canvas.width; var height=width*2...

1. select style=width:195px name=role id=role onfocus=this.defaultIndex=this.selectedIndex; onchange=this.selectedIndex=this.defaultIndex; 这种方法可以使下拉框和平常没有区别，看起来没有任何不同。唯一不同的就是...

这是一款基于HTML5的焦点图动画，它和其他焦点图不同的地方在于，它播放的不仅仅是图片，而是可以自定义控制的网页元素。它不仅在图片间切换有过渡动画效果，而且在切换时图片...

关于nofollow的争议 有段时间Zac和国平有过关于nofollow的争议，就是nofollow到底会不会浪费PR。按照Google官方人员的解释，假设一个页面上有10个链接。 那么该页面的PR就会被分成10份分给这...

话不多说，先看效果图： 【原URL http://www.yidunidc.com/jap.html 请说明出处】 炫酷吗？你想实现这种动态视频作为背景的首页吗？来，一起来学习，本文将带你一起实现H5动态视频背景； 首...

前言 之所以写这篇文章，主要是因为组长给提的一个新的需求使用浏览器调用电脑的摄像头，来实现即时拍照的功能。在网上查了很多资料，由于这样那样的原因，最终选择了使用fl...

video是HTML5的一个视频媒体标签，其作用是在网页中嵌入指定的视频，video标签的代码结构及参数如下。 HTML代码结构： video controls autoplay loop preload=auto poster=img/popup-img.png webkit-playsinlin...

textarea/textarea用来创建一个可以输入多行的文本框，此标志对用于form/form标志对之间。textarea具有以下属性： (1)onchange指定控件改变时要调用的函数 (2)onfocus当控件接受焦点时要执行的函...

前言 最近由于公司业务要求，需要完成一个一键生成照片图片打印总图的功能 html2canvas是一个非常强大的截图插件，很多生成图片和打印的场景会用到它 但是效果很模糊 ，本文主要记...

方法1：设置readonly属性为true。 INPUT value=readonly readOnly 方法2：设置disabled属性为【原URL http://www.yidunidc.com/sin.html 转载请说明出处】true。 INPUT disabled value=disabled 方法3：在对象focus时立刻让...

前言 物联网( IoT )，简单的理解就是物体之间通过互联网进行链接。世界上的万事万物，都可以通过数据的改变进行智能化管理。IoT 的兴起在医疗【本文出处:国外高防服务器 复制请保...

table曾经在网页开发中占据着举重若轻的地位布局，即使到了Web2.0我们依旧可以看到其布局的身影。然而技术是不断进步的Div+Css组合方式终究敲开了老式布局的大门刮起了新的一轮布局...

前言 有时候，我们会使用 iframe标签，将前端分离项目无感的嵌入 如以Freemark为主体较老的项目中。 我们知道，当iframe内部内容比父页面所指定的宽高大的时候，会出现滚动框。 所以，...

a href=# 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP a href=javascript:void(0) onClick=window.open() 点击链接后，页面不动，只打开链接 a href=# onclick=javascript:return false; 作用同上，不同浏...

当解析接口 突然出现一个xml形式的html格式的字符串的时候不用慌张,正常去交给webview的loaddata方法来解决即可,但是今天说的是一组图片字符串 img src=//yanxuan.nosdn.127.net/75c55a13fde5eb2bc2dd...

其实这也是标题党了，也不能说是炫，只是由于我孤陋寡闻没见过这些标签。这些功能在通常的网站上也不是很常见，所以我感觉很新鲜。那么就出一个系列吧，把我遇到的很好的HTM...

应用情景 业务搬砖需求需要用原设计稿给出的字体，使用@font-face引入后，发现字体包太大10M左右，每次请求服务器10M流量会造成服务器压力，影响用户体验 第一步：使用@font-face MDN概...

两个小问题,但是困扰了很久 第一个问题 textarea文本域左边的文字一直都是在textarea的左下边，看起来不美观 设置一个属性就可以搞定 复制代码 代码如下: label style="vertical-align:top" 备注...

一、总体思路： 1、表格无边框【本文由：日本服务器 欢迎转载】，背景颜色设置一种颜色（#DCDFE6），这样表格的边框的颜色就是表格的背景颜色； 2、单元格间距为1px，背景颜色设置...

blockquote定义和用法 blockquote 标签定义块引用。 blockquote 与 /blockquote 之间的所有文本都会从常规文本中分离出来，经常会在左、右两边进行缩进（增加外边距），而且有时会使用斜体。...

我们知道，清空canvas画布内容有以下两个方法。 第一种方法是cearRect函数： context.cearRect(0,0,canvas.width,canvas.height) 第二种方法就是用原值重新设置一下canvas的宽（或者高） canvas.width =...

块元素(block element) p - 段落 pre - 格式化文本 table - 表格 ol - 排序表单 ul - 非排序列表 address - 地址 blockquote - 块引用 center - 居中对齐块 div - 常用块级 dl - 定义列表 fieldset - form控制组 f...

markdown的Editor.md插件官方网站：https://pandao.github.io/editor.md/ 一：下载Editor.md 1：进入官网直接进行下载 github下载地址：https://github.com/pandao/editor.md 2：使用npm进行下载 npm install editor.md 下...

因为想自己写一个web,所以也在学习html语言的一些东西,让我回想起了大学时代曾对网页设计产生过兴趣,无奈那时候还没有自己的电脑,还常去网吧买个软盘下载一些图片,然后用fontpage做一...

前言 现在不管是桌面客户端还是移动客户端，都会夹杂着一部分H5页面，这种混合式的应用也是我们常说的Hybrid App。为什么会出现Hybrid App呢，早期是因为开发一个Android或iOS的客户端，...

XML/HTML Code 复制内容到剪贴板 div class = centent style = width:200px;float:left;margin-right:20px; select multiple = multiple id = select1 style = width:150px;height:160px; option value = 1 选项1 / option option value = 2 选项...

最近做了一个微信内访问的H5页面，长按分享图片发送朋友邀请的海报，网上搜索资料，得出解决思路，用canvas将页面绘制生成图片， 问题：canvas 图片跨域。 解决过程（填坑历程）：...

应用场景是：iframe页面没有滚动条，在父窗体中出现滚动条，锚点标记就会失效，因为，锚点是根据当前窗口滚动条滚动窗口的，成为子窗体后没有了滚动条，自然不会滚动。 解决办法...

当我们要在域名A.com下使用一个域名B.com提供的页面服务，直觉想到的实现方式就是使用iframe。但是iframe直接的交互存在**跨域问题**，目前看来解决方式有两种。一是使用nginx代理转发，...

meta name=viewport content=width=device-width, initial-scale=1.0, m【来源：美国cn2服务器 转载请说明出处】inimum-scale=1.0, maximum-scale=1.0, user-scalable=no width-viewport的宽度 height-viewport的高度 initial-scale 初始...

这是一期分享 HTML 中 span 标签，如何设置宽度的问题。 span标签 span 表示行内元素，相当于 inline 属性，只会根据元素的宽度自行展开，自己设置宽度，不起作用。 那如果我特别希望将...

可以用html5中的属性 input =text placeholder=你想输入的内容 也可以用js做到 加css样式 复制代码 代码如下: style type="text/css" .in_search { border:1 none; color:#999999; float:left; font-size:14px; height:18px; l...

原理 主站点内嵌代理页面, 并向代理页传递数据, 代理页根据主站点的数据对目标页的DOM进行操作.由于代理页与目标页同域, 所以代理页可以获取并操作目标页的document对象. 前提条件...

今天，本文向初学者介绍一些 Web 开发中的基本概念和用到的技术，从A到Z总共26项，每项对应一个概念或者技术。 A AJAX AJAX 全称为 Asynchronous JavaScript and XML （异步 JavaScript 和 XML ），是...

这周碰到一个让人头疼的需求：要在我的web项目中嵌入另一个第三方web项目。第一时间想到的就是用iframe了，但问题来了，我和第三方web项目是有交互的，这就违反同源策略了，处理跨...

我们这里不讨论是PHP还是JSP或者.NET环境，我们从架构的方面去看问题，实现语言方面并不是问题，语言的优势在于实现而不是好坏，不论你选择任何语言，架构都是必须要面对的。 1、...