html5_蓝戒的博客
您当前位置 :
蓝戒的博客 » 所有属于 "html5" 分类的文章
Mar 02 2022
前言
由于一个后台项目整合了多个系统，并且由多个团队共同维护，项目开发迭代排期及测试、上线的时间节点都不一样，并且后台项目前端代码都在一个git仓库，使得不同团队不同功能代码合并冲突不断并不易统一版本，开发测试也相互影响。其二，项目在同一个服务上代码体积变得越来越大，部署时间变慢。此外相同服务下的公共代码体积也会变大，进而会影响页面加载速度。因此非常有必要将... 阅读全文
Oct 14 2016
官方文档
小程序开发文档
小程序设计指南
小程序开发者工具
新闻报道
微信正式开放内测“小程序”，不开发APP的日子真的来了？(36氪)
关于微信小程序（应用号），我能透露的几个细节(可能吧)
你的产品适不适合做微信小程序？你需要这篇产品逻辑分析(虎嗅网)
工具
微信小程序 (应用号) 微信 web 开发者工具破解版(DiyCode)
微信小程序配置及目录在线生成工具
IDE + 破解 + Demo(gavinkwoe... 阅读全文
Sep 12 2016
方案一：
1.viewport设置：
<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
2.html根元素font-size设置（注：设计稿640px）：
var deviceWidth = document.documentElement.clientWidth;
if(deviceWidth > 640) deviceWidth = 640;
document.documentElement.style.fontSize = deviceWidth / 6.4 + ‘px‘;
方案二：
1.viewport初始设置：
<... 阅读全文
May 24 2016
备注：所有的o-r中间添加了- 中线，系统有屏蔽词关键词，因此加了- 中线处理。
通过Camera API,你可以使用手机的摄像头拍照,然后把拍到的照片发送给当前网页.这些操作主要是通过一个input元素来实现的,其中该元素的type属性必须为"file",accept属性要允许图片格式,这样才能知道这个文件选择框是用来选择图片的.,完整的HTML结构看起来是这样的:
<input type="file" id="take-picture" acc... 阅读全文
Feb 16 2016
官网主页: http://html2canvas.hertzen.com/
概述
html2canvas是一个相当不错的JavaScript类库，它使用了html5和css3的一些新功能特性，实现了在客户端对网页进行截图的功 能。html2canvas通过获取页面的DOM和元素的样式信息，并将其渲染成canvas图片，从而实现给页面截图的功能。
这个插件依赖于jQuery插件，建议使用最新版的。
兼容性
html2canvas能在以下的浏览器中完美的运行。
Firefox... 阅读全文
Jan 24 2016
前言
web发展经历了一个漫长的周期，最开始很多人认为Javascript这们语言是前端开发的累赘，是个鸡肋，那个时候人们还享受着从一个a链接蹦到另一个页面的web神奇魔术。后来随着JavaScript的不断更新换代，他的功能不仅仅是为网页添加一点特效了，语言本身的加强以及对DOM操作能力的提升让他在前端大放光彩。尤其是ajax的出现，让JavaScript以及整个web的发展翻开了崭新的一页。
利用ajax局... 阅读全文
Aug 08 2015
移动前端图片上传压缩解决方案1
图片上传前端压缩演示示例：
在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如果直接这样上传，那图片就太大了，如果用户用的是移动流量，完全把图片上传显然不是一个好办法。
目前来说，HTML5的各种新API都在移动端的webkit上得到了较好的实现。所以直接在前端压缩图片，... 阅读全文
Jul 23 2015
html5+css3钟表指针动画：
See the Pen OVoGpY by cywcd (@webzsky) on CodePen.
html5+css3星轨运转：
See the Pen gpdyoJ by cywcd (@webzsky) on CodePen.
html5+css3+js(canvas)线型心：
See the Pen vOzMaP by cywcd (@webzsky) on CodePen.
html5+css3波纹闪动：
See the Pen YXOMJg by cywcd (@webzsky) on CodePen.
html5+css3白云飘飘：
See the Pen eNLoxe by cywcd (@webzsk... 阅读全文
Jul 15 2015
svg任务跑步svg代码拷贝到html的body区域内，使用谷歌浏览器查看效果。
[codesyntax lang="php"]
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" style="max-height: 800px; min-height: 100vh;" viewbox="0 0 400 400"
xml:space="preserve">
<defs>
<lineargradient id="linearGradient50... 阅读全文
作者：cywcd | 分类：
svg | 阅读： 4,750 次 | 标签：
svg
Jul 13 2015
在HTML5之前，网页中日期选择，最常见的方案是用Javascript日期组件。这几乎是无可争议、别无选择的做法。html5出现后其input的type提供了date类型，不依赖js实现日期选择。但是这个属性只有在谷歌浏览器实现了比较好的支持。HTML5规范里只规定date新型input输入类型，并没有规定日历弹出框的实现和样式。所以，各浏览器根据自己的设计实现日历。
如果你使用的是谷歌浏览器，那你就可以在... 阅读全文
来自的朋友,欢迎您
点击这里 订阅我的博客 o(∩_∩)o~~~
前言 由于一个后台项目整合了多个系统，并且由多个团队共同维护，项目开发迭代排期及测试、上线的时间节点都不一样，并且后台项目前端代码都在一个git仓库，使得不同团队不同功能代码合并冲突不断并不易统一版本，开发测试也相互影响。其二，项目在同一个服务上代码体积变得越来越大，部署时间变慢。此外相同服务下的公共代码体积也会变大，进而会影响页面加载速度。因此非常有必要将...阅读全文抢沙发
官方文档 小程序开发文档 小程序设计指南 小程序开发者工具 新闻报道 微信正式开放内测“小程序”，不开发APP的日子真的来了？(36氪) 关于微信小程序（应用号），我能透露的几个细节(可能吧) 你的产品适不适合做微信小程序？你需要这篇产品逻辑分析(虎嗅网) 工具 微信小程序 (应用号) 微信 web 开发者工具破解版(DiyCode) 微信小程序配置及目录在线生成工具 IDE + 破解 + Demo(gavinkwoe...阅读全文
备注：所有的o-r中间添加了- 中线，系统有屏蔽词关键词，因此加了- 中线处理。 通过Camera API,你可以使用手机的摄像头拍照,然后把拍到的照片发送给当前网页.这些操作主要是通过一个input元素来实现的,其中该元素的type属性必须为"file",accept属性要允许图片格式,这样才能知道这个文件选择框是用来选择图片的.,完整的HTML结构看起来是这样的: <input type="file" id="take-picture" acc...阅读全文
前言 web发展经历了一个漫长的周期，最开始很多人认为Javascript这们语言是前端开发的累赘，是个鸡肋，那个时候人们还享受着从一个a链接蹦到另一个页面的web神奇魔术。后来随着JavaScript的不断更新换代，他的功能不仅仅是为网页添加一点特效了，语言本身的加强以及对DOM操作能力的提升让他在前端大放光彩。尤其是ajax的出现，让JavaScript以及整个web的发展翻开了崭新的一页。 利用ajax局...阅读全文
移动前端图片上传压缩解决方案1 图片上传前端压缩演示示例： 在做移动端图片上传的时候，用户传的都是手机本地图片，而本地图片一般都相对比较大，拿iphone6来说，平时拍很多图片都是一两M的，如果直接这样上传，那图片就太大了，如果用户用的是移动流量，完全把图片上传显然不是一个好办法。 目前来说，HTML5的各种新API都在移动端的webkit上得到了较好的实现。所以直接在前端压缩图片，...阅读全文
html5+css3钟表指针动画： See the Pen OVoGpY by cywcd (@webzsky) on CodePen. html5+css3星轨运转： See the Pen gpdyoJ by cywcd (@webzsky) on CodePen. html5+css3+js(canvas)线型心： See the Pen vOzMaP by cywcd (@webzsky) on CodePen. html5+css3波纹闪动： See the Pen YXOMJg by cywcd (@webzsky) on CodePen. html5+css3白云飘飘： See the Pen eNLoxe by cywcd (@webzsk...阅读全文
svg任务跑步svg代码拷贝到html的body区域内，使用谷歌浏览器查看效果。 [codesyntax lang="php"] <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" style="max-height: 800px; min-height: 100vh;" viewbox="0 0 400 400" xml:space="preserve"> <defs> <lineargradient id="linearGradient50...阅读全文
在HTML5之前，网页中日期选择，最常见的方案是用Javascript日期组件。这几乎是无可争议、别无选择的做法。html5出现后其input的type提供了date类型，不依赖js实现日期选择。但是这个属性只有在谷歌浏览器实现了比较好的支持。HTML5规范里只规定date新型input输入类型，并没有规定日历弹出框的实现和样式。所以，各浏览器根据自己的设计实现日历。 如果你使用的是谷歌浏览器，那你就可以在...阅读全文