什么是Bootstrap Bootstrap是一个用于快速开发Web应用程序和网站的前端框架，它包括HTML,CSS,JS等。它是由Twitter开发，现在成为Github上最为流行的前端开发框架。它提供了一套响应式，移动设备优先的流式栅格系统，随着屏幕或视窗尺寸增加，系统会自动分为最多12列。 栅 ...
分类：
其他好文 时间：
2020-05-23 09:49:22
阅读次数：
58
需求场景：需要用户上传一张照片，返回给用户一个唯一的结果，比如测试类网页你拥有哪种女人气质？（移动端）其实这种需求（不需要保存图片）的话，只需要在本地处理图片即可，不需要将图片上传到服务器。计算图片的md5值可以确保唯一性。针对这个需求，可以使用HTML5 file api来读取文件。实现方法如下： ...
背景 使用HTML5的datetime-local的input元素，平台为NodeJS，另外使用momentjs模块。 实现 jade代码如下： input#timeBegin.form-control(type="datetime-local", name="timeBegin", require ...
分类：
其他好文 时间：
2020-05-23 00:15:11
阅读次数：
354
canvas是html5出现的新标签，主要用来画图，看见网上能用来实现各种图形，所以感觉很好玩，就学习了一下。canvas绘制图形有两种方法： context.fill() //填充 context.stroke() //绘制边框 在绘制图形前要设置好图形样式，也有两种方法： context.fil ...
分类：
Web程序 时间：
2020-05-22 21:10:08
阅读次数：
67
简介 <canvas> 是 HTML5 新增的元素之一，它允许脚本语言动态渲染位图像。最初是由 Apple 引入，用于 Mac OS X 的仪表盘，后来又在 Safiri 和 Google Chrome 中被实现。 <canvas> 就像个神奇的画布，你可以在上面画出你想要的绚丽的效果。使用<can ...
分类：
其他好文 时间：
2020-05-22 17:23:28
阅读次数：
53
友情提示：想要更好的理解这篇文章，建议先读一下 "viewport深入理解" ，了解一下视口。 假设我们的设计稿尺寸为750 1340。html5设计稿尺寸以及前端与设计之间协作流程一般分为下面两种。 方法一 引入：页面开头处引入下面这段代码，用于动态计算font size css使用： 未引入前 ...
分类：
移动开发 时间：
2020-05-22 12:42:05
阅读次数：
58
“你的问题主要是读书不多而想得太多” 我就是这种不读书、没干货，遇到问题缺少实践的人~十分羡慕那些会写博客的人，就我来说，写一遍文章简直要比女人生孩子还要难受，半天憋不出一个字~哎，无奈肚子里没有墨水。罢了，直接入主题。 最近为了体验移动端开发做个了在线播放器，其实就是加了个媒体查询~，这是demo ...
分类：
Web程序 时间：
2020-05-22 09:53:44
阅读次数：
74
工作原理： 是基于一个新建的.appcache文件的缓存机制。解析清单离线存储资源，这些资源就像cookies一样存储起来。 如何实现呢？ 在html的头部加入manifest属性，并在cache.manifest文件中编写离线存储的资源。在离线状态时，操作window.applicationCac ...
分类：
Web程序 时间：
2020-05-22 09:53:31
阅读次数：
68
为了更快地进行移动设备开发，请使用响应式显示类来按设备显示和隐藏元素。避免创建相同站点的完全不同版本，而是相应地为每个屏幕大小隐藏元素。要隐藏元素，只需使用.d-none类或其中一个.d-{sm,md,lg,xl}-none类进行任何响应式屏幕变化。要仅在给定的屏幕尺寸间隔上显示元素，您可以将一个. ...
分类：
其他好文 时间：
2020-05-22 09:37:45
阅读次数：
71
跟着步骤学习，耐心点好么，不要只看图不看文字，只看图5天都学不会。我在工作中用不到h5绘图，所以我是个小菜鸟。但我始终有一种迷之信念，任何已经存在的东西学一下就会了。所以刚好，我顺便可以讲一下我的学习步骤 1.我首先下了一个demo 感谢所有爱分享的程序员。挑选demo的时候要注意，不能只挑选酷炫的 ...
分类：
Web程序 时间：
2020-05-21 23:58:27
阅读次数：
109
