-
详解利用canvas实现环形进度条的方法
所属栏目：[建站] 日期：2020-03-29 热度：93
前提：有时候在项目中会有用到进度条的情况，使用css3也可以实现，但是对于性能不好的设备，或者网络不好的情况下，卡顿现象非常明显，避免出现不流畅的尴尬情况，所以记录一下，使用canvas来实现的方法。 效果图 DOM中，首先定义canvas画板元素： canvas[详细]
-
利用canvas实现图片下载功能来实现浏览器兼容问题
所属栏目：[建站] 日期：2020-03-29 热度：55
前言:项目中需要实现图片下载功能，第一个想到的是使用a标签的download属性来实现，但是在不同浏览器下测试会发现，有的浏览器无效，点击后直接预览图片，所以，上网找到了另外一种兼容不同浏览器的图片下载的方法，那就是利用canvas来处理图片，实现下载[详细]
-
socket.io 和canvas 实现的共享画板功能
所属栏目：[建站] 日期：2020-03-29 热度：173
起初只是想要写个简单的画板,后面不知不觉的想起石墨文档有一个白板功能，就想将当前这个画布功能，开发成一个简易版的协作画板。 在线演示：努力部署中，目前需要clone到本地运行。 git 地址 2、运行 git clone repositorynpm install#对于开发阶段：#前[详细]
-
HTML表格标记教程(39):表头的亮边框色属性BORDERCOLORLIGHT
所属栏目：[建站] 日期：2020-03-29 热度：93
在表头中，可以单独定义亮边框色。 基本语法 TH Bordercolorlight=color_VALUE 语法解释 定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。 文件范例：10-37.htm 设定表头亮边框的颜色。 01 !-- ------------------------------ -- 02 !-- 文件[详细]
-
HTML表格标记教程(38):表头的边框色属性BORDERCOLOR
所属栏目：[建站] 日期：2020-03-29 热度：149
为了美化表格，可以为表头设定不同的边框颜色。 基本语法 TH Bordercolor=color_VALUE 语法解释 定义颜色的时候，可以使用英文颜色名称或十六进制颜色值表现。 文件范例：10-36.htm 设定表头边框的颜色。 01 !-- ------------------------------ -- 02 !--[详细]
-
HTML表格标记教程(37):表头的背景图象属性BACKGROUND
所属栏目：[建站] 日期：2020-03-29 热度：106
为表头设置背景图象，可以使用任何GIF或者JPEG图片文件。 基本语法 TH BACKGROUND=FILE_name 语法解释 定义背景图象时，写下图片文件的完整路径或者相对路径。 文件范例：10-35.htm 设定表头的背景图象。 01 !-- ------------------------------ -- 02 !--[详细]
-
HTML表格标记教程(41):表头的宽度和高度属性WIDTH、HEIGHT
所属栏目：[建站] 日期：2020-03-29 热度：108
默认情况下，表头的宽度高度根据内容自动调整，我们也可以手动设置表头的宽度和高度。 基本语法 TH WIDTH=value HEIGHT=value 语法解释 通过属性定义表头的宽度，属性定义表头的高度，单位为像素或百分比。 文件范例：10-39.htm 设定表头的宽度和高度。 01[详细]
-
HTML表格标记教程(36):表头的背景色属性BGCOLOR
所属栏目：[建站] 日期：2020-03-29 热度：94
TH标记用于设定表格中某一表头的属性。见下表所示： 表头的th标记属性 属 性描 述ALIGN水平对齐VALIGN单元格内容的垂直对齐BGCOLOR单元格的背景颜色BACKGROUND单元格的背景图象BORDERCOLOR单元格的边框颜色BORDERCOLORLIGHT单元格的亮边框颜色BORDERCOLORD[详细]
-
HTML 5 预览
所属栏目：[建站] 日期：2020-03-29 热度：104
原文： 作者：Lachlan Hunt 译者：zhaozy in 3user.com 概要 网络是不断的进化的. 新的和有创意的网站每天都在出现, 从各方面都在冲击着HTML的边界. HTML 4来到我们身边已经差不多有10年了, 发行者们不断的寻求提供更强大的功能的新技术, 但是常会因为标记[详细]
-
揭开HTML 5工作草稿的神秘面纱
所属栏目：[建站] 日期：2020-03-29 热度：95
万维网联盟(W3C)发布了HTML 5规格说明书的草稿 ,这是自HTML 4在十多年前发布以来的第一个主要的修订版.在这期间,随着开发者逐渐将自己的应用程序移植到Web之上,它已经从一个主要的静态媒体发展为互动的应用程序,具有丰富的媒体内容.HTML 5的目的就是要反映[详细]
-
清除网页文字水印的两种简单方法
所属栏目：[建站] 日期：2020-03-29 热度：124
我们在浏览某些网站的时候，看到不错的网页可能就想把上面的内容给复制下来，但是有的网站就是为了防止别人复制，而在每段文字的结尾处增加了干扰码与背景颜色相同的文字。清除文字水印的方法比较多，主要有两种：手动在Word里简易清除、利用浏览器插件来[详细]
-
网页表格或div层在网页中被撑开解决之道
所属栏目：[建站] 日期：2020-03-29 热度：179
在我们设计网页的时候，总会遇到一些不愉快的事情，最常见的莫过于在后台添加内容后才发现显示的页面被撑开，导致网页极度不美观。以前大家基本上都是设计表格，网上自然不少对于的解决方法，如今还有div css标准设计，很少看到相关好的方法，现在潇湘在线[详细]
-
超链接图标规范:提升文章的可阅读性
所属栏目：[建站] 日期：2020-03-29 热度：184
1、什么是超链接图标规范 超链接图标规范是根据《Iconize Textlinks with CSS》修改调整完成的。主要是整理出常用到的一些icon，整合成一张图片，减少图片的服务器请求次数。通过这套css framework，给链接文件的类型加上icon标识。提升文章的可阅读性。 2[详细]
-
鲜为人知的HTML5语音合成功能
所属栏目：[建站] 日期：2020-03-29 热度：135
听一下就会发现，播放出来的声音并不是预先录制好的音频资料，而是通过文字识别后合成的语音 请先戴上耳机，然后将下面的代码复制到chrome控制台中体验～ let msg = new SpeechSynthesisUtterance(欢迎你阅读我的博客);window.speechSynthesis.speak(msg);[详细]
-
canvas画布实现手写签名效果的示例代码
所属栏目：[建站] 日期：2020-03-29 热度：106
最近项目中涉及到移动端手写签名的功能需求，将实现代码记录于此，供小伙伴们参考指摘哦~ HTML代码： !--手写区--div class=mSign_signMark_boxdiv class=mSign_signMark_write_boxdiv id=mSign_signMark_signature_pad class=mSign_signMark_body_boxdiv[详细]
-
5分钟弄清楚html5的drag and drop(小结)
所属栏目：[建站] 日期：2020-03-29 热度：168
5分钟弄清楚html5的drag and drop，及其他监听事件和执行的次序。 定义和用法 在拖放的过程中会触发以下事件： 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发 释[详细]
-
使用html2canvas将页面转成图并使用用canvas2image下载
所属栏目：[建站] 日期：2020-03-29 热度：189
之前在网上找到一个用 a 的 download属性下载的方法，确实很简单也很方便，但此方法不支持IE，无奈又找到另一方法。 使用html2canvas将页面转成图，用canvas2image下载 本例使用的版本： html2canvas@1.0.0-alpha.12 canvas2image@1.0.5 安装 npm install[详细]
-
HTML5网页录音和上传到服务器支持PC、Android，支持IOS微信功能
所属栏目：[建站] 日期：2020-03-29 热度：131
本示例代码支持PC、Android、IOS(仅Safari)中使用，如果用RecordApp可增加对IOS(微信浏览器、小程序)的支持。 看万遍代码不如行动一遍，新建一个html文件，把下面三段代码复制到文件内，双击浏览器打开就能进行测试。 !-- 先加载js录音库，注意：你应该把j[详细]
-
HTML利用九宫格原理进行网页布局
所属栏目：[建站] 日期：2020-03-29 热度：106
说到九宫格是不是想到了九宫格火锅那（O(_)O哈哈~）。其实九宫格布局在各大网站基本都有应用，当然这里的九宫格是泛指（O(_)O哈哈）。比如小米商城局部布局如下： 不难发现，一些电商平台的布局基本上大同小异，最普遍的还是这种九宫格布局。当然通过CSS也[详细]
-
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
所属栏目：[建站] 日期：2020-03-29 热度：175
移动端 代码 !DOCTYPE htmlhtmlheadtitle左侧导航/titlemeta charset=utf-8script src=http://www.jb51.net/html5/https:/cdn.staticfile.org/jquery/1.10.2/jquery.min.js/scriptmeta name=viewport content=width=device-width,initial-scale=1.0,maximu[详细]
-
canvas实现手机的手势解锁的步骤详细
所属栏目：[建站] 日期：2020-03-29 热度：107
副标题#e# 按照国际惯例，先放效果图 1、js动态初始化Dom结构 首先在index.html中添加基本样式 body{background:pink;text-align: center;} 加个移动端meta头 meta name=viewport content=width=device-width,initial-scale=1.0,user-scalable=no 引入index[详细]
-
“绝对领域:紫“特别版Xbox手柄开售
所属栏目：[建站] 日期：2020-03-29 热度：54
微软全新“绝对领域:紫”特别版Xbox无线控制器已于3月26日在微软官方在线商城、京东官方自营旗舰店和天猫商城微软中国官方旗舰店正式开售，售价为499元，这款控制器具有新颖的外观和强大的功能，体现了微软对产品品质和用户体验的一贯追求，致力于为玩家提[详细]
-
索尼XPERIA XZ PRO可能会放弃3.5MM音频插孔
所属栏目：[建站] 日期：2020-03-29 热度：95
似乎索尼即将推出的设备Xperia XZ Pro可能没有配备3.5毫米音频插孔。根据Pocket Now的报告，新的Sony设备已向FCC提交了ID为PY7-21831A的设备。申请文件随附的示意图表明，该设备将具有充电模式，并使用一条特殊的电缆来描绘该设备，该电缆将分成一个3.5毫[详细]
-
从云米冰箱出问题看互联网家电的隐忧
所属栏目：[建站] 日期：2020-03-29 热度：103
互联网家电又出问题。 3月18日，一名网友在今日头条发文《云米烟机质量问题，京东卖家不管，云米400不管，踢来踢去踢皮球》，称自己购买了云米冰箱和油烟机。结果仅仅一个月的时间冰箱冷冻室结冰、冷藏室不制冷，并且云米冰箱和油烟机也从一开始的相互连接[详细]
-
海外疫情席卷下的家居外贸市场：某东莞家具厂已半月未接新订单
所属栏目：[建站] 日期：2020-03-29 热度：96
截至发稿前的统计显示，海外新冠肺炎累计确诊病例已经超过29万。欧美形势最为严峻，其中，美国累计确诊超46000例，英国、德国、法国、意大利等欧洲主要国家的病例亦在快速增长。 海外疫情危机的不断升级，给国内企业的外贸业务带来沉重打击。一家东莞家具[详细]
